@konomi-app/k2 1.6.1 → 1.7.1

package/dist/lib/tailwind.js

@@ -1,11 +1,12 @@
+import chokidar from 'chokidar';
 import cssnanoPlugin from 'cssnano';
 import fs from 'fs-extra';
 import path from 'path';
 import postcss from 'postcss';
+import { debounce } from 'remeda';
 import tailwindcss from 'tailwindcss';
 import invariant from 'tiny-invariant';
 import { esmImport } from './import.js';
-import chokidar from 'chokidar';
 export const getTailwindConfigFromK2Config = async (k2Config) => {
     invariant(k2Config?.config, 'tailwind.config is required');
     const config = (await esmImport(path.resolve(k2Config?.config))).default;
@@ -46,38 +47,51 @@ export const outputCss = async (params) => {
 };
 export const watchTailwindCSS = async (params) => {
     const { input, output, config } = params;
-    const content = config.content;
-    if (!content) {
-        console.warn(`No content is provided in tailwind config. use default content: ['./src/**/*.{ts,tsx}'] and ${input}`);
-    }
-    const watcher = chokidar.watch([...(config.content ?? ['./src/**/*.{ts,tsx}']), input], {
+    const content = config.content ?? ['./src/**/*.{ts,tsx}'];
+    const watcher = chokidar.watch([...content, input], {
         ignored: /node_modules/,
         persistent: true,
-        awaitWriteFinish: {
-            stabilityThreshold: 2000,
-            pollInterval: 100,
-        },
+        ignoreInitial: true,
     });
-    let initialScanComplete = false;
-    const listener = async (type, path) => {
+    let isInitialized = false;
+    const processChanges = async (type) => {
         try {
-            if (type === 'add' && !initialScanComplete) {
-                return;
-            }
             await outputCss({ inputPath: input, outputPath: output, config });
-            if (params.onChanges) {
-                params.onChanges({ input, output, type });
-            }
+            params.onChanges?.({ input, output, type });
         }
         catch (error) {
             console.error('Error building Tailwind CSS:', error);
         }
     };
+    const debouncedProcessChanges = debounce(processChanges, { waitMs: 1000 });
     watcher.on('ready', async () => {
-        initialScanComplete = true;
-        await listener('init');
+        if (!isInitialized) {
+            isInitialized = true;
+            await processChanges('init');
+        }
+    });
+    watcher.on('error', (error) => {
+        console.error('Error watching Tailwind CSS:', error);
+    });
+    watcher.on('all', (eventName) => {
+        if (!isInitialized) {
+            return;
+        }
+        let type;
+        switch (eventName) {
+            case 'add':
+                type = 'add';
+                break;
+            case 'change':
+                type = 'change';
+                break;
+            case 'unlink':
+                type = 'unlink';
+                break;
+            default:
+                return;
+        }
+        debouncedProcessChanges.call(type);
     });
-    watcher.on('change', (path) => listener('change', path));
-    watcher.on('add', (path) => listener('add', path));
-    watcher.on('unlink', () => listener('unlink'));
+    return watcher;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@konomi-app/k2",
-  "version": "1.6.1",
+  "version": "1.7.1",
   "description": "kintone sdk",
   "main": "./dist/index.js",
   "type": "module",
@@ -47,6 +47,7 @@
     "html-minifier": "^4",
     "mini-css-extract-plugin": "^2",
     "postcss": "^8",
+    "remeda": "^2.15.0",
     "sass": "^1",
     "sass-loader": "^16",
     "style-loader": "^4",