@ws-ui/vite-plugins 1.8.3 → 1.8.5

package/dist/exclude-files-plugin/index.js

@@ -1,27 +1,27 @@
 import { rmSync, readdirSync, statSync, existsSync } from 'node:fs';
-import path from 'node:path';
+import { join } from 'node:path';
 export default function excludeFilesPlugin(config) {
     return {
         name: 'exclude-files',
         closeBundle() {
             const out = process.env.VITE_BUILD_TARGET || '';
-            const baseDir = path.join(process.cwd(), out);
+            const baseDir = join(process.cwd(), out);
             // Remove exclude files/folders outside of all rule targets
             const ruleTargets = config.rules.map((r) => r.target.replace(/\/$/, ''));
             for (const name of readdirSync(baseDir)) {
                 if (ruleTargets.includes(name))
                     continue; // skip target folders
                 if (config.exclude.includes(name)) {
-                    rmSync(path.join(baseDir, name), { recursive: true, force: true });
+                    rmSync(join(baseDir, name), { recursive: true, force: true });
                 }
             }
             // Apply each rule: inside target folder, keep matching files, delete others
             for (const rule of config.rules) {
-                const targetDir = path.join(baseDir, rule.target);
+                const targetDir = join(baseDir, rule.target);
                 if (!existsSync(targetDir))
                     continue;
                 for (const file of readdirSync(targetDir)) {
-                    const fp = path.join(targetDir, file);
+                    const fp = join(targetDir, file);
                     if (statSync(fp).isDirectory()) {
                         rmSync(fp, { recursive: true, force: true });
                         continue;

package/dist/index.d.ts

@@ -1,3 +1,4 @@
 import importMetaUrlPlugin from './esbuild-plugin-import-meta-url';
 import monacoEditorPlugin from './vite-plugin-monaco-editor';
-export { importMetaUrlPlugin, monacoEditorPlugin };
+import standaloneEditorPlugin from './standalone-editor-plugin';
+export { importMetaUrlPlugin, monacoEditorPlugin, standaloneEditorPlugin };

package/dist/index.js

@@ -1,3 +1,4 @@
 import importMetaUrlPlugin from './esbuild-plugin-import-meta-url';
 import monacoEditorPlugin from './vite-plugin-monaco-editor';
-export { importMetaUrlPlugin, monacoEditorPlugin };
+import standaloneEditorPlugin from './standalone-editor-plugin';
+export { importMetaUrlPlugin, monacoEditorPlugin, standaloneEditorPlugin };

package/dist/standalone-editor-plugin/index.d.ts

@@ -0,0 +1,2 @@
+import { PluginOption } from 'vite';
+export default function standaloneEditorPlugin(): PluginOption;

package/dist/standalone-editor-plugin/index.js

@@ -0,0 +1,55 @@
+import * as fs from 'fs';
+export default function standaloneEditorPlugin() {
+    let config;
+    let cssContent = '';
+    const name = 'standalone-editor-plugin';
+    const standaloneCssPath = '@ws-ui/webform-editor/dist/standalone.css';
+    return {
+        name,
+        // Get the final configuration, including the resolved root
+        configResolved(resolvedConfig) {
+            config = resolvedConfig;
+        },
+        // Use the buildStart hook to read the file content once.
+        // This hook runs after configResolved, but before the dev server starts transforming HTML.
+        async buildStart() {
+            // Only execute this logic in development mode ('serve')
+            if (config.command !== 'serve') {
+                return;
+            }
+            // Vite uses bare imports like this by default, so we can try to resolve it
+            try {
+                // Resolve the bare module specifier to its real file system path
+                // We use the same resolution logic Vite uses for modules
+                const resolved = await config.createResolver({ asSrc: false })(standaloneCssPath);
+                if (resolved && fs.existsSync(resolved)) {
+                    // Read the content of the CSS file
+                    cssContent = fs.readFileSync(resolved, 'utf-8');
+                }
+                else {
+                    console.error(`[${name}] Could not resolve or find the CSS file: ${standaloneCssPath}`);
+                }
+            }
+            catch (e) {
+                console.error(`[${name}] Error reading CSS file:`, e);
+            }
+        },
+        // Inject the content into the HTML
+        transformIndexHtml(html, ctx) {
+            // Check if we are in dev mode and have content to inject
+            if (ctx.server && cssContent) {
+                return [
+                    {
+                        tag: 'style',
+                        attrs: {
+                            type: 'text/css',
+                        },
+                        children: cssContent,
+                        injectTo: 'head-prepend',
+                    },
+                ];
+            }
+            return html;
+        },
+    };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ws-ui/vite-plugins",
-  "version": "1.8.3",
+  "version": "1.8.5",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",