moltin / gatsby-demo-store Goto Github PK

Hi i am having a difficult time finding the following:
GATSBY_ALGOLIA_PLACES_APP_ID=
GATSBY_ALGOLIA_PLACES_API_KEY=
GATSBY_ALGOLIA_API_KEY=
GATSBY_ALGOLIA_APP_ID=

Looking at the angolia dashboard i only see the app id etc

Any Help would be appreciated Thanks

This issue provides visibility into Renovate updates and their statuses. Learn more

Rate Limited

These updates are currently rate limited. Click on a checkbox below to force their creation now.

• fix(deps): update dependency algoliasearch to v4.13.0
• fix(deps): update dependency classnames to v2.3.1
• fix(deps): update react monorepo to v16.14.0 (react, react-dom)
• chore(deps): update dependency autoprefixer to v10
• fix(deps): update dependency gatsby-plugin-purgecss to v6
• fix(deps): update dependency react-toastify to v8
• fix(deps): update dependency tailwindcss to v3
• fix(deps): update react monorepo to v18 (major) (react, react-dom)

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• fix(deps): update dependency validator to v13.7.0 [security]
• fix(deps): update dependency gatsby-awesome-pagination to v0.3.8
• chore(deps): update dependency autoprefixer to v9.8.8
• fix(deps): update dependency algolia-places-react to v1.6.1
• fix(deps): update dependency final-form to v4.20.6
• fix(deps): update dependency gatsby-plugin-algolia to v0.26.0
• fix(deps): update dependency react-instantsearch-dom to v6.23.4
• fix(deps): update dependency react-social-sharing to v3.3.0
• fix(deps): update dependency react-toastify to v6.2.0
• fix(deps): update gatsby monorepo (gatsby, gatsby-image, gatsby-plugin-manifest, gatsby-plugin-offline, gatsby-plugin-postcss, gatsby-plugin-react-helmet, gatsby-plugin-sharp, gatsby-source-filesystem, gatsby-transformer-sharp)
• chore(deps): update dependency prettier to v2
• fix(deps): update dependency react-helmet to v6
• fix(deps): update gatsby monorepo (major) (gatsby, gatsby-image, gatsby-plugin-manifest, gatsby-plugin-offline, gatsby-plugin-postcss, gatsby-plugin-react-helmet, gatsby-plugin-sharp, gatsby-source-filesystem, gatsby-transformer-sharp)
• Click on this checkbox to rebase all open PRs at once

Ignored or Blocked

These are blocked by an existing closed PR and will not be recreated unless you click a checkbox below.

• fix(deps): update dependency react-final-form to v6

• Check this box to trigger a request for Renovate to run again on this repository

Getting this error at dev

index.js:2177 The above error occurred in the component:
in SEO (created by Layout)
in div (created by Layout)
in Layout (created by PageRenderer)
in PageRenderer (created by JSONStore)
in JSONStore (created by RouteHandler)
in RouteHandler (created by EnsureResources)
in div (created by FocusHandlerImpl)
in FocusHandlerImpl (created by Context.Consumer)
in FocusHandler (created by RouterImpl)
in RouterImpl (created by Context.Consumer)
in Location (created by Context.Consumer)
in Router (created by EnsureResources)
in ScrollContext (created by EnsureResources)
in RouteUpdates (created by EnsureResources)
in EnsureResources (created by LocationHandler)
in LocationHandler (created by LocationProvider)
in LocationProvider (created by Context.Consumer)
in Location (created by Root)
in Root
in Elements
in LayoutProvider
in CheckoutProvider (created by MoltinProvider)
in CartProvider (created by MoltinProvider)
in CustomerProvider (created by MoltinProvider)
in MoltinProvider
in Provider (created by StripeProvider)
in StripeProvider
in _default

React will try to recreate this component tree from scratch using the error boundary you provided, LocationProvider.
stack_frame_overlay_proxy_console @ index.js:2177
index.js:83 Uncaught TypeError: Invalid attempt to spread non-iterable instance
at _nonIterableSpread (QuantityStepper.js:5)
at _toConsumableArray (QuantityStepper.js:5)
at SEO (SEO.js:35)
at SEO (react-hot-loader.development.js:827)
at renderWithHooks (react-dom.development.js:16320)
at mountIndeterminateComponent (react-dom.development.js:18735)
at beginWork$1 (react-dom.development.js:20084)
at HTMLUnknownElement.callCallback (react-dom.development.js:362)
at Object.invokeGuardedCallbackDev (react-dom.development.js:411)
at invokeGuardedCallback (react-dom.development.js:466)
at beginWork$$1 (react-dom.development.js:25730)
at performUnitOfWork (react-dom.development.js:24638)
at workLoopSync (react-dom.development.js:24614)
at performSyncWorkOnRoot (react-dom.development.js:24182)
at scheduleUpdateOnFiber (react-dom.development.js:23590)
at scheduleRootUpdate (react-dom.development.js:26945)
at updateContainerAtExpirationTime (react-dom.development.js:26973)
at updateContainer (react-dom.development.js:27075)
at react-dom.development.js:27663
at unbatchedUpdates (react-dom.development.js:24375)
at legacyRenderSubtreeIntoContainer (react-dom.development.js:27662)
at render (react-dom.development.js:27756)
at app.js:65
(index):1 You may test your Stripe.js integration over HTTP. However, live Stripe.js integrations must use HTTPS.
value @ (index):1
index.js:2177 The above error occurred in the component:
in LocationProvider (created by Context.Consumer)
in Location (created by Root)
in Root
in Elements
in LayoutProvider
in CheckoutProvider (created by MoltinProvider)
in CartProvider (created by MoltinProvider)
in CustomerProvider (created by MoltinProvider)
in MoltinProvider
in Provider (created by StripeProvider)
in StripeProvider
in _default

Consider adding an error boundary to your tree to customize error handling behavior.
Visit https://fb.me/react-error-boundaries to learn more about error boundaries.
stack_frame_overlay_proxy_console @ index.js:2177
react-dom.development.js:12251 Uncaught TypeError: Invalid attempt to spread non-iterable instance
at _nonIterableSpread (QuantityStepper.js:5)
at _toConsumableArray (QuantityStepper.js:5)
at SEO (SEO.js:35)
at SEO (react-hot-loader.development.js:827)
at renderWithHooks (react-dom.development.js:16320)
at mountIndeterminateComponent (react-dom.development.js:18735)
at beginWork$1 (react-dom.development.js:20084)
at HTMLUnknownElement.callCallback (react-dom.development.js:362)
at Object.invokeGuardedCallbackDev (react-dom.development.js:411)
at invokeGuardedCallback (react-dom.development.js:466)
at beginWork$$1 (react-dom.development.js:25730)
at performUnitOfWork (react-dom.development.js:24638)
at workLoopSync (react-dom.development.js:24614)
at performSyncWorkOnRoot (react-dom.development.js:24182)
at scheduleUpdateOnFiber (react-dom.development.js:23590)
at scheduleRootUpdate (react-dom.development.js:26945)
at updateContainerAtExpirationTime (react-dom.development.js:26973)
at updateContainer (react-dom.development.js:27075)
at react-dom.development.js:27663
at unbatchedUpdates (react-dom.development.js:24375)
at legacyRenderSubtreeIntoContainer (react-dom.development.js:27662)
at render (react-dom.development.js:27756)
at app.js:65
localhost/:1 [Intervention] An element was lazyloaded with loading=lazy, but had no dimensions specified. Specifying dimensions improves performance. See https://crbug.com/954323
index.js:2177 Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function.
in CartProvider (created by MoltinProvider)
in CustomerProvider (created by MoltinProvider)
in MoltinProvider
in Provider (created by StripeProvider)
in StripeProvider
in _default

E:\learning\gatsby\gatsby-demo-store (master -> origin)
$ gatsby develop
success open and validate gatsby-configs — 0.009 s
success load plugins — 1.687 s
success onPreInit — 0.004 s
success initialize cache — 0.006 s
success copy gatsby files — 0.253 s
success onPreBootstrap — 0.018 s
warning The @moltin/gatsby-source-moltin plugin has generated no Gatsby nodes. Do you need it?
success source and transform nodes — 12.310 s
success building schema — 0.344 s
error gatsby-node.js returned an error

TypeError: Cannot read property 'allProducts' of undefined

• gatsby-node.js:26 Object.exports.createPages
  E:/learning/gatsby/gatsby-demo-store/gatsby-node.js:26:14

success createPages — 0.200 s
success createPagesStatefully — 0.112 s
success onPreExtractQueries — 0.014 s
success update schema — 0.049 s
error GraphQL Error Encountered 5 error(s):

• Unknown field 'allMoltinCategory' on type 'Query'. Source: document SiteTitleQuery file: GraphQL request

  GraphQL request (8:5)
  7: }
  8: allMoltinCategory {
  ^
  9: edges {

• Unknown field 'allMoltinCategory' on type 'Query'. Source: document IndexPageQuery file: GraphQL request

  GraphQL request (3:5)
  2: query IndexPageQuery {
  3: categories: allMoltinCategory {
  ^
  4: edges {

• Unknown field 'allMoltinProduct' on type 'Query'. Source: document allProductsQuery file: GraphQL request

  GraphQL request (3:5)
  2: query allProductsQuery {
  3: allMoltinProduct {
  ^
  4: edges {

• Unknown field 'moltinCategory' on type 'Query'. Source: document eLearningGatsbyGatsbyDemoStoreSrcTemplatesCategoryPageJs373371444 file: GraphQL request

  GraphQL request (3:5)
  2: query($id: String!) {
  3: category: moltinCategory(id: { eq: $id }) {
  ^
  4: id

• Unknown field 'moltinProduct' on type 'Query'.

  file: E:/learning/gatsby/gatsby-demo-store/src/templates/ProductPage.js
  

success extract queries from components — 0.439 s
success run static queries — 0.001 s
error (node:5724) DeprecationWarning: Passing lineNumber and colNumber is deprecated to @babel/code-frame. Please use codeFrameColumns.
success run page queries — 0.029 s — 7/7 246.69 queries/second
success write out page data — 0.061 s
success write out redirect data — 0.004 s
success Build manifest and related icons — 0.163 s
success onPostBootstrap — 0.168 s

info bootstrap finished - 25.093 s

ERROR Failed to compile with 4 errors 17:15:00
error in ./src/components/Layout/Layout.js

Module Error (from ./node_modules/eslint-loader/index.js):

E:\learning\gatsby\gatsby-demo-store\src\components\Layout\Layout.js
33:5 error Cannot query field "allMoltinCategory" on type "Query" graphql/template-strings

✖ 1 problem (1 error, 0 warnings)

@ ./src/components/Layout/index.js 1:0-35 1:0-35
@ ./gatsby-browser.js
@ ./.cache/api-runner-browser-plugins.js
@ ./.cache/api-runner-browser.js
@ ./.cache/app.js
@ multi event-source-polyfill (webpack)-hot-middleware/client.js?path=/__webpack_hmr&reload=true&overlay=false E://learning//gatsby//gatsby-demo-store//.cache//app

error in ./src/pages/index.js

Module Error (from ./node_modules/eslint-loader/index.js):

E:\learning\gatsby\gatsby-demo-store\src\pages\index.js
51:5 error Cannot query field "allMoltinCategory" on type "Query" graphql/template-strings

✖ 1 problem (1 error, 0 warnings)

@ ./.cache/sync-requires.js 19:54-126
@ ./.cache/app.js
@ multi event-source-polyfill (webpack)-hot-middleware/client.js?path=/__webpack_hmr&reload=true&overlay=false E://learning//gatsby//gatsby-demo-store//.cache//app

error in ./src/pages/products.js

Module Error (from ./node_modules/eslint-loader/index.js):

E:\learning\gatsby\gatsby-demo-store\src\pages\products.js
20:5 error Cannot query field "allMoltinProduct" on type "Query" graphql/template-strings

✖ 1 problem (1 error, 0 warnings)

@ ./.cache/sync-requires.js 20:57-132
@ ./.cache/app.js
@ multi event-source-polyfill (webpack)-hot-middleware/client.js?path=/__webpack_hmr&reload=true&overlay=false E://learning//gatsby//gatsby-demo-store//.cache//app

error in ./src/styles/main.css

Module build failed (from ./node_modules/gatsby-plugin-postcss/node_modules/postcss-loader/src/index.js):
Error: Cannot find module 'tailwindcss/plugins/container'
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:581:15)
at Function.Module._load (internal/modules/cjs/loader.js:507:25)
at Module.require (internal/modules/cjs/loader.js:637:17)
at require (E:\learning\gatsby\gatsby-demo-store\node_modules\v8-compile-cache\v8-compile-cache.js:159:20)
at Object. (E:\learning\gatsby\gatsby-demo-store\tailwind.config.js:356:5)
at Module._compile (E:\learning\gatsby\gatsby-demo-store\node_modules\v8-compile-cache\v8-compile-cache.js:178:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:700:10)
at Module.load (internal/modules/cjs/loader.js:599:32)
at tryModuleLoad (internal/modules/cjs/loader.js:538:12)
at Function.Module._load (internal/modules/cjs/loader.js:530:3)
at Module.require (internal/modules/cjs/loader.js:637:17)
at require (E:\learning\gatsby\gatsby-demo-store\node_modules\v8-compile-cache\v8-compile-cache.js:159:20)
at E:\learning\gatsby\gatsby-demo-store\node_modules\tailwindcss\lib\index.js:54:83
at E:\learning\gatsby\gatsby-demo-store\node_modules\tailwindcss\lib\processTailwindFeatures.js:32:20
at LazyResult.run (E:\learning\gatsby\gatsby-demo-store\node_modules\postcss\lib\lazy-result.js:295:14)
at LazyResult.asyncTick (E:\learning\gatsby\gatsby-demo-store\node_modules\postcss\lib\lazy-result.js:208:26)

@ ./src/styles/main.css 2:14-196 21:1-42:3 22:19-201
@ ./src/components/Layout/Layout.js
@ ./src/components/Layout/index.js
@ ./gatsby-browser.js
@ ./.cache/api-runner-browser-plugins.js
@ ./.cache/api-runner-browser.js
@ ./.cache/app.js
@ multi event-source-polyfill (webpack)-hot-middleware/client.js?path=/__webpack_hmr&reload=true&overlay=false E://learning//gatsby//gatsby-demo-store//.cache//app

error × ｢wdm｣:
ERROR in ./src/components/Layout/Layout.js
Module Error (from ./node_modules/eslint-loader/index.js):

E:\learning\gatsby\gatsby-demo-store\src\components\Layout\Layout.js
33:5 error Cannot query field "allMoltinCategory" on type "Query" graphql/template-strings

✖ 1 problem (1 error, 0 warnings)

@ ./src/components/Layout/index.js 1:0-35 1:0-35
@ ./gatsby-browser.js
@ ./.cache/api-runner-browser-plugins.js
@ ./.cache/api-runner-browser.js
@ ./.cache/app.js
@ multi event-source-polyfill (webpack)-hot-middleware/client.js?path=/__webpack_hmr&reload=true&overlay=false E://learning//gatsby//gatsby-demo-store//.cache//app

ERROR in ./src/pages/index.js
Module Error (from ./node_modules/eslint-loader/index.js):

E:\learning\gatsby\gatsby-demo-store\src\pages\index.js
51:5 error Cannot query field "allMoltinCategory" on type "Query" graphql/template-strings

✖ 1 problem (1 error, 0 warnings)

@ ./.cache/sync-requires.js 19:54-126
@ ./.cache/app.js
@ multi event-source-polyfill (webpack)-hot-middleware/client.js?path=/__webpack_hmr&reload=true&overlay=false E://learning//gatsby//gatsby-demo-store//.cache//app

ERROR in ./src/pages/products.js
Module Error (from ./node_modules/eslint-loader/index.js):

E:\learning\gatsby\gatsby-demo-store\src\pages\products.js
20:5 error Cannot query field "allMoltinProduct" on type "Query" graphql/template-strings

✖ 1 problem (1 error, 0 warnings)

@ ./.cache/sync-requires.js 20:57-132
@ ./.cache/app.js
@ multi event-source-polyfill (webpack)-hot-middleware/client.js?path=/__webpack_hmr&reload=true&overlay=false E://learning//gatsby//gatsby-demo-store//.cache//app

ERROR in ./src/styles/main.css (./node_modules/css-loader??ref--12-oneOf-1-1!./node_modules/gatsby-plugin-postcss/node_modules/postcss-loader/src??ref--12-oneOf-1-2!./src/styles/main.css)
Module build failed (from ./node_modules/gatsby-plugin-postcss/node_modules/postcss-loader/src/index.js):
Error: Cannot find module 'tailwindcss/plugins/container'
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:581:15)
at Function.Module._load (internal/modules/cjs/loader.js:507:25)
at Module.require (internal/modules/cjs/loader.js:637:17)
at require (E:\learning\gatsby\gatsby-demo-store\node_modules\v8-compile-cache\v8-compile-cache.js:159:20)
at Object. (E:\learning\gatsby\gatsby-demo-store\tailwind.config.js:356:5)
at Module._compile (E:\learning\gatsby\gatsby-demo-store\node_modules\v8-compile-cache\v8-compile-cache.js:178:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:700:10)
at Module.load (internal/modules/cjs/loader.js:599:32)
at tryModuleLoad (internal/modules/cjs/loader.js:538:12)
at Function.Module._load (internal/modules/cjs/loader.js:530:3)
at Module.require (internal/modules/cjs/loader.js:637:17)
at require (E:\learning\gatsby\gatsby-demo-store\node_modules\v8-compile-cache\v8-compile-cache.js:159:20)
at E:\learning\gatsby\gatsby-demo-store\node_modules\tailwindcss\lib\index.js:54:83
at E:\learning\gatsby\gatsby-demo-store\node_modules\tailwindcss\lib\processTailwindFeatures.js:32:20
at LazyResult.run (E:\learning\gatsby\gatsby-demo-store\node_modules\postcss\lib\lazy-result.js:295:14)
at LazyResult.asyncTick (E:\learning\gatsby\gatsby-demo-store\node_modules\postcss\lib\lazy-result.js:208:26)
@ ./src/styles/main.css 2:14-196 21:1-42:3 22:19-201
@ ./src/components/Layout/Layout.js
@ ./src/components/Layout/index.js
@ ./gatsby-browser.js
@ ./.cache/api-runner-browser-plugins.js
@ ./.cache/api-runner-browser.js
@ ./.cache/app.js
@ multi event-source-polyfill (webpack)-hot-middleware/client.js?path=/__webpack_hmr&reload=true&overlay=false E://learning//gatsby//gatsby-demo-store//.cache//app
info i ｢wdm｣: Failed to compile.

I have the same problem. Even if I add the client id in .env file or in gatsby-config.js directly doesn't work and give the same errors like @cn2amz . Can anyone help?

Would be nice to offer select option of Express Shipping at flat rate at checkout using Process described here: https://documentation.elasticpath.com/commerce-cloud/docs/developer/how-to/extend-cart-and-order-resources.html

I noticed that all requests are being pre-flighted w/ an OPTIONS request and changes to the cart take about 2 seconds, of which almost all of it is spent on Network calls.

Looks like this can avoided by switching from application/json to application/x-www-form-urlencoded if the Moltin API supports it, according to this

I was interested in having a guest registration and login option so they would be able to view their orders. Would you be able to point me in the right direction as to how to achieve this with moltin?

How does moltin populate

"meta_title
meta_description
on_sale
bulb
bulb_qty
material
finish
max_watt"
In the ProductPage.js template?

Also can we open a read only or have a sample data set to match for development. Running Project creates errors trying to attached to different moltinID

Hi getting this error trying to build and deploy on Netlify :

ReferenceError: window is not defined
at /opt/build/repo/public/render-page.js:54610:18
at Fa (/opt/build/repo/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:28:265)
at Object.useState (/opt/build/repo/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:31:35)
at useState (/opt/build/repo/node_modules/react/cjs/react.production.min.js:23:312)
at useLocalStorage (/opt/build/repo/public/render-page.js:54608:73)
at CustomerProvider (/opt/build/repo/public/render-page.js:54241:91)
at d (/opt/build/repo/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:36:498)
at Za (/opt/build/repo/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:39:16)
at a.b.render (/opt/build/repo/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:44:476)
at a.b.read (/opt/build/repo/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:44:18)
at renderToString (/opt/build/repo/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:54:364)
at Module../.cache/static-entry.js.webpack_exports.default (/opt/build/repo/public/render-page.js:835:18)
at Promise (/opt/build/repo/node_modules/gatsby/dist/utils/worker/render-html.js:35:36)
at Promise._execute (/opt/build/repo/node_modules/bluebird/js/release/debuggability.js:313:9)
at Promise._resolveFromExecutor (/opt/build/repo/node_modules/bluebird/js/release/promise.js:483:18)
at new Promise (/opt/build/repo/node_modules/bluebird/js/release/promise.js:79:10)

Looking at the other errors it seems to be apparent to the hooks (useState ,etc)? Any idea how i can fix this?

Thanks again