feat(sanity): ship codingcat-ops Sanity App SDK via Blueprint

.github/workflows/ci.yml

@@ -57,6 +57,9 @@ jobs:
           SANITY_STUDIO_PROJECT_ID: hfh83o0w
           SANITY_STUDIO_DATASET: production
 
+      - name: Build ops app (Sanity App SDK)
+        run: pnpm --filter @codingcatdev/ops build
+
       - name: Run E2E Tests
         run: pnpm --filter @codingcatdev/site test:e2e
 

.github/workflows/deploy.yml

@@ -6,7 +6,9 @@ on:
     branches: [dev, main]
     paths:
       - "apps/sanity/**"
+      - "apps/ops/**"
       - "sanity.blueprint.ts"
+      - "package.json"
       - "pnpm-lock.yaml"
       - ".github/workflows/deploy.yml"
 

apps/ops/package.json

@@ -9,12 +9,12 @@
     "deploy": "sanity deploy"
   },
   "dependencies": {
-    "@sanity/sdk": "^1.0.0",
-    "@sanity/sdk-react": "^1.0.0",
-    "@sanity/ui": "^3.1.10",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "sanity": "^6.9.2",
+    "@sanity/sdk": "^3.9.1",
+    "@sanity/sdk-react": "^3.9.1",
+    "@sanity/ui": "^4.4.9",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "sanity": "^6.20.0",
     "styled-components": "^6.3.11"
   },
   "devDependencies": {

apps/ops/sanity.cli.ts

@@ -2,7 +2,8 @@ import { defineCliConfig } from "sanity/cli";
 
 export default defineCliConfig({
 	app: {
-		organizationId: process.env.SANITY_ORGANIZATION_ID || "o1H0wB7xG",
+		organizationId: process.env.SANITY_ORGANIZATION_ID || "ovF2qiKSO",
 		entry: "./src/index.tsx",
 	},
 });
+

apps/ops/src/index.tsx

@@ -1,8 +1,7 @@
 import { type SanityConfig } from "@sanity/sdk";
 import { SanityApp } from "@sanity/sdk-react";
-import { StudioTheme, ThemeProvider } from "@sanity/ui";
+import { studioTheme, ThemeProvider } from "@sanity/ui";
 import { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
 import { App } from "./App";
 
 const config: SanityConfig[] = [
@@ -12,15 +11,15 @@ const config: SanityConfig[] = [
 	},
 ];
 
-const rootEl = document.getElementById("root");
-if (rootEl) {
-	createRoot(rootEl).render(
+export default function RootApp() {
+	return (
 		<StrictMode>
-			<ThemeProvider theme={StudioTheme}>
+			<ThemeProvider theme={studioTheme}>
 				<SanityApp config={config} fallback={<div>Loading CodingCat.dev Ops...</div>}>
 					<App />
 				</SanityApp>
 			</ThemeProvider>
-		</StrictMode>,
+		</StrictMode>
 	);
 }
+

apps/sanity/package.json

@@ -22,8 +22,8 @@
     "@sanity/functions": "^1.8.1",
     "@sanity/icons": "^5.2.1",
     "@sanity/image-url": "^2.1.1",
-    "@sanity/ui": "^4.0.3",
-    "@sanity/vision": "^6.9.2",
+    "@sanity/ui": "^4.4.9",
+    "@sanity/vision": "^6.20.0",
     "date-fns": "^4.1.0",
     "lucide-react": "^0.577.0",
     "micromark": "^4.0.2",
@@ -33,7 +33,7 @@
     "react-icons": "^5.6.0",
     "react-inlinesvg": "^4.2.0",
     "react-twitter-embed": "^4.0.4",
-    "sanity": "^6.9.2",
+    "sanity": "^6.20.0",
     "sanity-plugin-media": "^6.1.4",
     "styled-components": "^6.3.11"
   },

package.json

@@ -28,7 +28,12 @@
     "@sanity/client": "^8.9.0",
     "@sanity/functions": "^1.8.1",
     "@sanity/image-url": "^2.1.1",
-    "sanity": "^6.9.2"
+    "sanity": "^6.20.0"
+  },
+  "pnpm": {
+    "overrides": {
+      "@sanity/runtime-cli": "17.16.0"
+    }
   },
   "packageManager": "pnpm@10.34.1"
 }

sanity.blueprint.ts

@@ -1,11 +1,26 @@
 import {
+	defineApplication,
 	defineBlueprint,
 	defineDocumentFunction,
 	defineScheduledFunction,
+	defineWindowView,
 } from "@sanity/blueprints";
 
 export default defineBlueprint({
 	resources: [
+		defineApplication({
+			name: "codingcat-ops",
+			title: "CodingCat Ops & Revenue OS",
+			root: "./apps/ops",
+			views: [
+				defineWindowView({
+					name: "main",
+					title: "CodingCat Ops & Revenue OS",
+					src: "./src/index.tsx",
+					dock: { group: "applications", order: 10 },
+				}),
+			],
+		}),
 		defineDocumentFunction({
 			name: "syndicate-content",
 			displayName: "Syndicate Content (Dev.to & Hashnode)",