@fils/sanity-components 0.0.9 → 0.1.0

package/src/components/video/VideoSchemas.ts

@@ -0,0 +1,205 @@
+import { LinkIcon, PlayIcon, VideoIcon } from "@sanity/icons";
+import { defineField, defineType } from "sanity";
+import { createVideoInput } from "./CreateVideoInput";
+
+/**
+ * Video File Schema
+ * Document type for uploaded video files with thumbnail generation
+ */
+export const VideoFile = defineType({
+  name: 'videoFile',
+  type: 'document',
+  title: 'Video File',
+  description: 'Video File + Thumbnail',
+  icon: VideoIcon,
+  fields: [
+    defineField({
+      name: 'video',
+      type: 'file',
+      options: {
+        accept: "video/mp4, video/webm"
+      },
+      icon: PlayIcon,
+      description: 'Video File. Supported formats: MP4 & WebM',
+      validation: Rule => Rule.required()
+    }),
+    defineField({
+      name: 'image',
+      title: 'Video Thumbnail',
+      type: 'image',
+      validation: Rule => Rule.required()
+    })
+  ],
+  components: {
+    input: createVideoInput({
+      inputType: 'file',
+      enableThumbnailGeneration: true
+    })
+  },
+  preview: {
+    select: {
+      video: 'video',
+      media: 'image'
+    },
+    prepare(selected) {
+      const { video, media } = selected;
+
+      // Just use the original filename from the asset if available
+      const filename = video?.asset?._ref 
+        ? video.asset._ref.split('-').slice(1, -1).join('-') 
+        : 'No video';
+
+      return {
+        title: filename,
+        media
+      }
+    }
+  }
+});
+
+/**
+ * Video URL Schema
+ * Document type for external video URLs (e.g., Vimeo, YouTube)
+ */
+export const VideoURL = defineType({
+  name: 'videoUrl',
+  type: 'document',
+  title: 'Video URL',
+  description: 'External video URL + Thumbnail',
+  icon: VideoIcon,
+  fields: [
+    defineField({
+      name: 'video',
+      type: 'url',
+      icon: LinkIcon,
+      description: 'Video URL (e.g., Vimeo, YouTube)',
+      validation: Rule => Rule.required().uri({
+        scheme: ['http', 'https']
+      })
+    }),
+    defineField({
+      name: 'image',
+      title: 'Video Thumbnail',
+      type: 'image',
+      validation: Rule => Rule.required()
+    })
+  ],
+  components: {
+    input: createVideoInput({
+      inputType: 'url',
+      enableThumbnailGeneration: false // Can't generate from external URLs
+    })
+  },
+  preview: {
+    select: {
+      video: 'video',
+      media: 'image'
+    },
+    prepare(selected) {
+      const { video, media } = selected;
+      return {
+        title: video || 'No URL',
+        media
+      }
+    }
+  }
+});
+
+/**
+ * Video File Object Schema
+ * Object type for use as a field in other schemas
+ */
+export const VideoFileObject = defineType({
+  name: 'videoFileObject',
+  type: 'object',
+  title: 'Video with Thumbnail',
+  fields: [
+    defineField({
+      name: 'video',
+      type: 'file',
+      options: {
+        accept: "video/mp4, video/webm"
+      }
+    }),
+    defineField({
+      name: 'image',
+      title: 'Thumbnail',
+      type: 'image'
+    })
+  ],
+  components: {
+    input: createVideoInput({
+      inputType: 'file',
+      enableThumbnailGeneration: true
+    })
+  }
+});
+
+/**
+ * Video URL Object Schema
+ * Object type for use as a field in other schemas (URL version)
+ */
+export const VideoURLObject = defineType({
+  name: 'videoUrlObject',
+  type: 'object',
+  title: 'Video URL with Thumbnail',
+  fields: [
+    defineField({
+      name: 'video',
+      type: 'url'
+    }),
+    defineField({
+      name: 'image',
+      title: 'Thumbnail',
+      type: 'image'
+    })
+  ],
+  components: {
+    input: createVideoInput({
+      inputType: 'url',
+      enableThumbnailGeneration: false
+    })
+  }
+});
+
+export const VideoFileNoThumb = defineType({
+  name: 'videoFileNoThumb',
+  type: 'object',
+  title: 'Video File',
+  fields: [
+    defineField({
+      name: 'video',
+      type: 'file',
+      options: {
+        accept: 'video/mp4, video/webm'
+      }
+    })
+  ],
+  components: {
+    input: createVideoInput({
+      inputType: 'file',
+      enableThumbnailGeneration: false
+    })
+  }
+});
+
+export const VideoURLNoThumb = defineType({
+  name: 'videoFileNoThumb',
+  type: 'object',
+  title: 'Video URL',
+  fields: [
+    defineField({
+      name: 'video',
+      type: 'file',
+      options: {
+        accept: 'video/mp4, video/webm'
+      }
+    })
+  ],
+  components: {
+    input: createVideoInput({
+      inputType: 'url',
+      enableThumbnailGeneration: false
+    })
+  }
+});

package/src/config/utils.ts

@@ -0,0 +1,86 @@
+import { defineConfig, DocumentActionComponent, DocumentActionsContext } from "sanity"
+import {StructureResolver, structureTool} from 'sanity/structure'
+import { netlifyWidget, SiteWidgetOption } from "sanity-plugin-dashboard-widget-netlify";
+import { dashboardTool } from '@sanity/dashboard';
+
+// Define the actions that should be available for singleton documents
+const singletonActions = new Set(["publish", "discardChanges", "restore"])
+
+export function getActions(singletonTypes:Set<string>) {
+	return (input: DocumentActionComponent[], context: DocumentActionsContext) =>
+		singletonTypes.has(context.schemaType)
+			? input.filter(({ action }) => action && singletonActions.has(action))
+			: input;
+}
+
+export function getDefaultConfig(projectId:string, title:string, structure:StructureResolver, schemaTypes:any, singletonTypes:Set<string>) {
+	return defineConfig({
+		name: 'default',
+		title,
+
+		projectId,
+		dataset: 'production',
+
+		scheduledPublishing: {
+			enabled: false
+		},
+
+		plugins: [structureTool({
+			structure
+		})],
+
+		schema: {
+			types: schemaTypes,
+			// Filter out singleton types from the global “New document” menu options
+			templates: (templates) =>
+				templates.filter(({ schemaType }) => !singletonTypes.has(schemaType)),
+		},
+
+		document: {
+			// For singleton types, filter out actions that are not explicitly included
+			// in the `singletonActions` list defined above
+			actions: getActions(singletonTypes),
+		},
+	});
+}
+
+export function getConfigWithNetlify(projectId:string, title:string, structure:StructureResolver, schemaTypes:any, singletonTypes:Set<string>, sites:SiteWidgetOption[]) {
+	return defineConfig({
+		name: 'default',
+		title,
+
+		projectId,
+		dataset: 'production',
+
+		scheduledPublishing: {
+			enabled: false
+		},
+
+		plugins: [
+			structureTool({
+				structure
+			}),
+			dashboardTool({
+      			widgets: [
+      			  netlifyWidget({
+      			      title: 'Deploy Site',
+      			      sites
+      			  })
+      			]
+    		})
+		],
+
+		schema: {
+			types: schemaTypes,
+			// Filter out singleton types from the global “New document” menu options
+			templates: (templates) =>
+				templates.filter(({ schemaType }) => !singletonTypes.has(schemaType)),
+		},
+
+		document: {
+			// For singleton types, filter out actions that are not explicitly included
+			// in the `singletonActions` list defined above
+			actions: getActions(singletonTypes),
+		},
+	});
+}

package/src/main.ts

@@ -0,0 +1,6 @@
+export * from './components/core/SEOImage';
+export * from './components/core/SEO';
+// export * from './config/utils';
+export * from './validators/utils';
+export * from './components/ui/DeployButton';
+export * from './components/video/VideoSchemas';

package/src/validators/utils.ts

@@ -0,0 +1,17 @@
+import { Rule } from "sanity";
+
+/**
+* Deprecated use Sanity's Rule.uri instead!!
+* @returns regexp url validator
+*/
+export function urlValidation() {
+	return (rule:Rule) =>
+		rule.custom((url:string) => {
+			if (typeof url === 'undefined' || url === null) {
+				return true; // Allow undefined values
+			}
+
+			const regex = /^https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_\+.~#?&//=]*)$/;
+			return regex.test(url) ? true : 'Not a valid URL';
+		});
+}

package/tsconfig.json

@@ -0,0 +1,20 @@
+{
+	"compilerOptions": {
+		"target": "ES2020",
+    "lib": ["DOM", "DOM.Iterable", "ESNext"],
+    "module": "ESNext",
+		"declaration": true,
+		"outDir": "./lib",
+		"strict": true,
+		"skipLibCheck": true,
+		"resolveJsonModule": true,
+		"moduleResolution": "node",
+		"jsx": "react-jsx"
+	},
+	"include": [
+		"src",
+	],
+	"exclude": [
+		"node_modules"
+	]
+}