feature/integrate @focus-reactive/sanity-plugin-cms-kit (#24)

* Add `@focus-reactive/sanity-plugin-cms-kit` * Add missing dep * test tempolate * fix all templates * remove templates and comment env initialization in sanity cli package * add hero template * add new format templates and scronshots to the core sections * comment blog templates --------- Co-authored-by: maksim hodasevich <[email protected]>
focusreactive · Dec 25, 2024 · cd1aa23 · cd1aa23
1 parent 172ed98
commit cd1aa23
Show file tree

Hide file tree

Showing 38 changed files with 695 additions and 1,306 deletions.
diff --git a/apps/sanity/package.json b/apps/sanity/package.json
@@ -12,6 +12,7 @@
     "gen:types": "pnpm extract-schema && pnpm sanity typegen generate"
   },
   "dependencies": {
+    "@focus-reactive/sanity-plugin-cms-kit": "^0.1.0",
     "@portabletext/react": "^3.1.0",
     "@sanity/client": "^6.21.1",
     "@sanity/image-url": "^1.0.2",

diff --git a/apps/sanity/sanity.cli.ts b/apps/sanity/sanity.cli.ts
@@ -1,8 +1,10 @@
-import { loadEnvConfig } from "@next/env";
+// import { loadEnvConfig } from "@next/env";
 import { defineCliConfig } from "sanity/cli";
 
-const dev = process.env.NODE_ENV !== "production";
-loadEnvConfig(__dirname, dev, { info: () => null, error: console.error });
+console.log("add logic to load ebv variables");
+
+// const dev = process.env.NODE_ENV !== "production";
+// loadEnvConfig(__dirname, dev, { info: () => null, error: console.error });
 
 // @TODO report top-level await bug
 // Using a dynamic import here as `loadEnvConfig` needs to run before this file is loaded

diff --git a/apps/sanity/sanity.config.ts b/apps/sanity/sanity.config.ts
@@ -1,3 +1,4 @@
+import { CMSKitContentBlocks } from "@focus-reactive/sanity-plugin-cms-kit";
 import { visionTool } from "@sanity/vision";
 import { pages } from "@tinloof/sanity-studio";
 import { defineConfig } from "sanity";
@@ -40,5 +41,6 @@ export default defineConfig({
     structureTool(),
     visionTool({ defaultApiVersion: config.sanity.apiVersion }),
     simplerColorInput(),
+    CMSKitContentBlocks({}),
   ],
 });
diff --git a/apps/sanity/src/components/Footer/templates/footer.json b/apps/sanity/src/components/Footer/templates/footer.json
diff --git a/apps/sanity/src/components/Footer/templates/index.ts b/apps/sanity/src/components/Footer/templates/index.ts
diff --git a/apps/sanity/src/components/Header/templates/header.json b/apps/sanity/src/components/Header/templates/header.json
diff --git a/apps/sanity/src/components/Header/templates/index.ts b/apps/sanity/src/components/Header/templates/index.ts
diff --git a/apps/sanity/src/components/Page/schema.ts b/apps/sanity/src/components/Page/schema.ts
@@ -3,14 +3,13 @@ import {
   commonGroups,
   themeField,
 } from "@/contentSections/commonFields";
-// import { sectionsPresets } from "@/contentSections/presets";
+import { sectionsPresets } from "@/contentSections/presets";
+import { defineBlocksField } from "@focus-reactive/sanity-plugin-cms-kit";
 import { definePathname } from "@tinloof/sanity-studio";
 import { defineField, defineType, type FieldGroupDefinition } from "sanity";
 
 import sections from "@/lib/schemas/sections";
 
-// import { componentsWithBlocksInput } from "@/lib/templateSelectorInput";
-
 export default defineType({
   type: "document",
   name: "page",
@@ -36,17 +35,17 @@ export default defineType({
       group: CommonGroup.Content,
       validation: (Rule) => Rule.required(),
     }),
-    defineField({
+    defineBlocksField({
       name: "sectionsBody",
-      title: "Sections",
-      type: "array",
-      group: CommonGroup.Content,
+      // add fields to the package
+      // title: "Sections",
+      // group: CommonGroup.Content,
       of: sections.map((section) => ({
         type: section.name,
       })),
-      // components: componentsWithBlocksInput({
-      //   presets: Object.values(sectionsPresets).flat(),
-      // }),
+      options: {
+        presets: Object.values(sectionsPresets).flat(),
+      },
     }),
     defineField({
       name: "footer",

diff --git a/apps/sanity/src/contentSections/Blog/templates/index.ts b/apps/sanity/src/contentSections/Blog/templates/index.ts
@@ -1,19 +1,19 @@
-import { createTemplate } from "@/lib/templateSelectorInput/createTemplate";
+import type { Preset } from "@focus-reactive/sanity-plugin-cms-kit";
 
-import withImage from "./with-images.json";
-import withoutImage from "./without-images.json";
+// import { createTemplate } from "@/lib/utils";
 
-export const blogTemplates = [
-  createTemplate({
-    json: withImage,
-    title: "Blog section with images",
-    description: "desc1",
-    category: "blog",
-  }),
-  createTemplate({
-    json: withoutImage,
-    title: "Blog section without images",
-    description: "desc2",
-    category: "blog",
-  }),
+// import withImage from "./with-images.json";
+// import withoutImage from "./without-images.json";
+
+export const blogTemplates: Preset[] = [
+  // createTemplate({
+  //   title: "Blog section with images",
+  //   json: withImage,
+  //   category: "blog",
+  // }),
+  // createTemplate({
+  //   title: "Blog section without images",
+  //   json: withoutImage,
+  //   category: "blog",
+  // }),
 ];
diff --git a/apps/sanity/src/contentSections/CardsGrid/templates/default-preview.png b/apps/sanity/src/contentSections/CardsGrid/templates/default-preview.png