Add a new @studiocms/ui package

.changeset/config.json

@@ -13,12 +13,13 @@
       "@studiocms/frontend",
       "@studiocms/imagehandler",
       "@studiocms/renderers",
-      "@studiocms/robotstxt"
+      "@studiocms/robotstxt",
+      "@studiocms/ui"
     ]
   ],
   "linked": [],
   "access": "public",
   "baseBranch": "main",
   "updateInternalDependencies": "patch",
-  "ignore": ["web", "docs", "node-playground"]
+  "ignore": ["web", "docs", "node-playground", "ui-playground"]
 }

.changeset/pre.json

@@ -13,7 +13,9 @@
     "@studiocms/renderers": "0.1.0-beta.4",
     "@studiocms/robotstxt": "0.1.0-beta.4",
     "@studiocms/blog": "0.1.0-beta.1",
+    "@studiocms/ui": "0.1.0-beta.7",
     "node-playground": "0.0.1",
+    "ui-playground": "0.0.1",
     "docs": "0.0.1",
     "web": "0.0.1"
   },

.changeset/rotten-dancers-trade.md

@@ -0,0 +1,5 @@
+---
+"@studiocms/ui": patch
+---
+
+Added a new UI library for the dashboard rework

.github/workflows/deployments.yml

@@ -32,6 +32,7 @@ jobs:
             packages:
               - packages/**
               - playgrounds/node/**
+              - playgrounds/ui/**
 
       - name: Docs Deployment (PR Demo)
         if: steps.changed-files-pr.outputs.docs_any_changed == 'true'
@@ -93,6 +94,27 @@ jobs:
               repo: context.repo.repo,
               body: `New deployment for the Packages/Playground DEMO has been queued and should be available shortly.  To view the deployment once it is ready, click [here](https://pr${context.payload.pull_request.number}-demo.studiocms.xyz/)`
             })
+
+
+      - name: Ui-Testing Deployment (PR Demo)
+        if: steps.changed-files-pr.outputs.packages_any_changed == 'true'
+        uses: distributhor/workflow-webhook@f5a294e144d6ef44cfac4d3d5e20b613bcee0d4b # v3
+        with:
+          webhook_type: 'json-extended'
+          webhook_url: ${{ secrets.STUDIOCMS_DEPLOYMENT_WEBHOOK }}
+          webhook_secret: ${{ secrets.UI_DEPLOYMENT_SECRET }}
+
+      - name: Ui-Testing Deployment Queue Comment
+        if: steps.changed-files-pr.outputs.packages_any_changed == 'true'
+        uses: actions/github-script@60a0d83039c74a4aee543508d2ffcb1c3799cdea # v7
+        with:
+          script: |
+            github.rest.issues.createComment({
+              issue_number: context.issue.number,
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              body: `New deployment for the Ui-Testing Demo has been queued and should be available shortly.  To view the deployment once it is ready, click [here](https://pr${context.payload.pull_request.number}-ui-testing.studiocms.xyz/)`
+            })
 
   redeploy:
     name: Check for Changes on Push to main
@@ -101,7 +123,9 @@ jobs:
     steps:
       - name: Checkout Repo
         uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4
-
+        with:
+          fetch-depth: 0
+
       - name: Get changed files
         id: changed-files-push
         uses: tj-actions/changed-files@48d8f15b2aaa3d255ca5af3eba4870f807ce6b3c # v45
@@ -112,6 +136,7 @@ jobs:
             packagesanddocs:
               - packages/**
               - playgrounds/node/**
+              - playgrounds/ui/**
               - www/docs/**
 
       - name: Docs Deployment (Prod | Pkg Typedoc)
@@ -137,4 +162,12 @@ jobs:
           webhook_type: 'json-extended'
           webhook_url: ${{ secrets.STUDIOCMS_DEPLOYMENT_WEBHOOK }}
           webhook_secret: ${{ secrets.DEMO_DEPLOYMENT_SECRET }}
-
+
+      - name: Ui-Testing Deployment (Prod)
+        if: steps.changed-files-push.outputs.packagesanddocs_any_changed == 'true'
+        uses: distributhor/workflow-webhook@f5a294e144d6ef44cfac4d3d5e20b613bcee0d4b # v3
+        with:
+          webhook_type: 'json-extended'
+          webhook_url: ${{ secrets.STUDIOCMS_DEPLOYMENT_WEBHOOK }}
+          webhook_secret: ${{ secrets.UI_DEPLOYMENT_SECRET }}
+

.moon/workspace.yml

@@ -15,9 +15,11 @@ projects:
   studiocms_imagehandler: 'packages/studiocms_imagehandler'
   studiocms_renderers: 'packages/studiocms_renderers'
   studiocms_robotstxt: 'packages/studiocms_robotstxt'
+  studiocms_ui: 'packages/studiocms_ui'
 
   # Playgrounds
   playground: 'playgrounds/node'
+  ui-playground: 'playgrounds/ui'
   # cloudflare-playground: 'playgrounds/cloudflare' - Removed for now till we start experimenting with Cloudflare again.
 
   # Web Sites & Docs

package.json

@@ -12,6 +12,9 @@
     "playground:login": "pnpm --filter node-playground db:login",
     "playground:link": "pnpm --filter node-playground db:link",
     "playground:push": "pnpm --filter node-playground db:push",
+    "ui:dev": "pnpm --filter ui-playground dev",
+    "ui:build": "pnpm --filter ui-playground build",
+    "ui:preview": "pnpm --filter ui-playground preview",
     "build": "pnpm --filter node-playground build",
     "lint": "biome check .",
     "lint:fix": "biome check --write .",

packages/studiocms/tsconfig.json

@@ -8,13 +8,79 @@
     "allowImportingTsExtensions": false,
     "emitDeclarationOnly": false,
     "paths": {
-      "node-playground/*": ["../../playgrounds/node/src/*"]
+      "node-playground/*": ["../../playgrounds/node/src/*"],
+      "@studiocms/assets": ["../studiocms_assets/src/index.ts"],
+      "@studiocms/assets/*": ["../studiocms_assets/src/*"],
+      "@studiocms/auth": ["../studiocms_auth/src/index.ts"],
+      "@studiocms/auth/*": ["../studiocms_auth/src/*"],
+      "@studiocms/betaresources": ["../studiocms_betaresources/src/index.ts"],
+      "@studiocms/betaresources/*": ["../studiocms_betaresources/src/*"],
+      "@studiocms/blog": ["../studiocms_blog/index.ts"],
+      "@studiocms/blog/*": ["../studiocms_blog/src/*"],
+      "@studiocms/core": ["../studiocms_core/src/index.ts"],
+      "@studiocms/core/*": ["../studiocms_core/src/*"],
+      "@studiocms/dashboard": ["../studiocms_dashboard/src/index.ts"],
+      "@studiocms/dashboard/*": ["../studiocms_dashboard/src/*"],
+      "@studiocms/frontend": ["../studiocms_frontend/src/index.ts"],
+      "@studiocms/frontend/*": ["../studiocms_frontend/src/*"],
+      "@studiocms/imagehandler": ["../studiocms_imagehandler/src/index.ts"],
+      "@studiocms/imagehandler/*": ["../studiocms_imagehandler/src/*"],
+      "@studiocms/renderers": ["../studiocms_renderers/src/index.ts"],
+      "@studiocms/renderers/*": ["../studiocms_renderers/src/*"],
+      "@studiocms/robotstxt": ["../studiocms_robotstxt/src/index.ts"],
+      "@studiocms/robotstxt/*": ["../studiocms_robotstxt/src/*"]
     }
   },
   "references": [
     {
       "path": "../../playgrounds/node"
+    },
+    {
+      "path": "../studiocms_assets"
+    },
+    {
+      "path": "../studiocms_auth"
+    },
+    {
+      "path": "../studiocms_betaresources"
+    },
+    {
+      "path": "../studiocms_blog"
+    },
+    {
+      "path": "../studiocms_core"
+    },
+    {
+      "path": "../studiocms_dashboard"
+    },
+    {
+      "path": "../studiocms_frontend"
+    },
+    {
+      "path": "../studiocms_imagehandler"
+    },
+    {
+      "path": "../studiocms_renderers"
+    },
+    {
+      "path": "../studiocms_robotstxt"
     }
   ],
-  "include": ["./package.json", "../../playgrounds/node/.astro/**/*", "./**/*", "./src/**/*.json"]
+  "include": [
+    "./package.json",
+    "../../playgrounds/node/**/*",
+    "../../playgrounds/node/.astro/**/*",
+    "../studiocms_assets/**/*",
+    "../studiocms_auth/**/*",
+    "../studiocms_betaresources/**/*",
+    "../studiocms_blog/**/*",
+    "../studiocms_core/**/*",
+    "../studiocms_dashboard/**/*",
+    "../studiocms_frontend/**/*",
+    "../studiocms_imagehandler/**/*",
+    "../studiocms_renderers/**/*",
+    "../studiocms_robotstxt/**/*",
+    "./**/*",
+    "./src/**/*.json"
+  ]
 }

packages/studiocms_assets/tsconfig.json

@@ -16,5 +16,11 @@
       "path": "../../playgrounds/node"
     }
   ],
-  "include": ["./package.json", "../../playgrounds/node/.astro/**/*", "./**/*", "./src/**/*.json"]
+  "include": [
+    "./package.json",
+    "../../playgrounds/node/**/*",
+    "../../playgrounds/node/.astro/**/*",
+    "./**/*",
+    "./src/**/*.json"
+  ]
 }

packages/studiocms_auth/tsconfig.json

@@ -2,19 +2,43 @@
   "extends": "astro/tsconfigs/strictest",
   "files": [],
   "compilerOptions": {
-    "outDir": "../../.moon/cache/types/packages/studiocms_renderers",
+    "outDir": "../../.moon/cache/types/packages/studiocms_auth",
     "composite": true,
     "noEmit": false,
     "allowImportingTsExtensions": false,
     "emitDeclarationOnly": false,
     "paths": {
-      "node-playground/*": ["../../playgrounds/node/src/*"]
+      "node-playground/*": ["../../playgrounds/node/src/*"],
+      "@studiocms/assets": ["../studiocms_assets/src/index.ts"],
+      "@studiocms/assets/*": ["../studiocms_assets/src/*"],
+      "@studiocms/core": ["../studiocms_core/src/index.ts"],
+      "@studiocms/core/*": ["../studiocms_core/src/*"],
+      "@studiocms/dashboard": ["../studiocms_dashboard/src/index.ts"],
+      "@studiocms/dashboard/*": ["../studiocms_dashboard/src/*"]
     }
   },
   "references": [
     {
       "path": "../../playgrounds/node"
+    },
+    {
+      "path": "../studiocms_assets"
+    },
+    {
+      "path": "../studiocms_core"
+    },
+    {
+      "path": "../studiocms_dashboard"
     }
   ],
-  "include": ["./package.json", "../../playgrounds/node/.astro/**/*", "./**/*", "./src/**/*.json"]
+  "include": [
+    "./package.json",
+    "../../playgrounds/node/**/*",
+    "../../playgrounds/node/.astro/**/*",
+    "../studiocms_assets/**/*",
+    "../studiocms_core/**/*",
+    "../studiocms_dashboard/**/*",
+    "./**/*",
+    "./src/**/*.json"
+  ]
 }

packages/studiocms_betaresources/tsconfig.json

@@ -8,13 +8,31 @@
     "allowImportingTsExtensions": false,
     "emitDeclarationOnly": false,
     "paths": {
-      "node-playground/*": ["../../playgrounds/node/src/*"]
+      "node-playground/*": ["../../playgrounds/node/src/*"],
+      "@studiocms/assets": ["../studiocms_assets/src/index.ts"],
+      "@studiocms/assets/*": ["../studiocms_assets/src/*"],
+      "@studiocms/core": ["../studiocms_core/src/index.ts"],
+      "@studiocms/core/*": ["../studiocms_core/src/*"]
     }
   },
   "references": [
     {
       "path": "../../playgrounds/node"
+    },
+    {
+      "path": "../studiocms_assets"
+    },
+    {
+      "path": "../studiocms_core"
     }
   ],
-  "include": ["./package.json", "../../playgrounds/node/.astro/**/*", "./**/*", "./src/**/*.json"]
+  "include": [
+    "./package.json",
+    "../../playgrounds/node/**/*",
+    "../../playgrounds/node/.astro/**/*",
+    "../studiocms_assets/**/*",
+    "../studiocms_core/**/*",
+    "./**/*",
+    "./src/**/*.json"
+  ]
 }

packages/studiocms_blog/tsconfig.json

@@ -6,7 +6,27 @@
     "composite": true,
     "noEmit": false,
     "emitDeclarationOnly": true,
-    "allowImportingTsExtensions": false
+    "allowImportingTsExtensions": false,
+    "paths": {
+      "@studiocms/core": ["../studiocms_core/src/index.ts"],
+      "@studiocms/core/*": ["../studiocms_core/src/*"],
+      "@studiocms/frontend": ["../studiocms_frontend/src/index.ts"],
+      "@studiocms/frontend/*": ["../studiocms_frontend/src/*"]
+    }
   },
-  "include": ["../../playgrounds/node/.astro/**/*", "./**/*", "./**/*.json"]
+  "include": [
+    "../../playgrounds/node/.astro/**/*",
+    "../studiocms_core/**/*",
+    "../studiocms_frontend/**/*",
+    "./**/*",
+    "./**/*.json"
+  ],
+  "references": [
+    {
+      "path": "../studiocms_core"
+    },
+    {
+      "path": "../studiocms_frontend"
+    }
+  ]
 }

packages/studiocms_core/tsconfig.json

@@ -8,13 +8,25 @@
     "allowImportingTsExtensions": false,
     "emitDeclarationOnly": false,
     "paths": {
-      "node-playground/*": ["../../playgrounds/node/src/*"]
+      "node-playground/*": ["../../playgrounds/node/src/*"],
+      "@studiocms/robotstxt": ["../studiocms_robotstxt/src/index.ts"],
+      "@studiocms/robotstxt/*": ["../studiocms_robotstxt/src/*"]
     }
   },
   "references": [
     {
       "path": "../../playgrounds/node"
+    },
+    {
+      "path": "../studiocms_robotstxt"
     }
   ],
-  "include": ["./package.json", "../../playgrounds/node/.astro/**/*", "./**/*", "./src/**/*.json"]
+  "include": [
+    "./package.json",
+    "../../playgrounds/node/**/*",
+    "../../playgrounds/node/.astro/**/*",
+    "../studiocms_robotstxt/**/*",
+    "./**/*",
+    "./src/**/*.json"
+  ]
 }