chore: improve Stackblitz publishing flow (#203)

* chore: hoist local flag to root project

* chore: publish to stackblitz branch with new release

* chore: rename gitignore for stackblitz

* chore: use correct path

* chore: include `.stackblitzrc` file to ensure dev server starts

.github/workflows/publish_stackblitz.yml

@@ -0,0 +1,21 @@
+name: Publish to Stackblitz
+
+on:
+  release:
+    types: [published]
+
+jobs:
+  publish:
+    runs-on: ubuntu-latest
+    name: Publish latest release to Stackblitz
+    steps:
+      - name: Checkout the code
+        uses: actions/checkout@v2
+      - name: Rename gitignore
+        run: |
+          mv packages/dev/_gitignore packages/dev/.gitignore
+      - name: Push to stackblitz branch
+        uses: EndBug/add-and-commit@v7.4.0
+        with:
+          push: 'origin stackblitz --force'
+

package.json

@@ -12,7 +12,7 @@
   },
   "scripts": {
     "dev-lib": "yarn workspace @shopify/hydrogen dev",
-    "dev-server": "VITE_INSPECT=1 yarn workspace dev dev",
+    "dev-server": "LOCAL_DEV=true VITE_INSPECT=1 yarn workspace dev dev",
     "build": "run-s build-lib build-dev build-cli",
     "build-lib": "yarn workspace @shopify/hydrogen build",
     "build-cli": "yarn workspace @shopify/hydrogen-cli build",

packages/create-hydrogen-app/scripts/tmp-copy-template-from-dev.js

@@ -12,7 +12,7 @@ const {copy} = require('./utils');
 
 const devPath = path.resolve(__dirname, '..', '..', 'dev');
 const templatePath = path.resolve(__dirname, '..', './template-hydrogen');
-const skipFiles = ['node_modules', 'dist'];
+const skipFiles = ['node_modules', 'dist', '.stackblitzrc'];
 
 // Remove the symlink and replace it with a folder
 fs.unlinkSync(templatePath);

packages/dev/.stackblitzrc

@@ -0,0 +1,4 @@
+{
+  "installDependencies": true,
+  "startCommand": "npm run dev"
+}

packages/dev/package.json

@@ -5,7 +5,7 @@
   "license": "MIT",
   "private": true,
   "scripts": {
-    "dev": "LOCAL_DEV=true vite",
+    "dev": "vite",
     "lint": "npm-run-all lint:*",
     "lint:js": "eslint --no-error-on-unmatched-pattern --ext .js,.ts,.jsx,.tsx src",
     "lint:css": "stylelint ./src/**/*.{css,sass,scss}",