feat: 🎸 add validate props for schema (#1810)

* feat: 🎸 add validate props for schema

* fix: boolean

Author: Saul-Mirone

Diff for: packages/components/src/image-block/schema.ts

@@ -15,9 +15,9 @@ export const imageBlockSchema = $nodeSchema('image-block', () => {
     atom: true,
     priority: 100,
     attrs: {
-      src: { default: '' },
-      caption: { default: '' },
-      ratio: { default: 1 },
+      src: { default: '', validate: 'string' },
+      caption: { default: '', validate: 'string' },
+      ratio: { default: 1, validate: 'number' },
     },
     parseDOM: [
       {

Diff for: packages/plugins/preset-commonmark/src/mark/emphasis.ts

@@ -23,6 +23,7 @@ export const emphasisSchema = $markSchema('emphasis', (ctx) => ({
   attrs: {
     marker: {
       default: ctx.get(remarkStringifyOptionsCtx).emphasis || '*',
+      validate: 'string',
     },
   },
   parseDOM: [

Diff for: packages/plugins/preset-commonmark/src/mark/link.ts

@@ -16,8 +16,8 @@ withMeta(linkAttr, {
 /// Link mark schema.
 export const linkSchema = $markSchema('link', (ctx) => ({
   attrs: {
-    href: {},
-    title: { default: null },
+    href: { validate: 'string' },
+    title: { default: null, validate: 'string|null' },
   },
   parseDOM: [
     {

Diff for: packages/plugins/preset-commonmark/src/mark/strong.ts

@@ -23,6 +23,7 @@ export const strongSchema = $markSchema('strong', (ctx) => ({
   attrs: {
     marker: {
       default: ctx.get(remarkStringifyOptionsCtx).strong || '*',
+      validate: 'string',
     },
   },
   parseDOM: [

Diff for: packages/plugins/preset-commonmark/src/node/bullet-list.ts

@@ -27,6 +27,7 @@ export const bulletListSchema = $nodeSchema('bullet_list', (ctx) => {
     attrs: {
       spread: {
         default: false,
+        validate: 'boolean',
       },
     },
     parseDOM: [
@@ -36,7 +37,7 @@ export const bulletListSchema = $nodeSchema('bullet_list', (ctx) => {
           if (!(dom instanceof HTMLElement)) throw expectDomTypeError(dom)
 
           return {
-            spread: dom.dataset.spread,
+            spread: dom.dataset.spread === 'true',
           }
         },
       },
@@ -64,7 +65,7 @@ export const bulletListSchema = $nodeSchema('bullet_list', (ctx) => {
         state
           .openNode('list', undefined, {
             ordered: false,
-            spread: node.attrs.spread === 'true',
+            spread: node.attrs.spread,
           })
           .next(node.content)
           .closeNode()

Diff for: packages/plugins/preset-commonmark/src/node/code-block.ts

@@ -33,6 +33,7 @@ export const codeBlockSchema = $nodeSchema('code_block', (ctx) => {
     attrs: {
       language: {
         default: '',
+        validate: 'string',
       },
     },
     parseDOM: [

Diff for: packages/plugins/preset-commonmark/src/node/hardbreak.ts

@@ -26,6 +26,7 @@ export const hardbreakSchema = $nodeSchema('hardbreak', (ctx) => ({
   attrs: {
     isInline: {
       default: false,
+      validate: 'boolean',
     },
   },
   selectable: false,

Diff for: packages/plugins/preset-commonmark/src/node/heading.ts

@@ -56,9 +56,11 @@ export const headingSchema = $nodeSchema('heading', (ctx) => {
     attrs: {
       id: {
         default: '',
+        validate: 'string',
       },
       level: {
         default: 1,
+        validate: 'number',
       },
     },
     parseDOM: headingIndex.map((x) => ({

Diff for: packages/plugins/preset-commonmark/src/node/html.ts

@@ -16,6 +16,7 @@ export const htmlSchema = $nodeSchema('html', (ctx) => {
     attrs: {
       value: {
         default: '',
+        validate: 'string',
       },
     },
     toDOM: (node) => {

Diff for: packages/plugins/preset-commonmark/src/node/image.ts

@@ -24,9 +24,9 @@ export const imageSchema = $nodeSchema('image', (ctx) => {
     defining: true,
     isolating: true,
     attrs: {
-      src: { default: '' },
-      alt: { default: '' },
-      title: { default: '' },
+      src: { default: '', validate: 'string' },
+      alt: { default: '', validate: 'string' },
+      title: { default: '', validate: 'string' },
     },
     parseDOM: [
       {

Diff for: packages/plugins/preset-commonmark/src/node/list-item.ts

@@ -25,12 +25,15 @@ export const listItemSchema = $nodeSchema('list_item', (ctx) => ({
   attrs: {
     label: {
       default: '•',
+      validate: 'string',
     },
     listType: {
       default: 'bullet',
+      validate: 'string',
     },
     spread: {
-      default: 'true',
+      default: true,
+      validate: 'boolean',
     },
   },
   defining: true,
@@ -43,7 +46,7 @@ export const listItemSchema = $nodeSchema('list_item', (ctx) => ({
         return {
           label: dom.dataset.label,
           listType: dom.dataset.listType,
-          spread: dom.dataset.spread,
+          spread: dom.dataset.spread === 'true',
         }
       },
     },
@@ -73,7 +76,7 @@ export const listItemSchema = $nodeSchema('list_item', (ctx) => ({
     match: (node) => node.type.name === 'list_item',
     runner: (state, node) => {
       state.openNode('listItem', undefined, {
-        spread: node.attrs.spread === 'true',
+        spread: node.attrs.spread,
       })
       state.next(node.content)
       state.closeNode()

Diff for: packages/plugins/preset-commonmark/src/node/ordered-list.ts

@@ -26,9 +26,11 @@ export const orderedListSchema = $nodeSchema('ordered_list', (ctx) => ({
   attrs: {
     order: {
       default: 1,
+      validate: 'number',
     },
     spread: {
       default: false,
+      validate: 'boolean',
     },
   },
   parseDOM: [

Diff for: packages/plugins/preset-gfm/src/node/footnote/definition.ts

@@ -15,6 +15,7 @@ export const footnoteDefinitionSchema = $nodeSchema(
     attrs: {
       label: {
         default: '',
+        validate: 'string',
       },
     },
     parseDOM: [

Diff for: packages/plugins/preset-gfm/src/node/footnote/reference.ts

@@ -14,6 +14,7 @@ export const footnoteReferenceSchema = $nodeSchema(
     attrs: {
       label: {
         default: '',
+        validate: 'string',
       },
     },
     parseDOM: [

Diff for: packages/plugins/preset-gfm/src/node/task-list-item.ts

@@ -15,6 +15,7 @@ export const extendListItemSchemaForTask = listItemSchema.extendSchema(
           ...baseSchema.attrs,
           checked: {
             default: null,
+            validate: 'boolean|null',
           },
         },
         parseDOM: [