Rewrite delivery-customization with Remix

sample-apps/delivery-customizations/.dockerignore

@@ -1,3 +1,3 @@
-web/node_modules
-web/frontend/node_modules
-web/frontend/dist
+.cache
+build
+node_modules

sample-apps/delivery-customizations/.editorconfig

@@ -0,0 +1,15 @@
+# editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_size = 2
+indent_style = space
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+# Markdown syntax specifies that trailing whitespaces can be meaningful,
+# so let’s not trim those. e.g. 2 trailing spaces = linebreak (<br />)
+# See https://daringfireball.net/projects/markdown/syntax#p
+[*.md]
+trim_trailing_whitespace = false

sample-apps/delivery-customizations/.eslintignore

@@ -0,0 +1,6 @@
+node_modules
+build
+public/build
+shopify-app-remix
+*/*.yml
+.shopify

sample-apps/delivery-customizations/.eslintrc.js

@@ -0,0 +1,13 @@
+/** @type {import('@types/eslint').Linter.BaseConfig} */
+module.exports = {
+  root: true,
+  extends: [
+    "@remix-run/eslint-config",
+    "@remix-run/eslint-config/node",
+    "@remix-run/eslint-config/jest-testing-library",
+    "prettier",
+  ],
+  globals: {
+    shopify: "readonly"
+  },
+};

sample-apps/delivery-customizations/.gitignore

@@ -1,28 +1,14 @@
-# Environment Configuration
-.env
-.env.*
-
-# Dependency directory
 node_modules
 
-# Test coverage directory
-coverage
-
-# Ignore Apple macOS Desktop Services Store
-.DS_Store
-
-# Logs
-logs
-*.log
+/.cache
+/build
+/app/build
+/public/build/
+/app/public/build
+/prisma/dev.sqlite
+/prisma/dev.sqlite-journal
+database.sqlite
 
-# ngrok tunnel file
-config/tunnel.pid
-
-# vite build output
-dist/
-
-# extensions build output
-extensions/*/build
-
-# Node library SQLite database
-web/database.sqlite
+.env
+package-lock.json
+yarn.lock

sample-apps/delivery-customizations/.graphqlrc.js

@@ -0,0 +1,36 @@
+const fs = require('node:fs');
+const apiVersion = require("@shopify/shopify-app-remix").LATEST_API_VERSION;
+
+function getConfig() {
+    const config = {
+        projects: {
+            shopifyAdminApi: {
+                schema: `https://shopify.dev/admin-graphql-direct-proxy/${apiVersion}`,
+                documents: ['./app/**/*.{graphql,js,ts,jsx,tsx}']
+            }
+        }
+    }
+
+    let extensions = []
+    try {
+        extensions = fs.readdirSync('./extensions');
+    } catch {
+        // ignore if no extensions
+    }
+
+    for (const entry of extensions) {
+        const extensionPath = `./extensions/${entry}`;
+        const schema = `${extensionPath}/schema.graphql`;
+        if(!fs.existsSync(schema)) {
+            continue;
+        }
+        config.projects[entry] = {
+            schema,
+            documents: [`${extensionPath}/input.graphql`]
+        }
+    }
+
+    return config;
+}
+
+module.exports = getConfig();

sample-apps/delivery-customizations/.prettierignore

@@ -0,0 +1,13 @@
+package.json
+.cache
+.shadowenv.d
+.vscode
+build
+node_modules
+prisma
+public
+shopify-app-remix
+.github
+tmp
+*.yml
+.shopify

sample-apps/delivery-customizations/.vscode/extensions.json

@@ -1,5 +1,6 @@
 {
   "recommendations": [
+    "graphql.vscode-graphql",
     "shopify.polaris-for-vscode"
   ]
-}
+}

sample-apps/delivery-customizations/Dockerfile

@@ -1,10 +1,14 @@
 FROM node:18-alpine
 
-ARG SHOPIFY_API_KEY
-ENV SHOPIFY_API_KEY=$SHOPIFY_API_KEY
-EXPOSE 8081
+EXPOSE 3000
 WORKDIR /app
-COPY web .
+COPY . .
+
 RUN npm install
-RUN cd frontend && npm install && npm run build
-CMD ["npm", "run", "serve"]
+RUN npm run build
+
+# You'll probably want to remove this in production, it's here to make it easier to test things!
+RUN rm prisma/dev.sqlite
+RUN npx prisma migrate dev --name init
+
+CMD ["npm", "run", "start"]