feat: add ui/vanilla-js

Author: akira-cn

.gitignore

@@ -13,3 +13,5 @@ node_modules
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+
+package-lock.json

docs/.gitignore

@@ -3,3 +3,5 @@ node_modules
 .vitepress/cache
 .vitepress/dist
 .vercel
+
+package-lock.json

ui/README.md

@@ -6,3 +6,4 @@ The UI components to integrate Documate into the framework of your choice. Packa
 - `@documate/react` (Comming soon)
 - `@documate/headless-vue` (Comming soon)
 - `@documate/headless-react` (Comming soon)
+- [`@documate/ui`](./vanilla-js/)

ui/vanilla-js/.eslintrc.cjs

@@ -0,0 +1,38 @@
+module.exports = {
+  "env": {
+    "browser": true,
+    "es2021": true,
+    "node": true
+  },
+  "extends": "eslint:recommended",
+  "overrides": [
+    {
+      "env": {
+        "node": true
+      },
+      "files": [
+        ".eslintrc.{js,cjs}"
+      ],
+      "parserOptions": {
+        "sourceType": "script"
+      }
+    }
+  ],
+  "parserOptions": {
+    "ecmaVersion": "latest",
+    "sourceType": "module"
+  },
+  "rules": {
+    semi: 'error',
+    complexity: ['warn', 25],
+    'no-var': 'error',
+    'no-unused-vars': 'warn',
+    'no-restricted-globals': 'off',
+    'max-params': ['warn', 7],
+    'no-console': 'warn',
+    'no-new-func': 'off',
+    'import/no-named-as-default': 'off',
+    'import/no-named-as-default-member': 'off',
+    'no-return-await': 'off',
+  }
+};

ui/vanilla-js/.gitignore

@@ -0,0 +1,7 @@
+node_modules/
+npm-debug.log*
+.nyc_*/
+.dir-locals.el
+.DS_Store
+.test
+package-lock.json

ui/vanilla-js/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 月影
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

ui/vanilla-js/README.md

@@ -0,0 +1,24 @@
+# Documate-UI
+
+Build [Documate](https://github.com/aircodelabs/documate) UI using native JavaScript.
+
+`@documate/ui` will automatically search for DOM elements with the ID `ask-ai` on the page, so you don't need to perform any manual initialization. The only thing you need to do is provide a button with the ID `ask-ai` on the page.
+
+
+## Usage
+
+### Import from CDN:
+
+```html
+<script src="https://unpkg.com/@documate/ui"></script>
+```
+
+### Import from Node:
+
+```bash
+npm install @documate/ui
+```
+
+```js
+import 'documate-ui';
+```

ui/vanilla-js/build.js

@@ -0,0 +1,14 @@
+import { buildSync } from "esbuild";
+
+const options = {
+  entryPoints: ['src/index.js'],
+  outfile: 'dist/documate-ui.js',
+  bundle: true,
+  inject: ['./src/inject-css.js'],
+  loader: {
+    '.css': 'text',
+  },
+  minify: true,
+};
+
+buildSync(options);

ui/vanilla-js/dist/documate-ui.js

@@ -0,0 +1,19 @@
+{
+  "name": "@documate/ui",
+  "version": "0.0.1",
+  "description": "Building Documate UI using native JavaScript",
+  "main": "dist/documate-ui.js",
+  "type": "module",
+  "scripts": {
+    "build": "mode=production node build.js",
+    "prepublishOnly": "npm run build",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "MIT",
+  "devDependencies": {
+    "esbuild": "^0.19.3",
+    "eslint": "^8.49.0"
+  }
+}

ui/vanilla-js/package.json

@@ -0,0 +1,10 @@
+import style from './styles.css';
+
+const headEl = document.head || document.getElementsByTagName('head')[0];
+const styleEl = document.createElement('style');
+if(styleEl.styleSheet) {
+  styleEl.styleSheet.cssText = style;
+} else {
+  styleEl.appendChild(document.createTextNode(style));
+}
+headEl.appendChild(styleEl);