WIP

.changeset/config.json

@@ -1,9 +1,13 @@
 {
-  "$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"],
+  "snapshot": {
+    "useCalculatedVersion": true
+  }
 }

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

@@ -1,76 +1,44 @@
 on:
   push:
     branches:
-      - '**'
-      - '!main'
+      - "**"
+      - "!main"
 
     paths:
-      - 'docs/**'
+      - "docs/**"
 
-name: Deploy Seed Docs Alpha Pages
+env:
+  GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+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 `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
 
-      - 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,42 @@ on:
   push:
     branches:
       - main
+      - wip # V3
     paths:
-      - 'docs/**'
+      - "docs/**"
 
-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
 
-      - 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/[email protected]
+
+      - 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/react-headless-test.yml

@@ -0,0 +1,30 @@
+name: Test React Headless
+
+on:
+  push:
+    paths:
+      - "packages/react-headless/**/*"
+
+env:
+  GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v3
+
+      - name: Use Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: "20.x"
+
+      - name: Install dependencies
+        run: yarn install --frozen-lockfile
+
+      - name: Build `@seed-design/dom-utils` package
+        run: yarn workspace @seed-design/dom-utils build
+
+      - name: Run tests
+        run: yarn test:react:once

.github/workflows/release-packages.yml

@@ -5,8 +5,11 @@ on:
     branches:
       - main
     paths:
-      - 'packages/**'
-      - 'docs/**'
+      - "packages/**"
+      - "docs/**"
+
+env:
+  GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 
 jobs:
   release:

.gitignore

@@ -14,3 +14,5 @@
 !.yarn/versions
 
 **/node_modules/
+
+lib

.vscode/extensions.json

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["biomejs.biome", "formulahendry.auto-close-tag"]
+}

.vscode/settings.json

@@ -1,14 +1,22 @@
 {
   "typescript.tsdk": "node_modules/typescript/lib",
-  "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": "explicit"
+  "[javascript]": {
+    "editor.defaultFormatter": "biomejs.biome"
+  },
+  "[typescript]": {
+    "editor.defaultFormatter": "biomejs.biome"
+  },
+  "[typescriptreact]": {
+    "editor.defaultFormatter": "biomejs.biome"
+  },
+  "[json]": {
+    "editor.defaultFormatter": "biomejs.biome"
+  },
+  "[css]": {
+    "editor.defaultFormatter": "biomejs.biome"
   },
   "editor.formatOnSave": true,
-  "eslint.validate": [
-    "javascript",
-    "javascriptreact",
-    "typescript",
-    "typescriptreact",
-    "json"
-  ]
+  "auto-close-tag.activationOnLanguage": [
+    "mdx"
+  ],
 }