@powerhousedao/builder-tools 0.9.5 → 0.9.6-dev.0

package/dist/connect-studio/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../connect-studio/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAIzE,wBAAgB,WAAW,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,QAUjE;AAED,wBAAgB,eAAe,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,UAAQ,QAS/D;AAED,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,MAAM,QAgCpD;AAED,wBAAgB,YAAY,CAAC,QAAQ,EAAE,MAAM,GAAG,gBAAgB,GAAG,IAAI,CAStE"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../connect-studio/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAIzE,wBAAgB,WAAW,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,QAUjE;AAED,wBAAgB,eAAe,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,UAAQ,QAS/D;AAED,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,MAAM,QAiCpD;AAED,wBAAgB,YAAY,CAAC,QAAQ,EAAE,MAAM,GAAG,gBAAgB,GAAG,IAAI,CAStE"}

package/dist/connect-studio/helpers.js

@@ -29,6 +29,7 @@ export function removeBase64EnvValues(appPath) {
             return;
         }
         // Use regex to replace the dynamic Base64 values with empty strings
+        // TODO is this needed?
         const modifiedData = data
             .replace(/"LOCAL_DOCUMENT_MODELS":\s*".*?",/, `"LOCAL_DOCUMENT_MODELS": "",`)
             .replace(/"LOCAL_DOCUMENT_EDITORS":\s*".*?"/, `"LOCAL_DOCUMENT_EDITORS": ""`);

package/dist/connect-studio/index.d.ts

@@ -1,8 +1,7 @@
 export { backupIndexHtml, removeBase64EnvValues } from "./helpers.js";
-export { hmr } from "./hmr.js";
 export { startConnectStudio } from "./studio.js";
 export type { ConnectStudioOptions } from "./types.js";
-export { externalIds, getStudioConfig } from "./vite-plugins/base.js";
+export { externalIds } from "./vite-plugins/base.js";
 export { viteLoadExternalPackages } from "./vite-plugins/external-packages.js";
 export { generateImportMapPlugin } from "./vite-plugins/importmap.js";
 export { viteConnectDevStudioPlugin } from "./vite-plugins/studio.js";

package/dist/connect-studio/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../connect-studio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AACtE,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,YAAY,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAC;AAC/E,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../connect-studio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,YAAY,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAC;AAC/E,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/connect-studio/index.js

@@ -1,7 +1,6 @@
 export { backupIndexHtml, removeBase64EnvValues } from "./helpers.js";
-export { hmr } from "./hmr.js";
 export { startConnectStudio } from "./studio.js";
-export { externalIds, getStudioConfig } from "./vite-plugins/base.js";
+export { externalIds } from "./vite-plugins/base.js";
 export { viteLoadExternalPackages } from "./vite-plugins/external-packages.js";
 export { generateImportMapPlugin } from "./vite-plugins/importmap.js";
 export { viteConnectDevStudioPlugin } from "./vite-plugins/studio.js";

package/dist/connect-studio/server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../connect-studio/server.ts"],"names":[],"mappings":"AAiBA,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAkErD,wBAAsB,WAAW,CAC/B,OAAO,GAAE,kBAER,iBAoFF"}
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../connect-studio/server.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAiErD,wBAAsB,WAAW,CAC/B,OAAO,GAAE,kBAER,iBAyFF"}

package/dist/connect-studio/server.js

@@ -1,4 +1,6 @@
+import tailwindcss from "@tailwindcss/vite";
 import basicSsl from "@vitejs/plugin-basic-ssl";
+import viteReact from "@vitejs/plugin-react";
 import { exec } from "node:child_process";
 import fs from "node:fs";
 import { createRequire } from "node:module";
@@ -6,7 +8,6 @@ import { join, resolve } from "node:path";
 import { createLogger, createServer, } from "vite";
 import { viteEnvs } from "vite-envs";
 import { backupIndexHtml, copyConnect, removeBase64EnvValues, } from "./helpers.js";
-import { getStudioConfig } from "./vite-plugins/base.js";
 import { viteLoadExternalPackages } from "./vite-plugins/external-packages.js";
 import { generateImportMapPlugin } from "./vite-plugins/importmap.js";
 import { viteConnectDevStudioPlugin } from "./vite-plugins/studio.js";
@@ -81,14 +82,13 @@ export async function startServer(options = {
     const OPEN_BROWSER = typeof process.env.OPEN_BROWSER === "string"
         ? process.env.OPEN_BROWSER === "true"
         : false;
-    const studioConfig = getStudioConfig();
     // needed for viteEnvs
     if (!fs.existsSync(join(studioPath, "src"))) {
         fs.mkdirSync(join(studioPath, "src"));
     }
     process.env.PH_CONNECT_STUDIO_MODE = "true";
     process.env.PH_CONNECT_CLI_VERSION = options.phCliVersion;
-    const computedEnv = { ...studioConfig, LOG_LEVEL: options.logLevel };
+    const computedEnv = { LOG_LEVEL: options.logLevel };
     const config = {
         customLogger: logger,
         configFile: false,
@@ -113,8 +113,14 @@ export async function startServer(options = {
             dedupe: ["@powerhousedao/reactor-browser"],
         },
         plugins: [
+            tailwindcss(),
+            viteReact({
+                // includes js|jsx|ts|tsx)$/ inside projectRoot
+                include: [join(projectRoot, "**/*.(js|jsx|ts|tsx)")],
+                exclude: ["node_modules", join(studioPath, "assets/*.js")],
+            }),
             viteConnectDevStudioPlugin(true, studioPath),
-            viteLoadExternalPackages(options.packages, studioPath, true),
+            viteLoadExternalPackages(true, options.packages, studioPath),
             viteEnvs({
                 declarationFile: join(studioPath, ".env"),
                 computedEnv,

package/dist/connect-studio/studio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"studio.d.ts","sourceRoot":"","sources":["../../connect-studio/studio.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,oBAAoB,EAA2B,MAAM,YAAY,CAAC;AAEhF,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,oBAAoB,6BA8E/D"}
+{"version":3,"file":"studio.d.ts","sourceRoot":"","sources":["../../connect-studio/studio.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,oBAAoB,EAA2B,MAAM,YAAY,CAAC;AAEhF,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,oBAAoB,6BAsE/D"}

package/dist/connect-studio/studio.js

@@ -43,12 +43,6 @@ export function startConnectStudio(options) {
     if (options.packages && options.packages.length > 0) {
         serverOptions.packages = options.packages.map((p) => p.packageName);
     }
-    if (options.localEditors) {
-        process.env.LOCAL_DOCUMENT_EDITORS = options.localEditors;
-    }
-    if (options.localDocuments) {
-        process.env.LOCAL_DOCUMENT_MODELS = options.localDocuments;
-    }
     if (options.https) {
         serverOptions.https = options.https;
     }

package/dist/connect-studio/types.d.ts

@@ -4,8 +4,6 @@ export type ConnectStudioOptions = {
     host?: boolean;
     https?: boolean;
     configFile?: string;
-    localEditors?: string;
-    localDocuments?: string;
     open?: boolean;
     packages?: {
         packageName: string;

package/dist/connect-studio/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../connect-studio/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,oBAAoB,GAAG;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE;QAAE,WAAW,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;CACvE,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;CACvE,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../connect-studio/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,oBAAoB,GAAG;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE;QAAE,WAAW,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;CACvE,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;CACvE,CAAC"}

package/dist/connect-studio/vite-plugins/base.d.ts

@@ -1,15 +1,6 @@
 import type { Package } from "resolve.exports";
 import { type Plugin, type PluginOption } from "vite";
 export declare const externalIds: RegExp[];
-export declare const LOCAL_DOCUMENT_MODELS_IMPORT = "LOCAL_DOCUMENT_MODELS";
-export declare const LOCAL_DOCUMENT_EDITORS_IMPORT = "LOCAL_DOCUMENT_EDITORS";
-export declare const HMR_MODULE_IMPORT = "@powerhousedao/builder-tools/connect-studio/hmr";
-export declare const STUDIO_IMPORTS: readonly ["LOCAL_DOCUMENT_MODELS", "LOCAL_DOCUMENT_EDITORS", "@powerhousedao/builder-tools/connect-studio/hmr"];
-export declare function getStudioConfig(env?: Record<string, string>): {
-    [LOCAL_DOCUMENT_MODELS_IMPORT]?: string;
-    [LOCAL_DOCUMENT_EDITORS_IMPORT]?: string;
-    LOAD_EXTERNAL_PACKAGES?: string;
-};
 export declare function viteIgnoreStaticImport(_importKeys: (string | RegExp | false | undefined)[]): Plugin;
 export declare function viteReplaceImports(imports: Record<string, string>): PluginOption;
 export declare function findPackageJson(packageName: string): Promise<{

package/dist/connect-studio/vite-plugins/base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../connect-studio/vite-plugins/base.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAGL,KAAK,MAAM,EACX,KAAK,YAAY,EAElB,MAAM,MAAM,CAAC;AAGd,eAAO,MAAM,WAAW,UAIvB,CAAC;AAEF,eAAO,MAAM,4BAA4B,0BAA0B,CAAC;AACpE,eAAO,MAAM,6BAA6B,2BAA2B,CAAC;AACtE,eAAO,MAAM,iBAAiB,oDACqB,CAAC;AAEpD,eAAO,MAAM,cAAc,iHAIjB,CAAC;AAEX,wBAAgB,eAAe,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG;IAC7D,CAAC,4BAA4B,CAAC,CAAC,EAAE,MAAM,CAAC;IACxC,CAAC,6BAA6B,CAAC,CAAC,EAAE,MAAM,CAAC;IACzC,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC,CA8BA;AAKD,wBAAgB,sBAAsB,CACpC,WAAW,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,KAAK,GAAG,SAAS,CAAC,EAAE,GACnD,MAAM,CAgER;AAED,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAC9B,YAAY,CAgDd;AAED,wBAAsB,eAAe,CAAC,WAAW,EAAE,MAAM;iBAsBT,OAAO;;GAOtD"}
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../connect-studio/vite-plugins/base.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAGL,KAAK,MAAM,EACX,KAAK,YAAY,EAClB,MAAM,MAAM,CAAC;AAGd,eAAO,MAAM,WAAW,UAIvB,CAAC;AAKF,wBAAgB,sBAAsB,CACpC,WAAW,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,KAAK,GAAG,SAAS,CAAC,EAAE,GACnD,MAAM,CAgER;AAED,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAC9B,YAAY,CAgDd;AAED,wBAAsB,eAAe,CAAC,WAAW,EAAE,MAAM;iBAsBT,OAAO;;GAOtD"}

package/dist/connect-studio/vite-plugins/base.js

@@ -1,43 +1,13 @@
 import fs from "fs/promises";
 import MagicString from "magic-string";
 import { createRequire } from "node:module";
-import path, { basename, dirname } from "node:path";
-import { normalizePath, } from "vite";
+import { basename, dirname } from "node:path";
 // matches @powerhousedao/connect, react, react-dom and all their sub-imports like react-dom/client
 export const externalIds = [
     /^react(-dom)?(\/.*)?$/,
     /^@powerhousedao\/reactor-browser(\/.*)?$/,
     /^node:.*$/,
 ];
-export const LOCAL_DOCUMENT_MODELS_IMPORT = "LOCAL_DOCUMENT_MODELS";
-export const LOCAL_DOCUMENT_EDITORS_IMPORT = "LOCAL_DOCUMENT_EDITORS";
-export const HMR_MODULE_IMPORT = "@powerhousedao/builder-tools/connect-studio/hmr";
-export const STUDIO_IMPORTS = [
-    LOCAL_DOCUMENT_MODELS_IMPORT,
-    LOCAL_DOCUMENT_EDITORS_IMPORT,
-    HMR_MODULE_IMPORT,
-];
-export function getStudioConfig(env) {
-    const config = {};
-    const LOCAL_DOCUMENT_MODELS = process.env.LOCAL_DOCUMENT_MODELS ?? env?.LOCAL_DOCUMENT_MODELS;
-    const LOCAL_DOCUMENT_EDITORS = process.env.LOCAL_DOCUMENT_EDITORS ?? env?.LOCAL_DOCUMENT_EDITORS;
-    const LOCAL_DOCUMENT_MODELS_PATH = LOCAL_DOCUMENT_MODELS
-        ? path.resolve(process.cwd(), LOCAL_DOCUMENT_MODELS)
-        : undefined;
-    const LOCAL_DOCUMENT_EDITORS_PATH = LOCAL_DOCUMENT_EDITORS
-        ? path.resolve(process.cwd(), LOCAL_DOCUMENT_EDITORS)
-        : undefined;
-    if (LOCAL_DOCUMENT_MODELS_PATH) {
-        config[LOCAL_DOCUMENT_MODELS_IMPORT] = normalizePath(LOCAL_DOCUMENT_MODELS_PATH);
-    }
-    if (LOCAL_DOCUMENT_EDITORS_PATH) {
-        config[LOCAL_DOCUMENT_EDITORS_IMPORT] = normalizePath(LOCAL_DOCUMENT_EDITORS_PATH);
-    }
-    if (typeof process.env.LOAD_EXTERNAL_PACKAGES !== "undefined") {
-        config.LOAD_EXTERNAL_PACKAGES = process.env.LOAD_EXTERNAL_PACKAGES;
-    }
-    return config;
-}
 // https://github.com/vitejs/vite/issues/6393#issuecomment-1006819717
 // vite dev server doesn't support setting dependencies as external
 // as when building the app.

package/dist/connect-studio/vite-plugins/external-packages.d.ts

@@ -1,5 +1,6 @@
 import { type PluginOption } from "vite";
 export declare const EXTERNAL_PACKAGES_IMPORT = "PH:EXTERNAL_PACKAGES";
 export declare const IMPORT_SCRIPT_FILE = "external-packages.js";
-export declare const viteLoadExternalPackages: (packages: string[] | undefined, targetDir: string, hmr?: boolean) => PluginOption[];
+export declare const LOCAL_PACKAGE_ID = "ph:local-package";
+export declare const viteLoadExternalPackages: (localPackage: boolean, packages: string[] | undefined, targetDir: string) => PluginOption[];
 //# sourceMappingURL=external-packages.d.ts.map

package/dist/connect-studio/vite-plugins/external-packages.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"external-packages.d.ts","sourceRoot":"","sources":["../../../connect-studio/vite-plugins/external-packages.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,MAAM,CAAC;AAOzC,eAAO,MAAM,wBAAwB,yBAAyB,CAAC;AAC/D,eAAO,MAAM,kBAAkB,yBAAyB,CAAC;AAqCzD,eAAO,MAAM,wBAAwB,GACnC,UAAU,MAAM,EAAE,GAAG,SAAS,EAC9B,WAAW,MAAM,EACjB,aAAW,KACV,YAAY,EA8Cd,CAAC"}
+{"version":3,"file":"external-packages.d.ts","sourceRoot":"","sources":["../../../connect-studio/vite-plugins/external-packages.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,YAAY,EAAsB,MAAM,MAAM,CAAC;AAE7D,eAAO,MAAM,wBAAwB,yBAAyB,CAAC;AAC/D,eAAO,MAAM,kBAAkB,yBAAyB,CAAC;AACzD,eAAO,MAAM,gBAAgB,qBAAqB,CAAC;AAmGnD,eAAO,MAAM,wBAAwB,GACnC,cAAc,OAAO,EACrB,UAAU,MAAM,EAAE,GAAG,SAAS,EAC9B,WAAW,MAAM,KAChB,YAAY,EAwDd,CAAC"}

package/dist/connect-studio/vite-plugins/external-packages.js

@@ -1,18 +1,16 @@
 import { getConfig } from "@powerhousedao/config/powerhouse";
+import { exec } from "node:child_process";
 import fs from "node:fs";
-import { join } from "node:path";
-import { viteIgnoreStaticImport, viteReplaceImports } from "./base.js";
-// TODO use config path?
-const __dirname = join(process.cwd(), ".ph/");
-// import.meta.dirname || dirname(fileURLToPath(import.meta.url));
+import { dirname, join } from "node:path";
 export const EXTERNAL_PACKAGES_IMPORT = "PH:EXTERNAL_PACKAGES";
 export const IMPORT_SCRIPT_FILE = "external-packages.js";
-function generateImportScript(packages, targetDir) {
+export const LOCAL_PACKAGE_ID = "ph:local-package";
+function generateImportScript(packages, targetPath, localPackage) {
     // create file if it doesn't exist, also create path if it doesn't exist (recursive)
+    const targetDir = dirname(targetPath);
     if (!fs.existsSync(targetDir)) {
         fs.mkdirSync(targetDir, { recursive: true });
     }
-    const scriptPath = join(targetDir, IMPORT_SCRIPT_FILE);
     const imports = [];
     const moduleNames = [];
     let counter = 0;
@@ -23,50 +21,105 @@ function generateImportScript(packages, targetDir) {
         imports.push(`import '${packageName}/style.css';`);
         counter++;
     }
+    const exports = moduleNames.map((name, index) => `{
+      id: "${packages[index]}",
+      ...${name},
+    }`);
+    if (localPackage) {
+        const moduleName = `module${counter}`;
+        imports.push(`import * as ${moduleName} from '../../index.js';`);
+        imports.push(`import '../../style.css';`);
+        exports.push(`{
+      id: "${LOCAL_PACKAGE_ID}",
+      ...${moduleName},
+    }`);
+    }
     const exportStatement = `export default [
-        ${moduleNames
-        .map((name, index) => `{
-            id: "${packages[index]}",
-            ...${name},
-        }`)
-        .join(",\n")}
+        ${exports.join(",\n")}
     ];`;
     const fileContent = `${imports.join("\n")}\n\n${exportStatement}`;
-    fs.writeFileSync(scriptPath, fileContent);
-    return scriptPath;
+    fs.writeFileSync(targetPath, fileContent);
+    return targetPath;
 }
-export const viteLoadExternalPackages = (packages, targetDir, hmr = false) => {
-    if (!packages?.length && !hmr) {
-        return [viteIgnoreStaticImport([EXTERNAL_PACKAGES_IMPORT])];
-    }
-    const importScriptPath = generateImportScript(packages ?? [], targetDir);
-    process.env.LOAD_EXTERNAL_PACKAGES = "true";
+const handleExternalPackageEvents = (server) => {
+    server.ws.on("studio:add-external-package", (data, client) => {
+        const { name } = data;
+        const installProcess = exec(`ph install ${name}`, {
+            cwd: process.cwd(),
+        }, (error) => {
+            if (error) {
+                console.error(`\t[${name}]: ${error.message}`);
+            }
+            else {
+                server.ws.send("studio:external-package-added", {
+                    name,
+                });
+            }
+        });
+        installProcess.stdout?.on("data", (data) => {
+            console.log(`\t[${name}]: ${data.toString().trim()}`);
+        });
+        console.log("Installing external package:", name);
+    });
+    server.ws.on("studio:remove-external-package", (data, client) => {
+        const { name } = data;
+        const uninstallProcess = exec(`ph uninstall ${name}`, {
+            cwd: process.cwd(),
+        }, (error) => {
+            if (error) {
+                console.error(`\t[${name}]: ${error.message}`);
+            }
+            else {
+                server.ws.send("studio:external-package-removed", {
+                    name,
+                });
+            }
+        });
+        uninstallProcess.stdout?.on("data", (data) => {
+            console.log(`\t[${name}]: ${data.toString().trim()}`);
+        });
+        console.log("Removing external package:", name);
+    });
+};
+export const viteLoadExternalPackages = (localPackage, packages, targetDir) => {
+    const importPath = join(targetDir, IMPORT_SCRIPT_FILE);
     return [
-        viteReplaceImports({ [EXTERNAL_PACKAGES_IMPORT]: importScriptPath }),
-        hmr && {
-            name: "vite-plugin-studio-external-packages",
-            handleHotUpdate({ file, server, modules }) {
+        {
+            name: "vite-plugin-ph-external-packages",
+            closeBundle() {
+                generateImportScript(packages ?? [], importPath, localPackage);
+            },
+            configureServer(server) {
+                generateImportScript(packages ?? [], importPath, localPackage);
+                handleExternalPackageEvents(server);
+            },
+            handleHotUpdate({ file, server, modules, timestamp }) {
                 if (file.endsWith("powerhouse.config.json")) {
                     const config = getConfig(file);
-                    generateImportScript(config.packages?.map((p) => p.packageName) ?? [], targetDir);
+                    generateImportScript(config.packages?.map((p) => p.packageName) ?? [], importPath, true);
                     config.packages?.forEach((pkg) => console.log("-> Loading package:", pkg.packageName));
-                    const module = server.moduleGraph.getModuleById(IMPORT_SCRIPT_FILE);
+                    const module = server.moduleGraph.getModuleById(importPath);
                     if (module) {
                         server.moduleGraph.invalidateModule(module);
                         return [module].concat(...module.importers.values());
                     }
                 }
-                else if (file === IMPORT_SCRIPT_FILE) {
+                else if (file === importPath) {
                     modules
-                        .filter((module) => module.id === IMPORT_SCRIPT_FILE)
+                        .filter((module) => module.id === importPath)
                         .forEach((module) => {
                         server.ws.send("studio:external-packages-updated", {
                             url: module.url,
-                            timestamp: module.lastHMRTimestamp,
+                            timestamp: timestamp,
                         });
                     });
                     return modules;
                 }
+                else if (!file.startsWith(targetDir) &&
+                    !file.includes("node_modules")) {
+                    const config = getConfig(file);
+                    generateImportScript(config.packages?.map((p) => p.packageName) ?? [], importPath, localPackage);
+                }
                 return modules;
             },
         },

package/dist/connect-studio/vite-plugins/studio.d.ts

@@ -1,4 +1,3 @@
-import { type PluginOption, type ViteDevServer } from "vite";
-export declare function watchLocalFiles(server: ViteDevServer, documentModelsPath?: string, editorsPath?: string): void;
+import { type PluginOption } from "vite";
 export declare function viteConnectDevStudioPlugin(enabled: boolean | undefined, connectPath: string, env?: Record<string, string>): PluginOption[];
 //# sourceMappingURL=studio.d.ts.map

package/dist/connect-studio/vite-plugins/studio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"studio.d.ts","sourceRoot":"","sources":["../../../connect-studio/vite-plugins/studio.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,aAAa,EAAE,MAAM,MAAM,CAAC;AAa7D,wBAAgB,eAAe,CAC7B,MAAM,EAAE,aAAa,EACrB,kBAAkB,CAAC,EAAE,MAAM,EAC3B,WAAW,CAAC,EAAE,MAAM,QA8DrB;AAED,wBAAgB,0BAA0B,CACxC,OAAO,qBAAQ,EACf,WAAW,EAAE,MAAM,EACnB,GAAG,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAC3B,YAAY,EAAE,CAkFhB"}
+{"version":3,"file":"studio.d.ts","sourceRoot":"","sources":["../../../connect-studio/vite-plugins/studio.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,MAAM,CAAC;AAGzC,wBAAgB,0BAA0B,CACxC,OAAO,qBAAQ,EACf,WAAW,EAAE,MAAM,EACnB,GAAG,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAC3B,YAAY,EAAE,CAsChB"}

package/dist/connect-studio/vite-plugins/studio.js

@@ -1,64 +1,7 @@
 import fs from "node:fs";
-import path, { join } from "node:path";
-import { fileURLToPath } from "node:url";
-import { externalIds, getStudioConfig, HMR_MODULE_IMPORT, LOCAL_DOCUMENT_EDITORS_IMPORT, LOCAL_DOCUMENT_MODELS_IMPORT, STUDIO_IMPORTS, viteIgnoreStaticImport, viteReplaceImports, } from "./base.js";
-import { viteLoadHMRModule } from "./hmr.js";
-export function watchLocalFiles(server, documentModelsPath, editorsPath) {
-    const debounce = (callback, delay = 100) => {
-        let timeout;
-        return function () {
-            clearTimeout(timeout);
-            timeout = setTimeout(() => {
-                callback();
-            }, delay);
-        };
-    };
-    const refreshModelsWithDebounce = debounce(() => {
-        console.log(`Local document models changed, reloading Connect...`);
-        server.ws.send({
-            type: "full-reload",
-            path: "*",
-        });
-    });
-    const refreshEditorsWithDebounce = debounce(() => {
-        console.log(`Local document editors changed, reloading Connect...`);
-        server.ws.send({
-            type: "full-reload",
-            path: "*",
-        });
-    });
-    if (documentModelsPath) {
-        // Use fs to watch the file and trigger a server reload when it changes
-        console.log(`Watching local document models at '${documentModelsPath}'...`);
-        try {
-            fs.watch(documentModelsPath, {
-                recursive: true,
-            }, (event, filename) => {
-                refreshModelsWithDebounce();
-            });
-        }
-        catch (e) {
-            console.error("Error watching local document models", e);
-        }
-    }
-    if (editorsPath) {
-        console.log(`Watching local document editors at '${editorsPath}'...`);
-        try {
-            fs.watch(editorsPath, {
-                recursive: true,
-            }, (event, filename) => {
-                refreshEditorsWithDebounce();
-            });
-        }
-        catch (e) {
-            console.error("Error watching local document models", e);
-        }
-    }
-}
+import { join } from "node:path";
+import { externalIds, viteIgnoreStaticImport } from "./base.js";
 export function viteConnectDevStudioPlugin(enabled = false, connectPath, env) {
-    const studioConfig = getStudioConfig(env);
-    const localDocumentModelsPath = studioConfig[LOCAL_DOCUMENT_MODELS_IMPORT];
-    const localDocumentEditorsPath = studioConfig[LOCAL_DOCUMENT_EDITORS_IMPORT];
     return [
         enabled &&
             viteIgnoreStaticImport([
@@ -67,19 +10,6 @@ export function viteConnectDevStudioPlugin(enabled = false, connectPath, env) {
                 "@powerhousedao/reactor-browser",
                 ...externalIds,
             ]),
-        localDocumentModelsPath
-            ? viteReplaceImports({
-                [LOCAL_DOCUMENT_MODELS_IMPORT]: localDocumentModelsPath,
-            })
-            : viteIgnoreStaticImport([LOCAL_DOCUMENT_MODELS_IMPORT]),
-        localDocumentEditorsPath
-            ? viteReplaceImports({
-                [LOCAL_DOCUMENT_EDITORS_IMPORT]: localDocumentEditorsPath,
-            })
-            : viteIgnoreStaticImport([LOCAL_DOCUMENT_EDITORS_IMPORT]),
-        enabled
-            ? viteLoadHMRModule(connectPath)
-            : viteIgnoreStaticImport([HMR_MODULE_IMPORT]),
         {
             name: "vite-plugin-connect-dev-studio",
             enforce: "pre",
@@ -93,35 +23,16 @@ export function viteConnectDevStudioPlugin(enabled = false, connectPath, env) {
                 if (!Array.isArray(config.build.rollupOptions.external)) {
                     config.build.rollupOptions.external = [];
                 }
-                const buildStudioExternals = enabled
-                    ? [...externalIds, ...STUDIO_IMPORTS]
-                    : STUDIO_IMPORTS;
-                config.build.rollupOptions.external.push(...buildStudioExternals);
+                if (enabled) {
+                    config.build.rollupOptions.external.push(...externalIds);
+                }
             },
             closeBundle() {
                 if (!enabled) {
-                    fs.copyFileSync(fileURLToPath(import.meta.resolve("../hmr.js")), join(connectPath, "hmr.js"));
                     // Copy the .env file to the dist folder
                     fs.copyFileSync(join(connectPath, "../.env"), join(connectPath, ".env"));
                 }
             },
-            configureServer(server) {
-                watchLocalFiles(server, localDocumentModelsPath, localDocumentEditorsPath);
-            },
-            transformIndexHtml(html) {
-                if (!enabled || html.includes("editors/style.css"))
-                    return;
-                return [
-                    {
-                        tag: "link",
-                        attrs: {
-                            type: "text/css",
-                            rel: "stylesheet",
-                            href: path.join(connectPath, "../../editors/style.css"),
-                        },
-                    },
-                ];
-            },
         },
     ];
 }