Conversation
…ve-graphqlrc Update the transpile job to remove the graphqlrc.ts
Convert template to Javascript
Add .graphqlrc to transpile job
Convert template to Javascript
…0.0.4 chore: bump @shopify/app-bridge-types to 0.0.4 for Modal types
Convert template to Javascript
…hopify/app-bridge-types-0.0.5 Bump @shopify/app-bridge-types from 0.0.3 to 0.0.5
Convert template to Javascript
Stop using prettier-plugin in CI JS conversion
Convert template to Javascript
…graphqlrc [docs] Fix 404 link of graphqlrc.ts
Convert template to Javascript
[Versioned app config] Remove config push CLI command from scripts and README
Convert template to Javascript
Convert template to Javascript
…hopify/app-bridge-types-0.0.6 Bump @shopify/app-bridge-types from 0.0.5 to 0.0.6
Convert template to Javascript
Update @Shopify dependencies
Convert template to Javascript
Move vite-tsconfig-paths to dependencies
Convert template to Javascript
…hopify/app-bridge-types-0.0.7 Bump @shopify/app-bridge-types from 0.0.6 to 0.0.7
Convert template to Javascript
Fix: typo in readme
Convert template to Javascript
Add docs for deploying to Vercel
Convert template to Javascript
Restrict served files in dev mode
Convert template to Javascript
Improve issue template
Convert template to Javascript
Fix vite fs.allow config for pnpm
Convert template to Javascript
| 1. Setting up your Shopify app in [/app/shopify.server.ts](https://github.com/Shopify/shopify-app-template-remix/blob/main/app/shopify.server.ts) | ||
| 2. Querying data using Graphql. Please see: [/app/routes/app.\_index.tsx](https://github.com/Shopify/shopify-app-template-remix/blob/main/app/routes/app._index.tsx). | ||
| 3. Responding to mandatory webhooks in [/app/routes/webhooks.tsx](https://github.com/Shopify/shopify-app-template-remix/blob/main/app/routes/webhooks.tsx) |
There was a problem hiding this comment.
Should probably replace with js|jsx
There was a problem hiding this comment.
You should change the upstream to the javascript branch in the template, the main branch is now running on TS.
| resolve: { | ||
| alias: { | ||
| '~': path.resolve(__dirname, './app') | ||
| } | ||
| } |
There was a problem hiding this comment.
Resolves import issues found initially:
[vite] Error when evaluating SSR module /app/routes/app.dashboard_simulator.$paymentId.jsx: failed to import "~/payments.repository"
09:55:01 │ remix │ |- Error: Cannot find module '~/payments.repository'
There was a problem hiding this comment.
This is a great callout - we could consider adding that to the template as it makes things easier for everyone!
| v3_webhookAdminContext: true, | ||
| v3_authenticatePublic: true, |
There was a problem hiding this comment.
Unsure on whether v3_webhookAdminContext and v3_authenticatePublic should be set or not. I think they might have been removed from main-js previously.
There was a problem hiding this comment.
These flags only affect their authenticate.* counterparts. If you're not using those you shouldn't see any difference. They're still there though.
I'd suggest copying the settings from the template here.
| ### My webhook subscriptions aren't being updated | ||
|
|
||
| This template registers webhooks after OAuth completes, using the `afterAuth` hook when calling `shopifyApp`. | ||
| The package calls that hook in 2 scenarios: | ||
| - After installing the app | ||
| - When an access token expires | ||
|
|
||
| During normal development, the app won't need to re-authenticate most of the time, so the subscriptions aren't updated. | ||
|
|
||
| To force your app to update the subscriptions, you can uninstall and reinstall it in your development store. | ||
| That will force the OAuth process and call the `afterAuth` hook. | ||
|
|
||
| ### Admin created webhook failing HMAC validation | ||
|
|
||
| Webhooks subscriptions created in the [Shopify admin](https://help.shopify.com/en/manual/orders/notifications/webhooks) will fail HMAC validation. This is because the webhook payload is not signed with your app's secret key. | ||
|
|
||
| Create [webhook subscriptions]((https://shopify.dev/docs/api/shopify-app-remix/v1/guide-webhooks)) using the `shopifyApp` object instead. | ||
|
|
||
| Test your webhooks with the [Shopify CLI](https://shopify.dev/docs/apps/tools/cli/commands#webhook-trigger) or by triggering events manually in the Shopify admin(e.g. Updating the product title to trigger a `PRODUCTS_UPDATE`). | ||
|
|
||
| ### Incorrect GraphQL Hints | ||
|
|
||
| By default the [graphql.vscode-graphql](https://marketplace.visualstudio.com/items?itemName=GraphQL.vscode-graphql) extension for VS Code will assume that GraphQL queries or mutations are for the [Shopify Admin API](https://shopify.dev/docs/api/admin). This is a sensible default, but it may not be true if: | ||
|
|
||
| 1. You use another Shopify API such as the storefront API. | ||
| 2. You use a third party GraphQL API. | ||
|
|
||
| in this situation, please update the [.graphqlrc.ts](https://github.com/Shopify/shopify-app-template-remix/blob/main/.graphqlrc.ts) config. | ||
|
|
||
| ### First parameter has member 'readable' that is not a ReadableStream. | ||
|
|
||
| See [hosting on Vercel](#hosting-on-vercel). | ||
|
|
There was a problem hiding this comment.
These sections might have been removed from the main branch prior to the merge. Should they be deleted?
This is based off of Shopify#58
Just an attempt to resolve the merges separately for better visibility before pushing the final changes to the
javascriptbranch.