ci: build npm package, fix docs

Author: ANovokmet

packages/editor/.releaserc

@@ -2,7 +2,8 @@
   "plugins": [["../only-package-commits/plugin.js", { "include": ["packages"] }]],
   "verifyConditions": ["@semantic-release/github"],
   "publish": [
-    ["@semantic-release/github", { "assets": [ {"path": "./*.tar.gz"} ] }]
+    ["@semantic-release/github", { "assets": [ {"path": "./*.tar.gz"} ] }],
+    ["@semantic-release/npm", { "pkgRoot": "dist" }]
   ],
   "prepare" : [],
   "repositoryUrl": "https://github.com/happening-oss/expr2sql",

packages/editor/README.md

@@ -7,17 +7,17 @@
 </h1>
 
 <p align="center">
-    <a href="https://github.com/happening-oss/expr2sql-editor/releases">
-      <img src="https://img.shields.io/github/v/release/happening-oss/expr2sql-editor" alt="Latest Release"/>
+    <a href="https://github.com/happening-oss/expr2sql/releases">
+      <img src="https://img.shields.io/github/v/release/happening-oss/expr2sql?filter=editor-*" alt="Latest Release"/>
     </a>
     <a href="https://www.npmjs.com/package/@happening-oss/expr2sql-editor">
         <img src="https://img.shields.io/npm/v/@happening-oss/expr2sql-editor" alt="npm">
     </a>
     <a href="https://www.npmjs.com/package/@happening-oss/expr2sql-editor">
         <img src="https://img.shields.io/npm/dm/@happening-oss/expr2sql-editor" alt="npm downloads">
     </a>
-    <a href="https://github.com/happening-oss/expr2sql-editor/blob/editor/packages/editor/LICENSE">
-        <img src="https://img.shields.io/github/license/happening-oss/expr2sql-editor" alt="MIT">
+    <a href="https://github.com/happening-oss/expr2sql/blob/editor/packages/editor/LICENSE">
+        <img src="https://img.shields.io/github/license/happening-oss/expr2sql" alt="MIT">
     </a>
 <p>
 
@@ -47,6 +47,7 @@ Initialize the `ExprEditor` component:
 
 ```js
 import { ExprEditor } from '@happening-oss/expr2sql-editor';
+import '@happening-oss/expr2sql-editor/style.css';
 
 // define the doc
 const doc = {

packages/editor/package.json

@@ -5,11 +5,13 @@
   "type": "module",
   "main": "src/lib.ts",
   "scripts": {
-    "build": "tsc -p tsconfig.app.json",
-    "build:vite": "vite build",
-    "postbuild": "cp package.json dist/package.json"
+    "build:tsc": "tsc -p tsconfig.app.json",
+    "prebuild": "rm -rf dist",
+    "build": "tsc -p tsconfig.lib.json && vite build",
+    "postbuild": "cp package.lib.json dist/package.json && cp README.md dist/README.md"
   },
   "devDependencies": {
+    "@types/node": "^22.13.10",
     "@vitest/coverage-istanbul": "^2.0.5",
     "@vitest/ui": "^2.0.5",
     "sass-embedded": "^1.83.0",
@@ -18,9 +20,6 @@
     "vite-plugin-dts": "^4.5.0",
     "vitest": "^2.0.5"
   },
-  "peerDependencies": {
-    "typescript": "^5.0.0"
-  },
   "dependencies": {
     "fuzzysort": "^3.1.0"
   }

packages/editor/package.lib.json

@@ -0,0 +1,26 @@
+{
+  "name": "@happening-oss/expr2sql-editor",
+  "description": "Autocomplete expression builder for expr-lang",
+  "author": "Ante Novokmet <ante.novokmet@happening.xyz>",
+  "version": "1.0.0",
+  "type": "module",
+  "main": "index.js",
+  "types": "types/lib.d.ts",
+  "dependencies": {
+    "fuzzysort": "^3.1.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/happening-oss/expr2sql.git"
+  },
+  "bugs": {
+    "url": "https://github.com/happening-oss/expr2sql/issues"
+  },
+  "keywords": [
+    "typescript",
+    "autocomplete",
+    "query-builder",
+    "javascript",
+    "expr-lang"
+  ]
+}

packages/editor/tsconfig.lib.json

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "lib": ["ESNext", "DOM", "DOM.Iterable"],
+
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "resolveJsonModule": true,
+    "allowImportingTsExtensions": true,
+    "baseUrl": "./",
+
+    "checkJs": true,
+    "allowJs": true,
+
+    "noEmit": false,
+    "outDir": "./dist/types",
+    "declaration": true,
+    "emitDeclarationOnly": true,
+
+    "allowSyntheticDefaultImports": true,
+    "forceConsistentCasingInFileNames": true,
+    
+    "skipLibCheck": true
+  },
+  "include": ["src"]
+}

packages/editor/vite.config.ts

@@ -1,12 +1,26 @@
 /// <reference types="vitest" />
-import { defineConfig } from 'vite'
-import solid from 'vite-plugin-solid'
+import { defineConfig } from 'vite';
+import { dirname, resolve } from 'path';
+import { fileURLToPath } from 'url';
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
 
 export default defineConfig({
-  plugins: [solid()],
+  build: {
+    lib: {
+      entry: resolve(__dirname, 'src/lib.ts'),
+      formats: ['es'],
+      fileName: 'index',
+    },
+    minify: false,
+    emptyOutDir: false,
+    rollupOptions: {
+      external: ['fuzzysort'],
+    }
+  },
   test: {
     coverage: {
       provider: 'istanbul' // or 'v8'
     },
   },
-})
+});

packages/package-lock.json

@@ -1,7 +1,7 @@
 <nav class="flex gap-6 py-3 px-4  bg-white border-b border-slate-200 shadow-sm flex-wrap">
   <div class="font-semibold order-1">
     <a class="flex items-center gap-1.5 text-slate-700 cursor-pointer hover:bg-slate-100 py-1.5 px-2 rounded-md">
-      <img class="w-8 h-8" src="/logo.png">
+      <img class="w-8 h-8" src="/expr2sql/logo.png">
       <span>expr2sql/editor</span>
     </a>
   </div>