chore: Merge PR #54 from feat/use-form-state

Author: codinsonn

.github/workflows/chromatic.yml

@@ -11,7 +11,9 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: 'Check out Git repository'
-        uses: actions/checkout@v1
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
 
       - name: 'Check secrets'
         id: check-secrets
@@ -21,7 +23,7 @@ jobs:
 
       - name: Setup Node
         if: ${{ steps.check-secrets.outputs.has-secrets == 'true' }}
-        uses: actions/setup-node@v2
+        uses: actions/setup-node@v4
         with:
           node-version: 18.x
           cache: yarn

.github/workflows/eas.yml

@@ -6,7 +6,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Check out Git repository
-        uses: actions/checkout@v2
+        uses: actions/checkout@v4
 
       - name: 'Check secrets'
         id: check-secrets
@@ -20,7 +20,7 @@ jobs:
 
       - name: Setup Node
         if: ${{ steps.check-secrets.outputs.has-secrets == 'true' }}
-        uses: actions/setup-node@v2
+        uses: actions/setup-node@v4
         with:
           node-version: 18.x
           cache: yarn
@@ -38,15 +38,15 @@ jobs:
       - name: Find yarn cache
         id: yarn-cache-path
         if: ${{ steps.check-secrets.outputs.has-secrets == 'true' }}
-        run: echo "::set-output name=dir::$(yarn cache dir)"
-
-      - name: Restore cache
-        if: ${{ steps.check-secrets.outputs.has-secrets == 'true' }}
-        uses: actions/cache@v2
-        with:
-          path: ${{ steps.yarn-cache-path.outputs.dir }}
-          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
-          restore-keys: ${{ runner.os }}-yarn-
+        run: echo "{dir}={dir::$(yarn cache dir)} >> $GITHUB_OUTPUT"
+
+      # - name: Restore cache
+      #   if: ${{ steps.check-secrets.outputs.has-secrets == 'true' }}
+      #   uses: actions/cache@v2
+      #   with:
+      #     path: ${{ steps.yarn-cache-path.outputs.dir }}
+      #     key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
+      #     restore-keys: ${{ runner.os }}-yarn-
 
       - name: Install Node.js dependencies
         if: ${{ steps.check-secrets.outputs.has-secrets == 'true' }}

.github/workflows/lint.yml

@@ -5,10 +5,10 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Check out Git repository
-        uses: actions/checkout@v2
+        uses: actions/checkout@v4
 
       - name: Setup Node
-        uses: actions/setup-node@v2
+        uses: actions/setup-node@v4
         with:
           node-version: 18.x
           cache: yarn

.storybook/disabled/@aetherspace-mongoose/README.md

@@ -29,7 +29,7 @@ git merge with/mongoose
 
 ```tsx
 import { z, aetherSchema } from 'aetherspace/schemas'
-import { aetherSchemaToMongoose } from '@aetherspace/mongoose/schemas'
+import { createMongooseDataModel } from '@aetherspace/mongoose/schemas'
 
 /* --- Schemas ---- */
 
@@ -40,20 +40,20 @@ const MyCollectionSchema = aetherSchema('MyCollection', {
 
 /* --- Models ----- */
 
-export const MyCollectionModel = aetherSchemaToMongoose(MyCollectionSchema)
+export const MyCollectionModel = createMongooseDataModel(MyCollectionSchema)
 
 ```
 
 > However, it's recommended to define your schemas and models in separate files. Otherwise, importing the schema from the same file as the model might cause front-end issues.
 
 `/features/{workspace}/schemas/models.ts`
 ```tsx
-import { aetherSchemaToMongoose } from '@aetherspace/mongoose/schemas'
+import { createMongooseDataModel } from '@aetherspace/mongoose/schemas'
 import { MyCollectionSchema } from './MyCollectionSchema.ts' // <- Much safer
 
 /* --- Models ----- */
 
-export const MyCollectionModel = aetherSchemaToMongoose(MyCollectionSchema)
+export const MyCollectionModel = createMongooseDataModel(MyCollectionSchema)
 ```
 
 ## Roadmap - More to come

.storybook/docs/Automation.stories.mdx

@@ -6,6 +6,6 @@ import AutomationReadme from '../../packages/@aetherspace/scripts/README.md'
 <StorybookLinkTransformer />
 <StorybookFontTransformer />
 
-<Meta title="Aetherspace / Automation" />
+<Meta title="Aetherspace / Recommended Workflow" />
 
 <AutomationReadme />

.storybook/docs/Forms.stories.mdx

@@ -0,0 +1,11 @@
+import { Meta } from '@storybook/addon-docs'
+import StorybookLinkTransformer from '../../packages/@aetherspace/docs/helpers/StorybookLinkTransformer'
+import StorybookFontTransformer from '../../packages/@aetherspace/docs/helpers/StorybookFontTransformer'
+import FormManagementMD from '../../packages/@aetherspace/forms/README.md'
+
+<StorybookLinkTransformer />
+<StorybookFontTransformer />
+
+<Meta title="Aetherspace / Form Management" />
+
+<FormManagementMD />

.storybook/main.js

@@ -11,8 +11,9 @@ module.exports = {
         './docs/Styling.stories.mdx',
         './docs/UniversalRouting.stories.mdx',
         './docs/GraphQL.stories.mdx',
-        './docs/Automation.stories.mdx',
+        './docs/Forms.stories.mdx',
         './docs/Icons.stories.mdx',
+        './docs/Automation.stories.mdx',
         './docs/Deployment.stories.mdx',
         './plugins/README.stories.mdx',
         './other/License.stories.mdx',

.storybook/manager-head.html

@@ -16,3 +16,27 @@
         height: 100%;
     }
 </style>
+<script>
+    // Add a listener to switch back from the GraphQL tab to the Canvas when the user clicks on the sidebar
+    setTimeout(() => {
+        const $sidebar = document.querySelector('.sidebar-container')
+        console.log('StorybookLinkTransformer', { $sidebar })
+        if ($sidebar) {
+            $sidebar.addEventListener('click', () => {
+                // Extract the current story ID from the URL
+                const urlParams = new URLSearchParams(window.location.search)
+                const path = urlParams.get('path')
+                const isGraphqlTab = path && path.includes('graphql')
+
+                // Construct the new URL for the Canvas tab
+                const newUrl = window.location.href.replace('/graphql/', '/story/')
+
+                // Push the new URL to the history
+                window.history.pushState({}, '', newUrl)
+
+                // Optionally, force Storybook to re-render
+                window.dispatchEvent(new PopStateEvent('popstate'))
+            })
+        }
+    }, 3000)
+</script>