@portabletext/plugin-markdown-shortcuts 1.2.0 → 1.3.0

package/src/rule.heading.ts

@@ -0,0 +1,59 @@
+import type {EditorSchema} from '@portabletext/editor'
+import {raise} from '@portabletext/editor/behaviors'
+import {getPreviousInlineObject} from '@portabletext/editor/selectors'
+import {defineInputRule} from '@portabletext/plugin-input-rule'
+
+export function createHeadingRule(config: {
+  headingStyle: (context: {
+    schema: EditorSchema
+    level: number
+  }) => string | undefined
+}) {
+  return defineInputRule({
+    on: /^#+ /,
+    guard: ({snapshot, event}) => {
+      const previousInlineObject = getPreviousInlineObject(snapshot)
+
+      if (previousInlineObject) {
+        return false
+      }
+
+      const match = event.matches.at(0)
+
+      if (!match) {
+        return false
+      }
+
+      const level = match.text.length - 1
+
+      const style = config.headingStyle({
+        schema: snapshot.context.schema,
+        level,
+      })
+
+      if (!style) {
+        return false
+      }
+
+      return {match, style}
+    },
+    actions: [
+      ({event}, {match, style}) => [
+        raise({
+          type: 'block.unset',
+          props: ['listItem', 'level'],
+          at: event.focusTextBlock.path,
+        }),
+        raise({
+          type: 'block.set',
+          props: {style},
+          at: event.focusTextBlock.path,
+        }),
+        raise({
+          type: 'delete',
+          at: match.targetOffsets,
+        }),
+      ],
+    ],
+  })
+}

package/src/rule.ordered-list.ts

@@ -0,0 +1,56 @@
+import type {EditorSchema} from '@portabletext/editor'
+import {raise} from '@portabletext/editor/behaviors'
+import {getPreviousInlineObject} from '@portabletext/editor/selectors'
+import {defineInputRule} from '@portabletext/plugin-input-rule'
+
+export function createOrderedListRule(config: {
+  orderedList: (context: {schema: EditorSchema}) => string | undefined
+}) {
+  return defineInputRule({
+    on: /^1\. /,
+    guard: ({snapshot, event}) => {
+      const orderedList = config.orderedList({
+        schema: snapshot.context.schema,
+      })
+
+      if (!orderedList) {
+        return false
+      }
+
+      const previousInlineObject = getPreviousInlineObject(snapshot)
+
+      if (previousInlineObject) {
+        return false
+      }
+
+      const match = event.matches.at(0)
+
+      if (!match) {
+        return false
+      }
+
+      return {match, orderedList}
+    },
+    actions: [
+      ({event}, {match, orderedList}) => [
+        raise({
+          type: 'block.unset',
+          props: ['style'],
+          at: event.focusTextBlock.path,
+        }),
+        raise({
+          type: 'block.set',
+          props: {
+            listItem: orderedList,
+            level: event.focusTextBlock.node.level ?? 1,
+          },
+          at: event.focusTextBlock.path,
+        }),
+        raise({
+          type: 'delete',
+          at: match.targetOffsets,
+        }),
+      ],
+    ],
+  })
+}

package/src/rule.unordered-list.ts

@@ -0,0 +1,56 @@
+import type {EditorSchema} from '@portabletext/editor'
+import {raise} from '@portabletext/editor/behaviors'
+import {getPreviousInlineObject} from '@portabletext/editor/selectors'
+import {defineInputRule} from '@portabletext/plugin-input-rule'
+
+export function createUnorderedListRule(config: {
+  unorderedList: (context: {schema: EditorSchema}) => string | undefined
+}) {
+  return defineInputRule({
+    on: /^(-|\*) /,
+    guard: ({snapshot, event}) => {
+      const unorderedList = config.unorderedList({
+        schema: snapshot.context.schema,
+      })
+
+      if (!unorderedList) {
+        return false
+      }
+
+      const previousInlineObject = getPreviousInlineObject(snapshot)
+
+      if (previousInlineObject) {
+        return false
+      }
+
+      const match = event.matches.at(0)
+
+      if (!match) {
+        return false
+      }
+
+      return {match, unorderedList}
+    },
+    actions: [
+      ({event}, {match, unorderedList}) => [
+        raise({
+          type: 'block.unset',
+          props: ['style'],
+          at: event.focusTextBlock.path,
+        }),
+        raise({
+          type: 'block.set',
+          props: {
+            listItem: unorderedList,
+            level: event.focusTextBlock.node.level ?? 1,
+          },
+          at: event.focusTextBlock.path,
+        }),
+        raise({
+          type: 'delete',
+          at: match.targetOffsets,
+        }),
+      ],
+    ],
+  })
+}