Pixeleye

.github/workflows/pixeleye.yml

@@ -0,0 +1,27 @@
+name: "Pixeleye core"
+
+on:
+  push:
+
+jobs:
+  pixeleye-core-deployment:
+    runs-on: ubuntu-latest
+    env:
+      PIXELEYE_PROJECT_TOKEN: ${{ secrets.PIXELEYE_PROJECT_TOKEN }}
+    steps:
+      - uses: actions/checkout@v4
+      - uses: pnpm/action-setup@v3
+        with:
+          version: 8
+      - name: Use Node.js 20
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: "pnpm"
+      - name: Install dependencies
+        run: pnpm install
+      - name: Build toggles
+        run: pnpm build
+        working-directory: packages/core
+      - name: Capture stories with Pixeleye
+        run: npx lerna run storybook --scope=@theme-toggles/core & pnpm -F @theme-toggles/core pixeleye storybook

package.json

@@ -9,7 +9,6 @@
     "url": "https://github.com/sponsors/alfiejones"
   },
   "scripts": {
-    "chromatic": "chromatic --project-token=CHROMATIC_PROJECT_TOKEN",
     "build": "lerna run build-core && pnpm lerna run build-frameworks",
     "build-site": "pnpm build && pnpm -F @theme-toggles/website build",
     "dev-site": "pnpm build && pnpm -F @theme-toggles/website dev"
@@ -21,5 +20,6 @@
   "devDependencies": {
     "lerna": "^6.4.1",
     "next": "^13.1.2"
-  }
-}
+  },
+  "dependencies": {}
+}

packages/core/.storybook/main.cjs

@@ -1,16 +1,24 @@
 module.exports = {
   stories: ["../src/**/*.stories.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
   staticDirs: ["../assets/svgs"],
+
   addons: [
     "@storybook/addon-links",
     "@storybook/addon-essentials",
     "@storybook/addon-interactions",
+    "@storybook/addon-mdx-gfm"
   ],
-  framework: "@storybook/html",
-  core: {
-    builder: "@storybook/builder-vite",
+
+  framework: {
+    name: "@storybook/html-vite",
+    options: {}
   },
+
   features: {
     storyStoreV7: true,
   },
+
+  docs: {
+    autodocs: true
+  }
 };

packages/core/package.json

@@ -4,9 +4,10 @@
   "version": "5.0.0-rc.1",
   "type": "module",
   "scripts": {
-    "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
     "plop": "plop",
+    "pixeleye": "pixeleye storybook http://localhost:6006",
     "build": "gulp",
     "build-core": "gulp",
     "dev": "gulp dev"
@@ -17,12 +18,14 @@
   ],
   "devDependencies": {
     "@babel/core": "^7.20.12",
-    "@storybook/addon-actions": "^6.5.15",
-    "@storybook/addon-essentials": "^6.5.15",
-    "@storybook/addon-interactions": "^6.5.15",
-    "@storybook/addon-links": "^6.5.15",
-    "@storybook/builder-vite": "^0.2.6",
-    "@storybook/html": "^6.5.15",
+    "@storybook/addon-actions": "^7.6.17",
+    "@storybook/addon-essentials": "^7.6.17",
+    "@storybook/addon-interactions": "^7.6.17",
+    "@storybook/addon-links": "^7.6.17",
+    "@storybook/addon-mdx-gfm": "7.6.17",
+    "@storybook/blocks": "^7.6.17",
+    "@storybook/html": "^7.6.17",
+    "@storybook/html-vite": "7.6.17",
     "@storybook/testing-library": "^0.0.13",
     "@types/node": "^18.11.18",
     "babel-loader": "^8.3.0",
@@ -35,14 +38,15 @@
     "gulp-sass": "^5.1.0",
     "handlebars": "^4.7.7",
     "handlebars-helpers": "^0.10.0",
+    "pixeleye": "0.4.2",
     "plop": "^3.1.1",
     "prettier": "2.8.1",
     "sass": "^1.57.1",
+    "storybook": "7.6.17",
     "typescript": "^4.9.3",
     "vite": "^4.0.0"
   },
-  "dependencies": {},
   "overrides": {
     "clean-css": "5.3.1"
   }
-}
+}

packages/core/pixeleye.config.ts

@@ -0,0 +1,7 @@
+import { Config } from "pixeleye";
+
+const config: Config = {
+  token: process.env.PIXELEYE_PROJECT_TOKEN!,
+};
+
+export default config;

packages/core/src/stories/intro.stories.mdx → packages/core/src/stories/intro.mdx

@@ -1,4 +1,4 @@
-import { Meta } from "@storybook/addon-docs";
+import { Meta } from '@storybook/blocks';
 import StoryPreview from "./assets/dark-side-story.png";
 
 <Meta title="Intro" />

packages/core/tsconfig.json

@@ -13,7 +13,8 @@
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "noImplicitReturns": true,
-    "skipLibCheck": true
+    "skipLibCheck": true,
+    "allowJs": true
   },
-  "include": ["src", "vite-env.d.ts"]
+  "include": ["src", "vite-env.d.ts", "pixeleye.config.ts"]
 }

packages/react/package.json

@@ -51,7 +51,6 @@
     "@theme-toggles/core": "5.0.0-rc.1",
     "@types/react": "^18.0.26",
     "babel-loader": "^8.3.0",
-    "babel-plugin-transform-svg-component": "^8.0.11",
     "esbuild": "^0.17.0",
     "gulp": "^4.0.2",
     "lodash-es": "^4.17.21",