Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • May 10 03:20
    dependabot[bot] labeled #79
  • May 10 03:20
    dependabot[bot] opened #79
  • May 10 03:20

    dependabot[bot] on npm_and_yarn

    Bump hosted-git-info from 2.7.1… (compare)

  • May 08 10:01

    dependabot[bot] on npm_and_yarn

    (compare)

  • May 08 10:01
    dependabot[bot] closed #72
  • May 08 10:01
    dependabot[bot] commented #72
  • May 08 10:01
    dependabot[bot] labeled #78
  • May 08 10:01
    dependabot[bot] opened #78
  • May 08 10:01

    dependabot[bot] on npm_and_yarn

    Bump lodash from 4.17.14 to 4.1… (compare)

  • May 07 10:17

    dependabot[bot] on npm_and_yarn

    (compare)

  • May 07 10:17
    dependabot[bot] closed #74
  • May 07 10:17
    dependabot[bot] commented #74
  • May 07 10:17
    dependabot[bot] labeled #77
  • May 07 10:17
    dependabot[bot] opened #77
  • May 07 10:17

    dependabot[bot] on npm_and_yarn

    Bump handlebars from 4.1.2 to 4… (compare)

  • Jan 23 19:18
    larixer commented #76
  • Jan 23 19:17
    larixer commented #76
  • Jan 23 19:15
    CodeSpent commented #76
  • Jan 23 07:10
    larixer commented #76
  • Jan 22 18:26
    CodeSpent edited #76
Victor Vlasenko
@larixer

@jbsaeza Create file src/index.html:

<!DOCTYPE html>
<html>
<head>
    <base href="/">
    <meta charset="utf-8">
    <title><%= htmlWebpackPlugin.options.title %></title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
    <div id='root'></div>
</body>
</html>

It will be picked up automatically and you will be able to change the title

Joel Poloney
@joelpoloney
Does anyone know how to attach the VSCode debugger to the node process for the GraphQL code and have source maps read through? When I run my local environment, it puts files in packages/server/build... mainly an index.js and then a index.{hash}.js.map file. I've been struggling to get this in my launch.json file so it has all source maps available
Right now, my launch.json file has a launch type of Attach by Process ID... and then I pick the one that GraphQL is running on. It attaches just fine, but breakpoints aren't working because it can't find the source maps. The error I get is: breakpoint ignored because generated code not found (source map problem?)
Joel Poloney
@joelpoloney
Been trying to follow all the suggestions here: https://code.visualstudio.com/docs/nodejs/nodejs-debugging#_source-maps
Victor Vlasenko
@larixer
Yes, its source map problem
Joel Poloney
@joelpoloney
Do you have any more info?
Victor Vlasenko
@larixer
No, all the info is inside your index.{hash}.js.map and index.js
Joel Poloney
@joelpoloney
I've been playing around with it and have it showing up now but it's finding them, but now getting "Breakpoint set but not yet bound" on all my breakpoints :(
Joel Poloney
@joelpoloney
Aha. There we go
I also needed the --inspect on NodeHmrPlugin
Victor Vlasenko
@larixer
Yep
Joel Poloney
@joelpoloney
Thank you again 🙏
is it ok to leave the --inspect?
Victor Vlasenko
@larixer
yes
absolutely
Joel Poloney
@joelpoloney
ah ok great
I also need to add this to my webpack.config.js in the output map
devtoolModuleFilenameTemplate: 'file://[absolute-resource-path]'
Joel Poloney
@joelpoloney
(you may want to add that info to your Debugging readme)
Victor Vlasenko
@larixer
probably yes, I think in zen I used to have much more sophisticated devtoolModuleFilenameTemplate: for the backend
Joel Poloney
@joelpoloney
Ah... yeah I put this in just the webpack.config.js for the server folder. Works like a charm
Joel Poloney
@joelpoloney
Is there a recommended way of including or accessing static files? I'm trying to use https://github.com/i18next/i18next-xhr-backend for i18n serving and I would typically create a locales folder inside my public folder. But since I don't really have one, I'm not quite sure what's the recommended way of setting this up
I see in the build folder, there's an assets.json file that includes references to static images that I'm importing in my code. Is there a way to hook into that somehow?
Joel Poloney
@joelpoloney
Ah nevermind, it looks like there already is support for this in the webpack.config.js file I have. My locales folder needs to be a sibling of src, not included inside of it
Joel Poloney
@joelpoloney
Actually, it appears they're not actually being bundled in when I run yarn build. Any ideas why not? They're there when I serve locally with Webpack
Victor Vlasenko
@larixer
They are included into js bundle
If you want public folder, you can add CopyWebpackPlugin into webpack.config.js
Joel Poloney
@joelpoloney
Hm.. wondering how I can access them in the js bundle. I'm using the i18next-xhr-backend plugin to pull from a static file, which wasn't working
And hm, I just looked into all the JS files in the bundle... I don't see my strings anywhere 🤔
Victor Vlasenko
@larixer
If you want to access assets in the js bundle, the way to do it in a webpack project is to require them. If you want public folder - the way to do it is to use some webpack plugin, for example CopyWebpackPlugin, I don’t know what is i18next-xhr-backend and how it works
Essentially loads your i18n files automatically from a public folder
Victor Vlasenko
@larixer
Joel Poloney
@joelpoloney
yeah probably for the best. Thanks for the tip!
John
@spxis
Hello... Been trying to get Web/Server app deployed on Heroku... By default, there are issues due to zen package being in devDependencies instead of dependencies... but last error is an "Error R10 (Boot timeout) -> Web process failed to bind to $PORT within 60 seconds of launch" so makes me believe it has to do with a Port and Heroku... do we have access to the sample apps that are working/running on Heroku, to help troubleshoot the app?
John
@spxis
I'm curious about this create-apollo-app as there hasn't been any activity in over a year in this chatroom.
John
@spxis
Is there anyone around?