vite-plugin-shopify-easel 0.1.0-beta.1 → 0.2.0

package/README.md

@@ -1,6 +1,6 @@
 # Easel
 
-Easel is a Vite plugin for Shopify Liquid themes.
+Easel is an independent Vite toolkit for Shopify Liquid themes.
 
 It builds JavaScript, TypeScript, and CSS into Shopify theme assets, generates the Liquid snippet that loads them, and safely replaces old build output. During development, it can coordinate Vite updates with Shopify CLI reloads. Shopify CLI still handles previews, syncing, and deployment.
 
@@ -14,6 +14,23 @@ pnpm add -D vite-plugin-shopify-easel vite
 
 Easel requires Node.js 22.12 or newer and supports Vite 7 and 8.
 
+## Create a theme
+
+The [Clack-based scaffolder, `create-easel-theme`](packages/create-easel) creates a theme with TypeScript or JavaScript, optional Alpine, React or Vue, and plain CSS or Tailwind. It includes generic templates for the standard storefront page types while leaving current customer accounts to Shopify.
+
+```sh
+npm create easel-theme@latest my-theme
+```
+
+From a checkout of this repository:
+
+```sh
+pnpm install
+pnpm create:theme ../my-theme
+```
+
+Use `--yes --no-install` for a non-interactive starter. The CLI also accepts `.` to use the current folder; see [current-directory setup](packages/create-easel#use-the-current-directory) for running it from outside this checkout. Existing folders must be empty apart from Git or Finder metadata. Shopify CLI remains separate.
+
 ## Start
 
 Keep the Shopify theme at the project root and place source files in `src`.
@@ -145,13 +162,15 @@ Shopify CLI remains responsible for authentication, previews, synchronization, p
 
 • [`examples/vanilla`](examples/vanilla) for TypeScript and CSS
 
+• [`examples/named-bundles`](examples/named-bundles) for separate product and collection entries
+
 • [`examples/alpine-tailwind`](examples/alpine-tailwind) for Alpine.js and Tailwind CSS
 
 • [`examples/react`](examples/react) for React inside Liquid sections
 
 • [`examples/vue`](examples/vue) for Vue single file components inside Liquid sections
 
-Each example includes Shopify Theme Editor lifecycle handling, passes CI, and has been tested against a real Shopify development store.
+Each example includes Shopify Theme Editor lifecycle handling and automated build checks.
 
 ## License
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-shopify-easel",
-  "version": "0.1.0-beta.1",
+  "version": "0.2.0",
   "description": "A Vite build adapter for Shopify Liquid themes",
   "type": "module",
   "sideEffects": false,
@@ -30,27 +30,6 @@
     "access": "public",
     "provenance": true
   },
-  "scripts": {
-    "build": "tsup src/index.ts --format esm --dts --sourcemap --clean",
-    "check": "pnpm format:check && pnpm lint && pnpm typecheck && pnpm test && pnpm test:examples && pnpm test:site && pnpm build && pnpm test:package",
-    "format": "prettier --write .",
-    "format:check": "prettier --check .",
-    "lint": "eslint .",
-    "prepublishOnly": "pnpm check",
-    "scaffold:theme": "node scripts/scaffold-theme.mjs",
-    "test": "vitest run",
-    "test:example:alpine-tailwind": "pnpm --dir examples/alpine-tailwind check",
-    "test:example:react": "pnpm --dir examples/react check",
-    "test:example:vanilla": "pnpm --dir examples/vanilla check",
-    "test:example:vue": "pnpm --dir examples/vue check",
-    "test:examples": "node scripts/check-examples.mjs",
-    "test:package": "node scripts/check-package.mjs",
-    "test:site": "pnpm --dir site check",
-    "test:theme-check": "node scripts/check-themes.mjs",
-    "test:watch": "vitest",
-    "typecheck": "tsc --noEmit",
-    "tmp:env": "node /tmp/easel-env-check.mjs"
-  },
   "engines": {
     "node": ">=22.12.0"
   },
@@ -71,5 +50,25 @@
     "vitest": "^4.0.0"
   },
   "license": "MIT",
-  "packageManager": "pnpm@10.28.0"
-}
+  "scripts": {
+    "build": "tsup src/index.ts --format esm --dts --sourcemap --clean",
+    "check": "pnpm format:check && pnpm lint && pnpm typecheck && pnpm test && pnpm test:examples && pnpm test:site && pnpm build && pnpm test:package",
+    "create:theme": "pnpm --dir packages/create-easel build && node packages/create-easel/bin/create-easel-theme.mjs",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
+    "lint": "eslint .",
+    "scaffold:theme": "node scripts/scaffold-theme.mjs",
+    "test": "pnpm --dir packages/create-easel build && vitest run",
+    "test:example:alpine-tailwind": "pnpm --dir examples/alpine-tailwind check",
+    "test:example:named-bundles": "pnpm --dir examples/named-bundles check",
+    "test:example:react": "pnpm --dir examples/react check",
+    "test:example:vanilla": "pnpm --dir examples/vanilla check",
+    "test:example:vue": "pnpm --dir examples/vue check",
+    "test:examples": "node scripts/check-examples.mjs",
+    "test:package": "node scripts/check-package.mjs && node packages/create-easel/scripts/check-package.mjs",
+    "test:site": "pnpm --dir site check",
+    "test:theme-check": "node scripts/check-themes.mjs",
+    "test:watch": "vitest",
+    "typecheck": "tsc --noEmit && pnpm --dir packages/create-easel check"
+  }
+}