chore: refactor to workspace

.gitignore

@@ -1,22 +1,40 @@
 lib
 dist
 temp
+.cache
+
+test.db
+
+/coverage
+/external
+
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions
 
-todo.md
 yarn.lock
+package-lock.json
+pnpm-lock.yaml
+
+todo.md
+coverage/
 node_modules/
 npm-debug.log
 yarn-debug.log
 yarn-error.log
 package-lock.json
+tsconfig.temp.json
 tsconfig.tsbuildinfo
 report.*.json
 
 .eslintcache
 .DS_Store
 .idea
 .vscode
-.yarn
 *.suo
 *.ntvs*
 *.njsproj

package.json

@@ -1,40 +1,21 @@
 {
-  "name": "@satorijs/components",
-  "description": "UI Components for Satori",
-  "version": "0.6.0",
-  "main": "src/index.ts",
-  "files": [
-    "src"
+  "name": "@root/satori-components",
+  "private": true,
+  "type": "module",
+  "version": "1.0.0",
+  "workspaces": [
+    "packages/*"
   ],
-  "author": "Shigma <[email protected]>",
   "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/satorijs/semisigure.git"
-  },
-  "bugs": {
-    "url": "https://github.com/satorijs/semisigure/issues"
-  },
-  "homepage": "https://github.com/satorijs/semisigure",
-  "keywords": [
-    "chat",
-    "message",
-    "messenger",
-    "ui",
-    "component"
-  ],
-  "peerDependencies": {
-    "@vueuse/core": "^9.13.0",
-    "element-plus": "^2",
-    "vue": "^3"
+  "scripts": {
+    "lint": "eslint packages --ext=ts --cache"
   },
   "devDependencies": {
-    "@vueuse/core": "^9.13.0",
-    "element-plus": "2.3.4",
-    "vue": "^3.2.47"
-  },
-  "dependencies": {
-    "@popperjs/core": "npm:@sxzz/popperjs-es@^2.11.7",
-    "@satorijs/element": "^2.4.0"
+    "@cordisjs/eslint-config": "^1.1.1",
+    "@types/node": "^20.11.30",
+    "esbuild": "^0.18.20",
+    "esbuild-register": "^3.5.0",
+    "eslint": "^8.57.0",
+    "typescript": "^5.4.3"
   }
 }

packages/vue/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "@satorijs/components-vue",
+  "description": "Satori Components for Vue",
+  "version": "0.7.0",
+  "main": "src/index.ts",
+  "files": [
+    "src"
+  ],
+  "author": "Shigma <[email protected]>",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/satorijs/components.git"
+  },
+  "bugs": {
+    "url": "https://github.com/satorijs/components/issues"
+  },
+  "homepage": "https://github.com/satorijs/components",
+  "keywords": [
+    "chat",
+    "message",
+    "messenger",
+    "ui",
+    "component",
+    "vue",
+    "element"
+  ],
+  "peerDependencies": {
+    "@vueuse/core": "*",
+    "vue": "*"
+  },
+  "devDependencies": {
+    "@vueuse/core": "^10.9.0",
+    "vue": "^3.4.21"
+  },
+  "dependencies": {
+    "@satorijs/element": "^2.4.0"
+  }
+}

src/chat/input.vue → packages/vue/src/input.vue

@@ -57,7 +57,7 @@ function handleDataTransfer(event: Event, transfer: DataTransfer) {
 
     const reader = new FileReader()
     reader.addEventListener('load', function () {
-      emit('send', segment(type, { url: reader.result }).toString())
+      emit('send', segment(type, { src: reader.result }).toString())
     }, false)
     reader.readAsDataURL(file)
   }

src/chat/render.ts → packages/vue/src/render.ts

@@ -9,18 +9,20 @@ const render: FunctionalComponent<segment[]> = (elements, ctx) => {
       return attrs.content
     } else if (type === 'at') {
       return h('span', `@${attrs.name}`)
-    } else if (type === 'image') {
-      return h('img', { src: attrs.url })
+    } else if (type === 'img') {
+      return h('img', { src: attrs.src })
     } else if (type === 'audio') {
-      return h('audio', { src: attrs.url, controls: true })
+      return h('audio', { src: attrs.src, controls: true })
     } else if (type === 'video') {
-      return h('video', { src: attrs.url, controls: true })
+      return h('video', { src: attrs.src, controls: true })
     } else if (inline.includes(type)) {
       return h(type, render(children, ctx))
     } else if (type === 'spl') {
       return h('span', { class: 'spoiler' }, render(children, ctx))
     } else if (type === 'p' || type === 'message') {
       return h('p', render(children, ctx))
+    } else if (type === 'iframe') {
+      return h('iframe', { innerHTML: attrs.content })
     } else {
       return render(children, ctx)
     }

packages/vue/tsconfig.json

@@ -0,0 +1,6 @@
+{
+  "extends": "../../tsconfig.base",
+  "include": [
+    "src",
+  ],
+}