chore: use TS Bundler to build lib (#215)

- also switch to port 4000 to avoid conflicts with other projects
ghiscoding · Feb 17, 2024 · cf336b8 · cf336b8
1 parent f1af597
commit cf336b8
Show file tree

Hide file tree

Showing 5 changed files with 28 additions and 15 deletions.
diff --git a/.vscode/launch.json b/.vscode/launch.json
@@ -5,19 +5,26 @@
   "version": "0.2.0",
   "configurations": [
     {
-      "name": "Launch Edge",
+      "name": "Chrome Debugger",
       "request": "launch",
-      "type": "msedge",
-      "url": "http://localhost:3000",
-      "webRoot": "${workspaceFolder}"
+      "type": "chrome",
+      "sourceMaps": true,
+      "url": "http://localhost:4000",
+      "webRoot": "${workspaceFolder}/packages/demo",
+      "pathMapping": {
+        "/@fs/": ""
+      }
     },
     {
-      "name": "Vite - Edge Debugger",
-      "type": "msedge",
+      "name": "MS Edge Debugger",
       "request": "launch",
+      "type": "msedge",
       "sourceMaps": true,
-      "trace": false,
-      "url": "http://localhost:3000"
+      "url": "http://localhost:4000",
+      "webRoot": "${workspaceFolder}/packages/demo",
+      "pathMapping": {
+        "/@fs/": ""
+      }
     }
   ]
 }
diff --git a/packages/demo/tsconfig.json b/packages/demo/tsconfig.json
@@ -13,7 +13,8 @@
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "noImplicitReturns": true,
-    "skipLibCheck": true
+    "skipLibCheck": true,
+    "typeRoots": ["./node_modules/@types"]
   },
-  "include": ["src"]
+  "include": ["src/**/*", "index.d.ts"]
 }
diff --git a/packages/demo/vite.config.mts b/packages/demo/vite.config.mts
@@ -3,8 +3,11 @@ import { defineConfig } from 'vite';
 export default defineConfig({
   base: './',
   server: {
-    port: 3000,
+    port: 4000,
     cors: true,
     host: 'localhost',
   },
+  optimizeDeps: {
+    exclude: ['multiple-select-vanilla'],
+  },
 });
diff --git a/packages/multiple-select-vanilla/tsconfig.json b/packages/multiple-select-vanilla/tsconfig.json
@@ -1,14 +1,16 @@
 {
   "compilerOptions": {
+    "baseUrl": "./",
     "declaration": true,
     "declarationMap": true,
     "rootDir": "src",
     "outDir": "dist/esm",
-    "target": "ES2018",
+    "target": "ES2021",
     "useDefineForClassFields": true,
     "module": "ESNext",
-    "lib": ["ESNext", "DOM"],
-    "moduleResolution": "Node",
+    "lib": ["es2021", "DOM"],
+    "moduleResolution": "Bundler",
+    "allowSyntheticDefaultImports": true,
     "experimentalDecorators": true,
     "strict": true,
     "resolveJsonModule": true,

diff --git a/playwright/playwright.config.ts b/playwright/playwright.config.ts
@@ -13,7 +13,7 @@ export default defineConfig({
   /* Fail the build on CI if you accidentally left test.only in the source code. */
   forbidOnly: Boolean(process.env.CI),
   use: {
-    baseURL: 'http://localhost:3000/',
+    baseURL: 'http://localhost:4000/',
     headless: true,
     viewport: { width: 1280, height: 720 },
     ignoreHTTPSErrors: true,