studio working

Author: codercatdev

apps/sanity/components/YouTubePreview.tsx

@@ -3,7 +3,7 @@
 import { useCallback, useState } from "react";
 import { Box, Stack, TextInput } from "@sanity/ui";
 import { type ObjectInputProps, set, unset } from "sanity";
-import { youtubeParser } from "@/lib/utils";
+import { youtubeParser } from "../lib/utils";
 
 export function VideoPreview(props: { youtube: string }) {
 	const [loadEmbed, setLoadEmbed] = useState(false);

apps/sanity/lib/utils.ts

@@ -0,0 +1,10 @@
+/**
+ * Extract YouTube video ID from various URL formats
+ */
+export function youtubeParser(url: string): string | null {
+	if (!url || typeof url !== "string") return null;
+	const regExp =
+		/^.*(youtu\.be\/|v\/|u\/\w\/|embed\/|watch\?v=|&v=)([^#&?]*).*/;
+	const match = url.match(regExp);
+	return match && match[2].length === 11 ? match[2] : null;
+}

apps/sanity/package.json

@@ -10,13 +10,24 @@
   },
   "dependencies": {
     "@codingcatdev/sanity-plugin-podcast-rss": "^1.0.0",
+    "@portabletext/block-tools": "^5.1.0",
+    "@portabletext/react": "^6.0.3",
+    "@sanity/assist": "^6.0.3",
     "@sanity/code-input": "^5.0.0",
+    "@sanity/icons": "^3.7.4",
+    "@sanity/ui": "^3.1.14",
     "@sanity/vision": "^3.0.0",
+    "date-fns": "^4.1.0",
+    "lucide-react": "^0.577.0",
+    "micromark": "^4.0.2",
+    "micromark-extension-gfm-table": "^2.1.1",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
+    "react-icons": "^5.6.0",
+    "react-twitter-embed": "^4.0.4",
     "sanity": "^3.0.0",
     "sanity-plugin-media": "^2.0.0",
-    "styled-components": "^6.0.0"
+    "styled-components": "^6.1.15"
   },
   "devDependencies": {
     "@types/react": "^19.0.0",

apps/sanity/sanity.config.ts

@@ -48,6 +48,9 @@ const projectId = process.env.SANITY_STUDIO_PROJECT_ID || "hfh83o0w";
 const dataset = process.env.SANITY_STUDIO_DATASET || "production";
 const apiVersion = process.env.SANITY_STUDIO_API_VERSION || "2025-09-30";
 const studioUrl = "/";
+// Set SANITY_STUDIO_DISABLE_PRESENTATION=true if you get network errors to api.sanity.io (e.g. firewall/VPN)
+const presentationEnabled =
+	process.env.SANITY_STUDIO_DISABLE_PRESENTATION !== "true";
 
 function resolveHref(type: string, slug?: string): string | undefined {
   switch (type) {
@@ -171,45 +174,49 @@ export default defineConfig({
     },
   },
   plugins: [
-    presentationTool({
-      resolve: {
-        mainDocuments: defineDocuments([
-          {
-            route: "/post/:slug",
-            filter: `_type == "post" && slug.current == $slug`,
-          },
-        ]),
-        locations: {
-          settings: defineLocations({
-            locations: [homeLocation],
-            message: "This document is used on all pages",
-            tone: "caution",
-          }),
-          post: defineLocations({
-            select: {
-              title: "title",
-              slug: "slug.current",
-            },
-            resolve: (doc) => ({
-              locations: [
+    ...(presentationEnabled
+      ? [
+          presentationTool({
+            resolve: {
+              mainDocuments: defineDocuments([
                 {
-                  title: doc?.title || "Untitled",
-                  // biome-ignore lint/style/noNonNullAssertion: resolveHref returns string for known types
-                  href: resolveHref("post", doc?.slug)!,
+                  route: "/post/:slug",
+                  filter: `_type == "post" && slug.current == $slug`,
                 },
-                homeLocation,
-              ],
-            }),
+              ]),
+              locations: {
+                settings: defineLocations({
+                  locations: [homeLocation],
+                  message: "This document is used on all pages",
+                  tone: "caution",
+                }),
+                post: defineLocations({
+                  select: {
+                    title: "title",
+                    slug: "slug.current",
+                  },
+                  resolve: (doc) => ({
+                    locations: [
+                      {
+                        title: doc?.title || "Untitled",
+                        // biome-ignore lint/style/noNonNullAssertion: resolveHref returns string for known types
+                        href: resolveHref("post", doc?.slug)!,
+                      },
+                      homeLocation,
+                    ],
+                  }),
+                }),
+              },
+            },
+            previewUrl: {
+              previewMode: {
+                enable: "/api/draft-mode/enable",
+                disable: "/api/draft-mode/disable",
+              },
+            },
           }),
-        },
-      },
-      previewUrl: {
-        previewMode: {
-          enable: "/api/draft-mode/enable",
-          disable: "/api/draft-mode/disable",
-        },
-      },
-    }),
+        ]
+      : []),
     structureTool({ structure: podcastStructure() }),
     // Configures the global "new document" button, and document actions, to suit the Settings document singleton
     singletonPlugin([