WIP

.changeset/config.json

@@ -1,9 +1,21 @@
 {
-  "$schema": "https://unpkg.com/@changesets/config@1.6.1/schema.json",
+  "$schema": "https://unpkg.com/@changesets/config@3.0.3//schema.json",
   "changelog": "@changesets/cli/changelog",
   "commit": false,
   "linked": [],
   "access": "restricted",
   "baseBranch": "main",
-  "updateInternalDependencies": "patch"
+  "updateInternalDependencies": "patch",
+  "ignore": [
+    "docs",
+    "@seed-design/stackflow-spa",
+    "@seed-design/figma-checklist-widget",
+    "@seed-design/figma-codegen",
+    "@seed-design/figma-contrast-checker",
+    "@seed-design/figma-expose-variables",
+    "@seed-design/figma-spec-widget"
+  ],
+  "snapshot": {
+    "useCalculatedVersion": true
+  }
 }

.editorconfig

@@ -1,8 +1,8 @@
-root = ture
+root = true
 charset = utf-8
 end_of_line = lf
 
-[*.{ts,js}]
+[*.{ts,js,tsx,mdx,md}]
 indent_size = 2
 indent_style = space
 insert_final_newline = true

.github/workflows/chromatic.yml

@@ -0,0 +1,41 @@
+# .github/workflows/chromatic.yml
+
+# Workflow name
+name: "Chromatic"
+
+env:
+  GITHUB_TOKEN: ${{ github.token }}
+
+# Event for the workflow
+on:
+  push:
+    paths:
+      - "docs/registry/**"
+      - "docs/stories/**"
+      - "docs/.storybook/**"
+      - "packages/react/**"
+      - "packages/stylesheet/**"
+      - "packages/recipe/**"
+      - ".github/workflows/chromatic.yml"
+
+# List of jobs
+jobs:
+  chromatic-deployment:
+    # Operating System
+    runs-on: ubuntu-latest
+    # Job steps
+    steps:
+      - uses: actions/checkout@v1
+      - name: Install dependencies
+        # 👇 Install dependencies with the same package manager used in the project (replace it as needed) e.g. yarn, npm, pnpm
+        run: yarn
+      - name: Build
+        run: yarn build-only-package
+      - name: Publish to Chromatic
+        uses: chromaui/action@v1
+        # Chromatic GitHub Action options
+        with:
+          # 👇 Chromatic projectToken, refer to the manage page to obtain it.
+          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
+          onlyChanged: true
+          workingDir: docs

.github/workflows/docs-deploy-alpha-pages.yml

@@ -1,76 +1,47 @@
 on:
   push:
     branches:
-      - '**'
-      - '!main'
-
+      - "**"
+      - "!main"
     paths:
-      - 'docs/**'
+      - "docs/**"
+      - "packages/recipe/**"
+      - "packages/stylesheet/**"
+      - "packages/react/**"
+      - "packages/stackflow/**"
+
+env:
+  GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 
-name: Deploy Seed Docs Alpha Pages
+name: Deploy seed-design-v3 docs (Alpha)
 
 jobs:
   deploy:
-    name: Deploy Seed Docs
+    name: Deploy Seed Design V3 Docs
     runs-on: ubuntu-latest
 
     steps:
       - uses: actions/checkout@v3
 
       - uses: actions/setup-node@v3
         with:
-          node-version: 18.12.1
+          node-version: 20.11.0
           cache: yarn
-      
+
       - name: Install Dependencies
         run: yarn install --immutable
 
-      - name: Build `seed-design/design-token`
-        working-directory: ./packages/design-token
-        run: |
-          yarn build
+      - name: Build Packages
+        run: yarn build-only-package && yarn rootage:build
 
-      - name: Build `seed-design/design-theming`
-        working-directory: ./packages/react-theming
-        run: |
-          yarn build
-
-      - name: Cache Gatsby `.cache` Folder
-        uses: actions/cache@v3
-        id: gatsby-cache-folder
-        with:
-          path: docs/.cache
-          key: ${{ runner.os }}-cache-gatsby
-          restore-keys: |
-            ${{ runner.os }}-cache-gatsby
-
-      - if: steps.gatsby-cache-folder.outputs.cache-hit == 'true'
-        run: echo 'gatsby-cache-folder cache hit!'
-
-      - name: Cache Gatsby `public` Folder
-        uses: actions/cache@v3
-        id: gatsby-public-folder
-        with:
-          path: docs/public/
-          key: ${{ runner.os }}-public-gatsby
-          restore-keys: |
-            ${{ runner.os }}-public-gatsby
-
-      - if: steps.gatsby-public-folder.outputs.cache-hit == 'true'
-        run: echo 'gatsby-public-folder cache hit!'
-
-      - name: Build `Seed Docs`
+      - name: Build Docs
         working-directory: ./docs
         run: |
           yarn build
-        env:
-          # incremental builds
-          # https://www.gatsbyjs.org/docs/page-build-optimizations-for-incremental-data-changes/
-          GATSBY_EXPERIMENTAL_PAGE_BUILD_ON_DATA_CHANGES: true
-
-      - name: Alpha Deploy `Seed Docs` at Cloudflare pages
+
+      - name: Deploy docs at Cloudflare Pages in `seed-design-v3` project (Alpha)
         uses: cloudflare/wrangler-action@v3
         with:
           apiToken: ${{ secrets.CF_API_TOKEN }}
           accountId: ${{ secrets.CF_ACCOUNT_ID }}
-          command: pages publish ./docs/public --project-name=seed-design --branch=${{ github.ref_name }}
+          command: pages deploy ./docs/out --project-name=seed-design-v3 --branch=${{ github.ref_name }}

.github/workflows/docs-deploy-production-pages.yml

@@ -2,73 +2,47 @@ on:
   push:
     branches:
       - main
+      - wip # V3
     paths:
-      - 'docs/**'
+      - "docs/**"
+      - "packages/recipe/**"
+      - "packages/stylesheet/**"
+      - "packages/react/**"
+      - "packages/stackflow/**"
+  workflow_dispatch:
 
-name: Deploy Seed Docs Production Pages
+env:
+  GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+name: Deploy seed-design-v3 docs (Production)
 
 jobs:
   deploy:
-    name: Deploy Seed Docs
+    name: Deploy Seed Design V3 Docs
     runs-on: ubuntu-latest
 
     steps:
       - uses: actions/checkout@v3
 
       - uses: actions/setup-node@v3
         with:
-          node-version: 18.12.1
+          node-version: 20.11.0
           cache: yarn
-      
+
       - name: Install Dependencies
         run: yarn install --immutable
 
-      - name: Build `seed-design/design-token`
-        working-directory: ./packages/design-token
-        run: |
-          yarn build
-
-      - name: Build `seed-design/design-theming`
-        working-directory: ./packages/react-theming
-        run: |
-          yarn build
-
-      - name: Cache Gatsby `.cache` Folder
-        uses: actions/cache@v3
-        id: gatsby-cache-folder
-        with:
-          path: docs/.cache
-          key: ${{ runner.os }}-cache-gatsby
-          restore-keys: |
-            ${{ runner.os }}-cache-gatsby
-
-      - if: steps.gatsby-cache-folder.outputs.cache-hit == 'true'
-        run: echo 'gatsby-cache-folder cache hit!'
-
-      - name: Cache Gatsby `public` Folder
-        uses: actions/cache@v3
-        id: gatsby-public-folder
-        with:
-          path: docs/public/
-          key: ${{ runner.os }}-public-gatsby
-          restore-keys: |
-            ${{ runner.os }}-public-gatsby
-
-      - if: steps.gatsby-public-folder.outputs.cache-hit == 'true'
-        run: echo 'gatsby-public-folder cache hit!'
+      - name: Build Packages
+        run: yarn build-only-package && yarn rootage:build
 
-      - name: Build `Seed Docs`
+      - name: Build Docs
         working-directory: ./docs
         run: |
           yarn build
-        env:
-          # incremental builds
-          # https://www.gatsbyjs.org/docs/page-build-optimizations-for-incremental-data-changes/
-          GATSBY_EXPERIMENTAL_PAGE_BUILD_ON_DATA_CHANGES: true
-
-      - name: Production Deploy `Seed Docs` at Cloudflare pages
-        uses: cloudflare/wrangler-action@2.0.0
+
+      - name: Deploy docs at Cloudflare Pages in `seed-design-v3` project (Production)
+        uses: cloudflare/wrangler-action@v3
         with:
           apiToken: ${{ secrets.CF_API_TOKEN }}
           accountId: ${{ secrets.CF_ACCOUNT_ID }}
-          command: pages publish ./docs/public --project-name=seed-design
+          command: pages deploy ./docs/out --project-name=seed-design-v3 --branch=main

.github/workflows/docs-deploy-qa-pages.yml

@@ -0,0 +1,47 @@
+on:
+  push:
+    branches:
+      - main
+      - wip # V3
+    paths:
+      - "examples/stackflow-spa/**"
+      - "packages/recipe/**"
+      - "packages/stylesheet/**"
+      - "packages/react/**"
+      - "packages/stackflow/**"
+
+env:
+  GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+name: Deploy seed-design-v3 QA app
+
+jobs:
+  deploy:
+    name: Deploy Seed Design V3 QA app
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v3
+
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 20.11.0
+          cache: yarn
+
+      - name: Install Dependencies
+        run: yarn install --immutable
+
+      - name: Build Packages
+        run: yarn build-only-package
+
+      - name: Build QA app
+        working-directory: ./examples/stackflow-spa
+        run: |
+          yarn build
+
+      - name: Deploy qa app at Cloudflare Pages in `seed-design-qa` project
+        uses: cloudflare/wrangler-action@v3
+        with:
+          apiToken: ${{ secrets.CF_API_TOKEN }}
+          accountId: ${{ secrets.CF_ACCOUNT_ID }}
+          command: pages deploy ./examples/stackflow-spa/dist --project-name=seed-design-qa --branch=main

.github/workflows/docs-deploy-storybook-alpha-pages.yml

@@ -0,0 +1,47 @@
+on:
+  push:
+    branches:
+      - "**"
+      - "!main"
+
+    paths:
+      - "docs/**"
+      - "packages/recipe/**"
+      - "packages/stylesheet/**"
+      - "packages/react/**"
+      - "packages/stackflow/**"
+
+env:
+  GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+name: Deploy seed-design-v3 Storybook Alpha
+
+jobs:
+  deploy:
+    name: Deploy seed-design-v3 Storybook Alpha
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v3
+
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 20.11.0
+          cache: yarn
+
+      - name: Install Dependencies
+        run: yarn install --immutable
+
+      - name: Build Packages
+        run: yarn build-only-package
+
+      - name: Build Storybook
+        working-directory: ./docs
+        run: yarn build-storybook
+
+      - name: Deploy docs at Cloudflare Pages in `seed-design-v3-storybook` project (Alpha)
+        uses: cloudflare/wrangler-action@v3
+        with:
+          apiToken: ${{ secrets.CF_API_TOKEN }}
+          accountId: ${{ secrets.CF_ACCOUNT_ID }}
+          command: pages deploy ./docs/storybook-static --project-name=seed-design-v3-storybook --branch=${{ github.ref_name }}