feat: build v-editor component

packages/editor/.gitignore

@@ -0,0 +1,2 @@
+node_modules
+dist

packages/editor/README.md

@@ -0,0 +1,44 @@
+# GITS Editor Component
+
+> Based on Vue 3 CKEditor
+
+## Installation
+
+via npm
+
+```
+npm i @gits-id/editor
+```
+
+via yarn
+
+```
+yarn add @gits-id/editor
+```
+
+via pnpm
+
+```
+pnpm i @gits-id/editor
+```
+
+## Usage
+
+```vue
+<script setup lang="ts">
+import {ref} from 'vue';
+import VEditor from '@gits-id/editor';
+
+const content = ref('');
+</script>
+
+<v-editor v-model="content"></v-editor>
+```
+
+## Documentation
+
+View `VEditor` documentation [here](https://gits-ui.web.app/?path=/story/components-editor--default).
+
+## Licence
+
+ISC

packages/editor/package.json

@@ -4,6 +4,8 @@
   "description": "GITS Rich Text Editor Component",
   "main": "src/index.ts",
   "scripts": {
+    "build": "vite build && tsc --emitDeclarationOnly && mv dist/src dist/types",
+    "prepublishOnly": "npm run build",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "keywords": [
@@ -20,6 +22,7 @@
     "vue": "^3.2.31"
   },
   "devDependencies": {
+    "@gits-id/tailwind-config": "^0.1.17-next.0",
     "@gits-id/utils": "^0.1.17-next.0",
     "@headlessui/vue": "^1.5.0",
     "@heroicons/vue": "^1.0.6",

packages/editor/postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

packages/editor/src/vue.d.ts

@@ -0,0 +1,5 @@
+declare module '*.vue' {
+  import type {DefineComponent} from 'vue';
+  const component: DefineComponent<{}, {}, any>;
+  export default component;
+}

packages/editor/tailwind.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  content: [
+    './src/**/*.{vue,js,ts,jsx,tsx}',
+  ],
+  presets: [require('@gits-id/tailwind-config/preset')],
+};

packages/editor/tsconfig.json

@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "outDir": "dist",
+    "declaration": true,
+    "sourceMap": false,
+    "target": "esnext",
+    "module": "esnext",
+    "moduleResolution": "node",
+    "allowJs": true,
+    "strict": true,
+    "noUnusedLocals": true,
+    "rootDir": ".",
+    "skipLibCheck": true,
+    "types": ["vite/client"],
+    "emitDeclarationOnly": true,
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vue.d.ts", "*.vue", "src"],
+  "exclude": ["**/*.stories.ts", "**/*.spec.ts", "**/*.test.ts"]
+}

packages/editor/vite.config.js

@@ -0,0 +1,51 @@
+import {defineConfig} from 'vite';
+import vue from '@vitejs/plugin-vue';
+import {resolve} from 'path';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    vue(),
+  ],
+  esbuild: {
+    exclude: ['./src/**/**.stories.ts'],
+  },
+  build: {
+    target: 'esnext',
+    lib: {
+      entry: resolve(__dirname, 'src/index.ts'),
+      name: 'VEditor',
+      formats: ['es', 'cjs', 'iife', 'umd'],
+    },
+    rollupOptions: {
+      // make sure to externalize deps that shouldn't be bundled
+      // into your library
+      external: ['vue', '@ckeditor/ckeditor5-build-classic', '@ckeditor/ckeditor5-vue', 'vee-validate'],
+      output: {
+        // Provide global variables to use in the UMD build
+        // for externalized deps
+        globals: {
+          vue: 'Vue'
+        }
+      },
+      resolve: {
+        dedupe: "vue"
+      },
+      plugins: [
+        {
+          name: 'remove-collection-handlers',
+          transform(code, id) {
+            if (
+              id.endsWith('reactivity.esm-bundler.js') ||
+              id.endsWith('runtime-core.esm-bundler.js')
+            ) {
+              return code
+                .replace(`mutableCollectionHandlers,`, `null,`)
+                .replace(`readonlyCollectionHandlers,`, `null,`);
+            }
+          },
+        },
+      ],
+    },
+  },
+});