@powerhousedao/connect 1.0.0-sky.189 → 1.0.1-dev.0

package/dist/studio/index.js

@@ -1,559 +0,0 @@
-// studio/index.ts
-import { Command } from "commander";
-import fs4 from "node:fs";
-import { dirname, isAbsolute, join as join3, resolve } from "node:path";
-
-// studio/server.ts
-import { exec } from "node:child_process";
-import fs3 from "node:fs";
-import { join as join2 } from "node:path";
-import { fileURLToPath as fileURLToPath2 } from "node:url";
-import { createLogger, createServer } from "vite";
-import { viteEnvs } from "vite-envs";
-
-// studio/helpers.ts
-import fs from "node:fs";
-import { join } from "node:path";
-import { fileURLToPath } from "node:url";
-var studioDirname = fileURLToPath(new URL(".", import.meta.url));
-var appPath = join(studioDirname, "..");
-function backupIndexHtml(restore = false) {
-  const filePath = join(appPath, "index.html");
-  const backupPath = join(appPath, "index.html.bak");
-  const paths = restore ? [backupPath, filePath] : [filePath, backupPath];
-  if (fs.existsSync(paths[0])) {
-    fs.copyFileSync(paths[0], paths[1]);
-  }
-}
-function removeBase64EnvValues() {
-  backupIndexHtml();
-  const filePath = join(appPath, "index.html");
-  fs.readFile(filePath, "utf-8", (err, data) => {
-    if (err) {
-      console.error("Error reading file:", err);
-      return;
-    }
-    const modifiedData = data.replace(
-      /"LOCAL_DOCUMENT_MODELS":\s*".*?",/,
-      `"LOCAL_DOCUMENT_MODELS": "",`
-    ).replace(
-      /"LOCAL_DOCUMENT_EDITORS":\s*".*?"/,
-      `"LOCAL_DOCUMENT_EDITORS": ""`
-    );
-    fs.writeFile(filePath, modifiedData, "utf-8", (err2) => {
-      if (err2) {
-        console.error("Error writing file:", err2);
-        return;
-      }
-    });
-  });
-}
-
-// studio/vite-plugin.ts
-import fs2 from "node:fs";
-import path from "node:path";
-import {
-  normalizePath
-} from "vite";
-var LOCAL_DOCUMENT_MODELS_IMPORT = "LOCAL_DOCUMENT_MODELS";
-var LOCAL_DOCUMENT_EDITORS_IMPORT = "LOCAL_DOCUMENT_EDITORS";
-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) : void 0;
-  const LOCAL_DOCUMENT_EDITORS_PATH = LOCAL_DOCUMENT_EDITORS ? path.resolve(process.cwd(), LOCAL_DOCUMENT_EDITORS) : void 0;
-  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
-    );
-  }
-  return config;
-}
-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) {
-    console.log(
-      `Watching local document models at '${documentModelsPath}'...`
-    );
-    try {
-      fs2.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 {
-      fs2.watch(
-        editorsPath,
-        {
-          recursive: true
-        },
-        (event, filename) => {
-          refreshEditorsWithDebounce();
-        }
-      );
-    } catch (e) {
-      console.error("Error watching local document models", e);
-    }
-  }
-}
-function viteIgnoreStaticImport(importKeys) {
-  return {
-    name: "vite-plugin-ignore-static-import",
-    enforce: "pre",
-    // vite will still append /@id/ to an external import
-    // so this will rewrite the 'vite:import-analysis' prefix
-    configResolved(resolvedConfig) {
-      const values = importKeys.map(
-        (key) => typeof key === "string" ? key : key.source
-      );
-      const reg = new RegExp(
-        `("|')\\/@id\\/(${values.join("|")})(\\/[^"'\\\\]*)?\\1`,
-        "g"
-      );
-      resolvedConfig.plugins.push({
-        name: "vite-plugin-ignore-static-import-replace-idprefix",
-        transform: (code) => {
-          const matches = code.matchAll(reg);
-          for (const match of matches) {
-            code = code.replaceAll(
-              match[0],
-              match[0].replace("/@id/", "")
-            );
-          }
-          return code;
-        }
-      });
-    },
-    // prevents the external import from being transformed to 'node_modules/...'
-    resolveId: (id) => {
-      if (importKeys.some(
-        (key) => typeof key === "string" ? key === id : key.test(id)
-      )) {
-        return { id, external: true };
-      }
-    },
-    // returns empty string to prevent "Pre-transform error: Failed to load url"
-    load(id) {
-      if (importKeys.some(
-        (key) => typeof key === "string" ? key === id : key.test(id)
-      )) {
-        return "";
-      }
-    }
-  };
-}
-function viteConnectDevStudioPlugin(enabled = false, env) {
-  const studioConfig = getStudioConfig(env);
-  const importKeys = [
-    LOCAL_DOCUMENT_MODELS_IMPORT,
-    LOCAL_DOCUMENT_EDITORS_IMPORT
-  ];
-  const localDocumentModelsPath = studioConfig[LOCAL_DOCUMENT_MODELS_IMPORT];
-  const localDocumentEditorsPath = studioConfig[LOCAL_DOCUMENT_EDITORS_IMPORT];
-  return [
-    enabled && viteIgnoreStaticImport([
-      "react",
-      "react-dom",
-      "@powerhousedao/scalars",
-      "@powerhousedao/design-system"
-    ]),
-    {
-      name: "vite-plugin-connect-dev-studio",
-      enforce: "pre",
-      config(config) {
-        if (!localDocumentModelsPath && !localDocumentEditorsPath) {
-          return;
-        }
-        const resolve2 = config.resolve ?? {};
-        const alias = resolve2.alias;
-        let resolvedAlias;
-        if (Array.isArray(alias)) {
-          const arrayAlias = [...alias];
-          if (localDocumentModelsPath) {
-            arrayAlias.push({
-              find: LOCAL_DOCUMENT_MODELS_IMPORT,
-              replacement: localDocumentModelsPath
-            });
-          }
-          if (localDocumentEditorsPath) {
-            arrayAlias.push({
-              find: LOCAL_DOCUMENT_EDITORS_IMPORT,
-              replacement: localDocumentEditorsPath
-            });
-          }
-          resolvedAlias = arrayAlias;
-        } else if (typeof alias === "object") {
-          resolvedAlias = { ...alias, ...studioConfig };
-        } else if (typeof alias === "undefined") {
-          resolvedAlias = { ...studioConfig };
-        } else {
-          console.error("resolve.alias was not recognized");
-        }
-        if (resolvedAlias) {
-          resolve2.alias = resolvedAlias;
-          config.resolve = resolve2;
-        }
-      },
-      configureServer(server) {
-        watchLocalFiles(
-          server,
-          localDocumentModelsPath,
-          localDocumentEditorsPath
-        );
-      },
-      resolveId: (id) => {
-        if (importKeys.includes(id)) {
-          return {
-            id,
-            external: true
-          };
-        }
-      }
-    }
-  ];
-}
-var viteLoadExternalProjects = (enabled = false, _projectsImportPath) => {
-  const moduleName = "EXTERNAL_PROJECTS";
-  const importKeys = [moduleName];
-  const projectsImportPath = normalizePath(_projectsImportPath || "");
-  return [
-    {
-      name: "vite-load-projects",
-      enforce: "pre",
-      config(config) {
-        if (!enabled) return;
-        if (!projectsImportPath || projectsImportPath === "") {
-          return;
-        }
-        const resolve2 = config.resolve ?? {};
-        const alias = resolve2.alias;
-        let resolvedAlias;
-        if (Array.isArray(alias)) {
-          const arrayAlias = [...alias];
-          arrayAlias.push({
-            find: moduleName,
-            replacement: projectsImportPath
-          });
-          resolvedAlias = arrayAlias;
-        } else if (typeof alias === "object") {
-          resolvedAlias = {
-            ...alias,
-            [moduleName]: projectsImportPath
-          };
-        } else if (typeof alias === "undefined") {
-          resolvedAlias = { [moduleName]: projectsImportPath };
-        } else {
-          console.error("resolve.alias was not recognized");
-        }
-        if (resolvedAlias) {
-          resolve2.alias = resolvedAlias;
-          config.resolve = resolve2;
-        }
-        console.log("resolvedAlias", config.resolve?.alias);
-      },
-      resolveId: (id) => {
-        if (importKeys.includes(id)) {
-          return {
-            id,
-            external: true
-          };
-        }
-      }
-    }
-  ];
-};
-
-// studio/server.ts
-var studioDirname2 = fileURLToPath2(new URL(".", import.meta.url));
-var appPath2 = join2(studioDirname2, "..");
-var viteEnvsScript = join2(appPath2, "vite-envs.sh");
-var projectRoot = process.cwd();
-var logger = createLogger();
-var loggerWarn = logger.warn;
-logger.warn = (msg, options) => {
-  if (msg.includes("The above dynamic import cannot be analyzed by Vite.")) {
-    return;
-  }
-  loggerWarn(msg, options);
-};
-function ensureNodeVersion(minVersion = "20") {
-  const version = process.versions.node;
-  if (!version) {
-    return;
-  }
-  if (version < minVersion) {
-    console.error(
-      `Node version ${minVersion} or higher is required. Current version: ${version}`
-    );
-    process.exit(1);
-  }
-}
-function runShellScriptPlugin(scriptPath) {
-  return {
-    name: "vite-plugin-run-shell-script",
-    buildStart() {
-      if (fs3.existsSync(scriptPath)) {
-        exec(`sh ${scriptPath}`, (error, stdout, stderr) => {
-          if (error) {
-            console.error(
-              `Error executing the script: ${error.message}`
-            );
-            removeBase64EnvValues();
-            return;
-          }
-          if (stderr) {
-            console.error(stderr);
-          }
-        });
-      }
-    }
-  };
-}
-async function startServer(options = {}) {
-  const { enableExternalProjects = true } = options;
-  ensureNodeVersion();
-  backupIndexHtml(true);
-  const PORT = process.env.PORT ? parseInt(process.env.PORT) : 3e3;
-  const HOST = process.env.HOST ? process.env.HOST : "0.0.0.0";
-  const OPEN_BROWSER = typeof process.env.OPEN_BROWSER === "string" ? process.env.OPEN_BROWSER === "true" : true;
-  const studioConfig = getStudioConfig();
-  if (!fs3.existsSync(join2(appPath2, "src"))) {
-    fs3.mkdirSync(join2(appPath2, "src"));
-  }
-  process.env.PH_CONNECT_STUDIO_MODE = "true";
-  const config = {
-    customLogger: logger,
-    configFile: false,
-    root: appPath2,
-    server: {
-      port: PORT,
-      open: OPEN_BROWSER,
-      host: HOST
-    },
-    resolve: {
-      alias: {
-        jszip: "jszip/dist/jszip.min.js",
-        // Resolve to the node_modules in the project root
-        "@powerhousedao/design-system/scalars": join2(
-          projectRoot,
-          "node_modules",
-          "@powerhousedao",
-          "design-system",
-          "dist",
-          "scalars"
-        ),
-        "@powerhousedao/design-system": join2(
-          projectRoot,
-          "node_modules",
-          "@powerhousedao",
-          "design-system"
-        ),
-        "@powerhousedao/scalars": join2(
-          projectRoot,
-          "node_modules",
-          "@powerhousedao",
-          "scalars"
-        ),
-        "document-model-libs": join2(
-          projectRoot,
-          "node_modules",
-          "document-model-libs"
-        ),
-        react: join2(projectRoot, "node_modules", "react"),
-        "react-dom": join2(projectRoot, "node_modules", "react-dom")
-      }
-    },
-    plugins: [
-      viteConnectDevStudioPlugin(true),
-      viteLoadExternalProjects(
-        enableExternalProjects,
-        options.projectsImportPath
-      ),
-      viteEnvs({
-        declarationFile: join2(studioDirname2, "../.env"),
-        computedEnv: studioConfig
-      }),
-      runShellScriptPlugin(viteEnvsScript)
-    ],
-    build: {
-      rollupOptions: {
-        input: "index.html"
-      }
-    }
-  };
-  const server = await createServer(config);
-  await server.listen();
-  server.printUrls();
-  server.bindCLIShortcuts({ print: true });
-}
-
-// studio/index.ts
-var IMPORT_SCRIPT_FILE = "projects-import.js";
-var projectRoot2 = process.cwd();
-var readJsonFile = (filePath) => {
-  try {
-    const absolutePath = resolve(filePath);
-    const fileContents = fs4.readFileSync(absolutePath, "utf-8");
-    return JSON.parse(fileContents);
-  } catch (error) {
-    console.error(`Error reading file: ${filePath}`);
-    return null;
-  }
-};
-function mapProjects(packages) {
-  if (!packages) {
-    return [];
-  }
-  return packages.map((pkg) => ({
-    name: pkg.packageName,
-    path: join3(
-      projectRoot2,
-      "node_modules",
-      pkg.packageName,
-      "dist",
-      "es",
-      "index.js"
-    )
-  }));
-}
-function generateImportSctipt(outputPath, projects) {
-  const importScriptFilePath = join3(outputPath, IMPORT_SCRIPT_FILE);
-  if (!fs4.existsSync(outputPath)) {
-    fs4.mkdirSync(outputPath, { recursive: true });
-  }
-  if (!fs4.existsSync(importScriptFilePath)) {
-    fs4.writeFileSync(importScriptFilePath, "");
-  }
-  const imports = [];
-  const moduleNames = [];
-  let counter = 0;
-  for (const project of projects) {
-    if (fs4.existsSync(project.path)) {
-      const moduleName = `module${counter}`;
-      moduleNames.push(moduleName);
-      imports.push(`import * as ${moduleName} from '${project.path}';`);
-      counter++;
-    } else {
-      console.error(
-        `Can not import project: ${project.name}, file not found: ${project.path}. Did you build the project or install it?`
-      );
-    }
-  }
-  const exportStatement = `export default [${moduleNames.join(", ")}];`;
-  const fileContent = `${imports.join("\n")}
-
-${exportStatement}`;
-  fs4.writeFileSync(importScriptFilePath, fileContent);
-}
-function startConnectStudio(options) {
-  let serverOptions = {};
-  if (options.port) {
-    process.env.PORT = options.port;
-  }
-  if (options.host) {
-    process.env.HOST = options.host.toString();
-  }
-  if (options.configFile) {
-    const config = readJsonFile(options.configFile);
-    if (!config) return;
-    const configFileDir = dirname(options.configFile);
-    if (config.packages && config.packages.length > 0) {
-      const packages = mapProjects(config.packages);
-      generateImportSctipt(configFileDir, packages);
-      process.env.LOAD_EXTERNAL_PROJECTS = "true";
-      serverOptions = {
-        enableExternalProjects: true,
-        projectsImportPath: resolve(configFileDir, IMPORT_SCRIPT_FILE)
-      };
-    } else {
-      process.env.LOAD_EXTERNAL_PROJECTS = "false";
-      serverOptions = { enableExternalProjects: false };
-    }
-    if (config.documentModelsDir) {
-      process.env.LOCAL_DOCUMENT_MODELS = isAbsolute(
-        config.documentModelsDir
-      ) ? config.documentModelsDir : join3(configFileDir, config.documentModelsDir);
-    }
-    if (config.editorsDir) {
-      process.env.LOCAL_DOCUMENT_EDITORS = isAbsolute(config.editorsDir) ? config.editorsDir : join3(configFileDir, config.editorsDir);
-    }
-    if (config.studio?.port) {
-      process.env.PORT = config.studio.port.toString();
-    }
-    if (typeof config.studio?.openBrowser === "boolean") {
-      process.env.OPEN_BROWSER = config.studio.openBrowser.toString();
-    }
-    if (config.studio?.host) {
-      process.env.HOST = config.studio.host;
-    }
-  } else {
-    process.env.LOAD_EXTERNAL_PROJECTS = "false";
-    serverOptions = { enableExternalProjects: false };
-  }
-  if (options.localEditors) {
-    process.env.LOCAL_DOCUMENT_EDITORS = options.localEditors;
-  }
-  if (options.localDocuments) {
-    process.env.LOCAL_DOCUMENT_MODELS = options.localDocuments;
-  }
-  return startServer(serverOptions).catch((error) => {
-    throw error;
-  });
-}
-var program = new Command();
-program.name("Connect Studio").description("Connect Studio CLI").option("-p, --port <port>", "Port to run the server on", "3000").option("-h, --host", "Expose the server to the network").option(
-  "--config-file <configFile>",
-  "Path to the powerhouse.config.js file"
-).option(
-  "-le, --local-editors <localEditors>",
-  "Link local document editors path"
-).option(
-  "-ld, --local-documents <localDocuments>",
-  "Link local documents path"
-).action(startConnectStudio);
-program.command("help").description("Display help information").action(() => {
-  program.help();
-});
-export {
-  generateImportSctipt,
-  program,
-  startConnectStudio
-};

package/dist/studio/server.d.ts

@@ -1,5 +0,0 @@
-export type StartServerOptions = {
-    projectsImportPath?: string;
-    enableExternalProjects?: boolean;
-};
-export declare function startServer(options?: StartServerOptions): Promise<void>;

package/dist/studio/vite-plugin.d.ts

@@ -1,12 +0,0 @@
-import { PluginOption, ViteDevServer } from 'vite';
-export declare const externalIds: RegExp;
-export declare const externalImports: RegExp;
-export declare const LOCAL_DOCUMENT_MODELS_IMPORT = "LOCAL_DOCUMENT_MODELS";
-export declare const LOCAL_DOCUMENT_EDITORS_IMPORT = "LOCAL_DOCUMENT_EDITORS";
-export declare function getStudioConfig(env?: Record<string, string>): {
-    [LOCAL_DOCUMENT_MODELS_IMPORT]?: string;
-    [LOCAL_DOCUMENT_EDITORS_IMPORT]?: string;
-};
-export declare function watchLocalFiles(server: ViteDevServer, documentModelsPath?: string, editorsPath?: string): void;
-export declare function viteConnectDevStudioPlugin(enabled?: boolean, env?: Record<string, string>): PluginOption[];
-export declare const viteLoadExternalProjects: (enabled?: boolean, _projectsImportPath?: string) => PluginOption[];