@ws-ui/vite-plugins 1.8.1 → 1.8.2

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

@@ -1,19 +1,51 @@
+import * as fs from 'fs';
 export default function standaloneEditorPlugin() {
+    let config;
+    let cssContent = '';
+    const name = 'standaline-editor-plugin';
+    const standaloneCssPath = '@ws-ui/webform-editor/dist/standalone.css';
     return {
-        name: 'standalone-editor-plugin',
+        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');
+                    console.log(`[${name}] Successfully read CSS content from: ${resolved}`);
+                }
+                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 the Vite dev server context exists.
-            // This is true for 'vite dev' and false for 'vite build'.
-            if (ctx.server) {
+            // Check if we are in dev mode and have content to inject
+            if (ctx.server && cssContent) {
                 return [
                     {
-                        tag: 'link',
+                        tag: 'style',
                         attrs: {
-                            rel: 'stylesheet',
-                            // Vite will resolve this path to the correct URL in node_modules/
-                            href: '@ws-ui/webform-editor/dist/standalone.css',
+                            type: 'text/css',
                         },
-                        // Inject right before the closing </head> tag for early loading
+                        children: cssContent,
                         injectTo: 'head-prepend',
                     },
                 ];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ws-ui/vite-plugins",
-  "version": "1.8.1",
+  "version": "1.8.2",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -21,4 +21,4 @@
   "dependencies": {
     "import-meta-resolve": "^4.1.0"
   }
-}
+}