feat: init tiptap-extension-unique-id

package.json

@@ -8,6 +8,7 @@
     "lint:fix": "eslint . --fix"
   },
   "dependencies": {
+    "@tiptap/core": "^2.2.4",
     "vue": "^3.3.4"
   },
   "devDependencies": {

packages/tiptap-extension-unique-id/package.json

@@ -2,10 +2,22 @@
   "name": "@node-editor/tiptap-extension-unique-id",
   "type": "module",
   "version": "0.0.0",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
-  "dependencies": {},
+  "peerDependencies": {
+    "@tiptap/core": "^2.2"
+  },
+  "dependencies": {
+    "nanoid": "^5.0.6"
+  },
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org"

packages/tiptap-extension-unique-id/src/index.ts

@@ -1 +1 @@
-export * from './lib/tiptap-extension-unique-id'
+export * from './uniqueId'

packages/tiptap-extension-unique-id/src/uniqueId.ts

@@ -0,0 +1,39 @@
+import { Extension } from '@tiptap/core'
+import { nanoid } from 'nanoid'
+
+export interface UniqueIdOptions {
+  attributeName?: string
+  types?: string[]
+  generateID?: () => string
+}
+
+export const uniqueId = Extension.create<UniqueIdOptions>({
+  name: 'uniqueId',
+  addGlobalAttributes() {
+    let { attributeName, types, generateID } = this.options
+
+    attributeName ??= 'id'
+    types ??= ['paragraph']
+    generateID ??= () => nanoid()
+
+    return [
+      {
+        types,
+        attributes: {
+          [attributeName]: {
+            default: generateID(),
+            rendered: true,
+            isRequired: true,
+            keepOnSplit: true,
+            parseHTML: element => element.getAttribute(`data-${attributeName}`),
+            renderHTML: (attributes) => {
+              return {
+                [`data-${attributeName}`]: attributes[attributeName!],
+              }
+            },
+          },
+        },
+      },
+    ]
+  },
+})

packages/tiptap-extension-unique-id/vite.config.ts

@@ -41,7 +41,7 @@ export default defineConfig({
     },
     rollupOptions: {
       // External packages that should not be bundled into your library.
-      external: [],
+      external: ['@tiptap/core'],
     },
   },
 })

packages/vue-play/src/app/App.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { Editor, EditorContent } from '@tiptap/vue-3'
 import StarterKit from '@tiptap/starter-kit'
+import { uniqueId } from '@node-editor/tiptap-extension-unique-id'
 import { onBeforeUnmount, onMounted, shallowRef } from 'vue'
 
 const editor = shallowRef<Editor>()
@@ -9,6 +10,7 @@ onMounted(() => {
     content: 'Node Editor',
     extensions: [
       StarterKit,
+      uniqueId,
     ],
   })
 })