@skyvexsoftware/stratos-sdk 0.1.14 → 0.1.16

package/dist/vite/css-inject.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Vite plugin that injects extracted CSS into the JS bundle for library mode.
+ *
+ * In Vite library mode, CSS imports are extracted to a separate .css file.
+ * Since plugins are loaded via dynamic import(), the CSS file is never loaded.
+ * This plugin moves the CSS content into the JS entry chunk so it's injected
+ * into the DOM automatically when the plugin module is imported.
+ */
+import type { Plugin } from "vite";
+export declare function cssInject(): Plugin;
+//# sourceMappingURL=css-inject.d.ts.map

package/dist/vite/css-inject.js

@@ -0,0 +1,56 @@
+/**
+ * Vite plugin that injects extracted CSS into the JS bundle for library mode.
+ *
+ * In Vite library mode, CSS imports are extracted to a separate .css file.
+ * Since plugins are loaded via dynamic import(), the CSS file is never loaded.
+ * This plugin moves the CSS content into the JS entry chunk so it's injected
+ * into the DOM automatically when the plugin module is imported.
+ */
+export function cssInject() {
+    return {
+        name: "stratos-css-inject",
+        apply: "build",
+        enforce: "post",
+        generateBundle(_, bundle) {
+            // Find emitted CSS assets
+            const cssAssets = [];
+            let cssContent = "";
+            for (const [fileName, chunk] of Object.entries(bundle)) {
+                if (fileName.endsWith(".css") && chunk.type === "asset") {
+                    cssContent +=
+                        typeof chunk.source === "string"
+                            ? chunk.source
+                            : new TextDecoder().decode(chunk.source);
+                    cssAssets.push(fileName);
+                }
+            }
+            if (!cssContent)
+                return;
+            // Find the JS entry chunk
+            const jsEntry = Object.values(bundle).find((chunk) => chunk.type === "chunk" && chunk.isEntry);
+            if (!jsEntry || jsEntry.type !== "chunk")
+                return;
+            // Export the CSS as __STRATOS_PLUGIN_CSS__ so the shell's PluginHost
+            // can inject/remove it based on plugin lifecycle (mount/unmount).
+            //
+            // Also self-inject via IIFE for backwards compatibility with older shells
+            // that don't manage plugin CSS lifecycle. The IIFE tags its <style> with
+            // data-plugin-css-fallback so the new shell can remove it when it takes over.
+            const escaped = cssContent
+                .replace(/\\/g, "\\\\")
+                .replace(/`/g, "\\`")
+                .replace(/\$/g, "\\$");
+            const injection = [
+                `export const __STRATOS_PLUGIN_CSS__ = \`${escaped}\`;`,
+                `(function(){try{var s=document.createElement("style");s.textContent=\`${escaped}\`;s.setAttribute("data-plugin-css-fallback","");document.head.appendChild(s)}catch(e){}})();`,
+                "",
+            ].join("\n");
+            jsEntry.code = injection + jsEntry.code;
+            // Remove the separate CSS files
+            for (const name of cssAssets) {
+                delete bundle[name];
+            }
+        },
+    };
+}
+//# sourceMappingURL=css-inject.js.map

package/dist/vite/plugin-config.js

@@ -21,6 +21,7 @@ import MagicString from "magic-string";
 import { UI_EXTERNALS } from "./externals.js";
 import { serveExternals } from "./serve-externals.js";
 import { stratosDevServer } from "./stratos-dev-server.js";
+import { cssInject } from "./css-inject.js";
 /** Modules external in background builds (available in Electron main process) */
 const BG_EXTERNALS = ["electron", "socket.io-client"];
 /** Node.js built-in modules to externalize in background builds */
@@ -241,6 +242,7 @@ function createUIConfig(pluginDir, entry, extraConfig) {
             },
             sourcemap: true,
             minify: isProduction ? "esbuild" : false,
+            assetsInlineLimit: 10 * 1024 * 1024,
         },
         esbuild: {
             jsx: "automatic",
@@ -252,6 +254,7 @@ function createUIConfig(pluginDir, entry, extraConfig) {
             serveExternals(),
             stratosDevServer({ pluginDir }),
             stratosExternals(),
+            cssInject(),
             copyPluginAssets(pluginDir),
             ...(extraConfig?.plugins ?? []),
         ],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyvexsoftware/stratos-sdk",
-  "version": "0.1.14",
+  "version": "0.1.16",
   "description": "Plugin SDK for Stratos — types, hooks, and UI components",
   "author": {
     "name": "Skyvex Software",