mountly-vite-plugin 1.0.0

package/LICENSE

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for describing the origin of the Work and
+      reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Support. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or support.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright 2026 Jag Reehal
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+   implied. See the License for the specific language governing permissions
+   and limitations under the License.

package/dist/fragment.d.ts

@@ -0,0 +1,14 @@
+import type { Plugin } from "vite";
+export interface ManifestFragmentPluginOptions {
+    verticalId: string;
+    url: string;
+    entry?: string;
+    team?: string;
+    version?: string;
+    featureExport?: string;
+    exports?: Record<string, string>;
+    exposeEntries?: Record<string, string>;
+    outDir?: string;
+}
+/** Write `mountly.manifest.fragment.json` after a vertical build for CI merge into the host manifest. */
+export declare function mountlyManifestFragmentPlugin(options: ManifestFragmentPluginOptions): Plugin;

package/dist/host.d.ts

@@ -0,0 +1,55 @@
+import type { Plugin } from "vite";
+import { type ComposePlatformOptions } from "mountly-manifest";
+export type MountlyHostPlatformOptions = ComposePlatformOptions;
+export interface MountlyHostFragmentOptions {
+    /** Path to a built `mountly.manifest.fragment.json`, relative to the Vite root. */
+    fragment: string;
+}
+export interface MountlyHostPluginOptions {
+    /** Path to mountly-manifest v2 JSON (relative to the Vite root). */
+    manifest?: string;
+    /**
+     * Auto-compose a host manifest from built vertical fragments.
+     * React platform imports are filled in automatically.
+     */
+    verticals?: MountlyHostFragmentOptions[];
+    /**
+     * Declare remotes by published URL (federation-style): `{ checkout: "https://cdn/checkout/" }`.
+     * The host fetches each remote's `mountly.manifest.fragment.json` (the file `mountlyRemote`
+     * emits), so it auto-discovers the remote's exposes, types, and entry — no local fragment
+     * file, no `shared` config. Each key becomes the import specifier (`import("checkout/Cart")`).
+     * The value is the directory URL the remote's `dist/` is served from, or a direct fragment URL.
+     */
+    remotes?: Record<string, string>;
+    /** Platform import-map settings used in auto-compose mode. */
+    platform?: MountlyHostPlatformOptions;
+    /**
+     * Dev-only origin overrides per vertical id (e.g. `{ payments: "http://localhost:5001" }`).
+     * Subpath exports resolve against this origin when the manifest URL is CDN-relative.
+     */
+    devOrigins?: Record<string, string>;
+    /** Inject `<script type="importmap">` during production HTML transform. Default true. */
+    injectImportMap?: boolean;
+    /**
+     * Generate ambient module declarations for manifest remotes.
+     * Default: `src/mountly-remotes.d.ts` when `src/` exists, otherwise `mountly-remotes.d.ts`.
+     */
+    types?: boolean | {
+        outFile?: string;
+        strict?: boolean;
+    };
+    /** Throw when a fragment file is missing. Default true. */
+    strictFragments?: boolean;
+    /** Write the composed manifest JSON to this path (relative to Vite root) for CI or plain HTML hosts. */
+    writeManifest?: string;
+}
+/**
+ * Apply Vite's `base` to a site-relative import-map URL.
+ *
+ * Import maps are resolved against the document, not the bundler, so a host
+ * deployed under a sub-path (GitHub Pages, a reverse proxy) needs `base` baked
+ * into the emitted URLs — otherwise `/remote/dist/x.js` requests the server
+ * root and 404s. Absolute URLs and data: URIs are left alone.
+ */
+export declare function applyBaseToImportUrl(url: string, base: string): string;
+export declare function mountlyHostPlugin(options: MountlyHostPluginOptions): Plugin;

package/dist/index.d.ts

@@ -0,0 +1,62 @@
+import type { Plugin, UserConfig } from "vite";
+export { mountlyHostPlugin, type MountlyHostPluginOptions } from "./host.js";
+export { mountlyManifestFragmentPlugin, type ManifestFragmentPluginOptions } from "./fragment.js";
+export type MountlyWidgetFramework = "react" | "vue" | "svelte";
+export declare function getFrameworkPeerExternals(framework: MountlyWidgetFramework): Array<string | RegExp>;
+export declare function getSelfContainedExternals(framework: MountlyWidgetFramework): Array<string | RegExp>;
+export declare function mountlyCssAsText(): Plugin;
+export interface MountlyWidgetPluginOptions {
+    framework?: MountlyWidgetFramework;
+}
+export declare function mountlyWidgetPlugin(_options?: MountlyWidgetPluginOptions): Plugin[];
+export interface MountlyRemotePluginOptions {
+    /** Remote id — the bare specifier the host imports (e.g. `"checkout"` → `import("checkout")`). */
+    name: string;
+    /**
+     * Modules this remote exposes, as import-map subpaths → source files.
+     * `"."` is the root specifier; `"./Cart"` becomes `import("checkout/Cart")`.
+     */
+    exposes: Record<string, string>;
+    framework?: MountlyWidgetFramework;
+    team?: string;
+    version?: string;
+    /** Named export from the root entry that is an `OnDemandFeature` (enables `<mountly-feature>`). */
+    featureExport?: string;
+    outDir?: string;
+    minify?: boolean;
+    sourcemap?: boolean;
+}
+/**
+ * Drop-in Vite plugin for a mountly remote. Add it to `vite.config` and run `vite build` —
+ * no separate build script. It builds every `exposes` entry with the framework peers
+ * externalized (the host shares React/Vue/Svelte through its import map, so there is no
+ * `shared` config to keep in sync) and emits `mountly.manifest.fragment.json` for the host
+ * to compose. The host imports each entry as native ESM, fully typed.
+ *
+ * ```ts
+ * // vite.config.ts
+ * export default defineConfig({
+ *   plugins: [react(), mountlyRemote({
+ *     name: "checkout",
+ *     exposes: { ".": "src/index.ts", "./Cart": "src/Cart.tsx" },
+ *   })],
+ * });
+ * ```
+ */
+export declare function mountlyRemote(options: MountlyRemotePluginOptions): Plugin[];
+export interface DefineMountlyWidgetConfigOptions {
+    framework?: MountlyWidgetFramework;
+    entry?: string;
+    outDir?: string;
+    minify?: boolean;
+    sourcemap?: boolean;
+    /** Subpath exposes for import-map hosts: `"./Checkout": "src/Checkout.tsx"`. */
+    exposes?: Record<string, string>;
+    /** Vertical id for emitted manifest fragment (defaults to package name). */
+    verticalId?: string;
+    team?: string;
+    version?: string;
+    /** Named export that satisfies FeatureModule when using moduleUrl loading. */
+    featureExport?: string;
+}
+export declare function defineMountlyWidgetConfig(options?: DefineMountlyWidgetConfigOptions): UserConfig[];

package/dist/index.js

@@ -0,0 +1,767 @@
+// src/index.ts
+import { readFileSync as readFileSync2 } from "fs";
+import { exportKeyToSubpath as exportKeyToSubpath3 } from "mountly-manifest";
+
+// src/fragment.ts
+import { execFileSync } from "child_process";
+import { existsSync, mkdirSync, rmSync, writeFileSync } from "fs";
+import { dirname, join, parse, relative, resolve } from "path";
+import { fileURLToPath } from "url";
+import { exportKeyToSubpath } from "mountly-manifest";
+import { API, SymbolFlags } from "typescript/unstable/sync";
+function tscBin() {
+  return join(dirname(fileURLToPath(import.meta.resolve("typescript/package.json"))), "bin", "tsc");
+}
+function mountlyManifestFragmentPlugin(options) {
+  let outDir = options.outDir ?? "dist";
+  let root = process.cwd();
+  function findConfigFile() {
+    let dir = root;
+    for (; ; ) {
+      const candidate = join(dir, "tsconfig.json");
+      if (existsSync(candidate)) return candidate;
+      const next = dirname(dir);
+      if (next === dir || dir === parse(dir).root) return void 0;
+      dir = next;
+    }
+  }
+  function collectNamedExports(entries) {
+    const sources = entries.filter((entry) => /\.(?:[cm]?[jt]sx?)$/i.test(entry));
+    const names = /* @__PURE__ */ new Map();
+    if (sources.length === 0) return names;
+    const api = new API();
+    try {
+      const snapshot = api.updateSnapshot({ openFiles: [...sources] });
+      for (const entry of sources) {
+        const project = snapshot.getDefaultProjectForFile(entry);
+        if (!project) continue;
+        const sourceFile = project.program.getSourceFile(entry);
+        const moduleSymbol = sourceFile && project.checker.getSymbolAtLocation(sourceFile);
+        if (!moduleSymbol) continue;
+        names.set(
+          entry,
+          project.checker.getExportsOfModule(moduleSymbol).filter(
+            (symbol) => symbol.name !== "default" && (symbol.flags & (SymbolFlags.Interface | SymbolFlags.TypeAlias)) === 0
+          ).map((symbol) => symbol.name).sort()
+        );
+      }
+    } finally {
+      api.close();
+    }
+    return names;
+  }
+  function commonDir(paths) {
+    const parts = paths.map((value) => resolve(value).split("/"));
+    const shared = [];
+    for (let index = 0; ; index++) {
+      const segment = parts[0]?.[index];
+      if (segment === void 0 || parts.some((current) => current[index] !== segment)) break;
+      shared.push(segment);
+    }
+    return shared.length > 0 ? shared.join("/") || "/" : root;
+  }
+  function declarationPathFor(entry, rootDir) {
+    return relative(rootDir, entry).replace(/\.(?:[cm]?[jt]sx?)$/i, ".d.ts");
+  }
+  function emitDeclarations(entry, exposeEntries) {
+    if (!entry) return { exportDeclarations: {} };
+    const sourceEntries = [entry, ...Object.values(exposeEntries)];
+    const rootDir = commonDir(sourceEntries);
+    const declarationDir = resolve(outDir, "types");
+    mkdirSync(declarationDir, { recursive: true });
+    const emitConfigPath = join(declarationDir, "tsconfig.emit.json");
+    writeFileSync(
+      emitConfigPath,
+      JSON.stringify({
+        ...findConfigFile() ? { extends: findConfigFile() } : {},
+        compilerOptions: {
+          declaration: true,
+          emitDeclarationOnly: true,
+          declarationMap: false,
+          noEmit: false,
+          noEmitOnError: false,
+          outDir: declarationDir,
+          declarationDir,
+          rootDir
+        },
+        files: sourceEntries
+      })
+    );
+    try {
+      execFileSync(process.execPath, [tscBin(), "-p", emitConfigPath], { stdio: "pipe" });
+    } catch {
+    } finally {
+      rmSync(emitConfigPath, { force: true });
+    }
+    const exportDeclarations = {};
+    for (const [exportKey, exportEntry] of Object.entries(exposeEntries)) {
+      exportDeclarations[exportKey] = `./types/${declarationPathFor(exportEntry, rootDir)}`;
+    }
+    return {
+      rootDeclaration: `./types/${declarationPathFor(entry, rootDir)}`,
+      exportDeclarations
+    };
+  }
+  return {
+    name: "mountly:manifest-fragment",
+    configResolved(config) {
+      root = config.root;
+      outDir = resolve(root, options.outDir ?? "dist");
+    },
+    closeBundle() {
+      const entry = options.entry ? resolve(root, options.entry) : void 0;
+      const exposeEntries = Object.fromEntries(
+        Object.entries(options.exposeEntries ?? {}).map(([key, value]) => [
+          key,
+          resolve(root, value)
+        ])
+      );
+      const vertical = {
+        id: options.verticalId,
+        url: options.url
+      };
+      if (options.team) vertical.team = options.team;
+      if (options.version) vertical.version = options.version;
+      if (options.featureExport) vertical.featureExport = options.featureExport;
+      const declarations = emitDeclarations(entry, exposeEntries);
+      const namedExports = collectNamedExports([
+        ...entry ? [entry] : [],
+        ...Object.values(exposeEntries)
+      ]);
+      const moduleTypes = entry ? [...namedExports.get(entry) ?? []] : [];
+      if (options.featureExport) moduleTypes.push(options.featureExport);
+      if (options.exports && Object.keys(options.exports).length > 0) {
+        const mapped = {};
+        const typedExports = {};
+        for (const [key, value] of Object.entries(options.exports)) {
+          mapped[key] = value.startsWith("./") ? value : `./${exportKeyToSubpath(value)}`;
+          const exposeEntry = exposeEntries[key];
+          const exportNames = exposeEntry ? namedExports.get(exposeEntry) ?? [] : [];
+          const declaration = declarations.exportDeclarations[key];
+          if (exportNames.length > 0 || declaration) {
+            typedExports[key] = declaration || exportNames.length > 0 ? {
+              ...declaration ? { declaration } : {},
+              ...exportNames.length > 0 ? { names: exportNames } : {}
+            } : exportNames;
+          }
+        }
+        vertical.exports = mapped;
+        if (moduleTypes.length > 0 || declarations.rootDeclaration || Object.keys(typedExports).length > 0) {
+          vertical.types = {
+            ...declarations.rootDeclaration ? { declaration: declarations.rootDeclaration } : {},
+            ...moduleTypes.length > 0 ? { module: [...new Set(moduleTypes)].sort() } : {},
+            ...Object.keys(typedExports).length > 0 ? { exports: typedExports } : {}
+          };
+        }
+      } else if (moduleTypes.length > 0 || declarations.rootDeclaration) {
+        vertical.types = {
+          ...declarations.rootDeclaration ? { declaration: declarations.rootDeclaration } : {},
+          module: [...new Set(moduleTypes)].sort()
+        };
+      }
+      const fragment = {
+        version: "2",
+        verticals: [vertical]
+      };
+      writeFileSync(
+        join(outDir, "mountly.manifest.fragment.json"),
+        `${JSON.stringify(fragment, null, 2)}
+`
+      );
+    }
+  };
+}
+
+// src/host.ts
+import { existsSync as existsSync2, mkdirSync as mkdirSync2, readFileSync, writeFileSync as writeFileSync2 } from "fs";
+import { dirname as dirname2, join as join2, relative as relative2, resolve as resolve2 } from "path";
+import {
+  codegenManifestTypes,
+  composeManifestFromFragments,
+  defaultReactPlatformImports,
+  exportKeyToSubpath as exportKeyToSubpath2,
+  manifestRemoteSpecifiers,
+  manifestToImportMap,
+  mergeManifests,
+  parseManifest,
+  resolveExportUrl,
+  resolveRemoteImport
+} from "mountly-manifest";
+function loadManifest(manifestPath, root) {
+  const absolute = resolve2(root, manifestPath);
+  const raw = JSON.parse(readFileSync(absolute, "utf8"));
+  return parseManifest(raw);
+}
+function resolveTypesOutFile(root, manifestPath, types) {
+  if (types === false) return null;
+  if (typeof types === "object" && types.outFile) {
+    return resolve2(root, types.outFile);
+  }
+  const srcDir = join2(root, "src");
+  if (existsSync2(srcDir)) return join2(srcDir, "mountly-remotes.d.ts");
+  if (manifestPath) return join2(dirname2(resolve2(root, manifestPath)), "mountly-remotes.d.ts");
+  return join2(root, "mountly-remotes.d.ts");
+}
+function sanitizePathSegment(value) {
+  return value.replace(/[^a-zA-Z0-9._-]+/g, "_");
+}
+function extractExportNames(value) {
+  if (!value) return [];
+  return Array.isArray(value) ? value : value.names ?? [];
+}
+function exportNamesForVertical(vertical, exportKey) {
+  if (!exportKey) {
+    const names = new Set(vertical.types?.module ?? []);
+    if (vertical.featureExport) names.add(vertical.featureExport);
+    return [...names];
+  }
+  return extractExportNames(vertical.types?.exports?.[exportKey]);
+}
+function extractDeclarationPath(vertical, exportKey) {
+  const types = vertical.types;
+  if (!exportKey) return types?.declaration ?? "./types/index.d.ts";
+  const value = types?.exports?.[exportKey];
+  if (!value || Array.isArray(value)) {
+    return `./types/${exportKeyToSubpath2(exportKey)}.d.ts`;
+  }
+  return value.declaration ?? `./types/${exportKeyToSubpath2(exportKey)}.d.ts`;
+}
+function applyRemoteOrigin(url, remoteOrigin) {
+  if (!remoteOrigin) return url;
+  if (url.startsWith("/")) {
+    return `${remoteOrigin.replace(/\/$/, "")}${url}`;
+  }
+  if (url.startsWith("http://") || url.startsWith("https://")) {
+    try {
+      const parsed = new URL(url);
+      return `${remoteOrigin.replace(/\/$/, "")}${parsed.pathname}${parsed.search}`;
+    } catch {
+      return url;
+    }
+  }
+  return `${remoteOrigin.replace(/\/$/, "")}/${url.replace(/^\/+/, "")}`;
+}
+function tryResolveWorkspaceFile(root, value) {
+  if (!value.startsWith("/")) return null;
+  let current = root;
+  const suffix = value.replace(/^\/+/, "");
+  for (; ; ) {
+    const candidate = join2(current, suffix);
+    if (existsSync2(candidate)) return candidate;
+    const parent = dirname2(current);
+    if (parent === current) return null;
+    current = parent;
+  }
+}
+async function readTypeSource(root, source) {
+  if (source.startsWith("http://") || source.startsWith("https://")) {
+    const response = await fetch(source);
+    if (!response.ok) {
+      throw new Error(
+        `[mountly:host] failed to fetch remote types from ${source} (${response.status})`
+      );
+    }
+    return await response.text();
+  }
+  const file = source.startsWith("/") ? tryResolveWorkspaceFile(root, source) ?? resolve2(root, `.${source}`) : resolve2(root, source);
+  return readFileSync(file, "utf8");
+}
+function resolveReferencedTypeSource(source, specifier) {
+  const normalizedSpecifier = specifier.replace(/\.(?:[cm]?js|jsx)$/i, ".d.ts");
+  if (source.startsWith("http://") || source.startsWith("https://")) {
+    return new URL(normalizedSpecifier, source).toString();
+  }
+  return resolve2(dirname2(source), normalizedSpecifier);
+}
+function localPathForRemoteType(cacheDir, verticalId, source) {
+  if (source.startsWith("http://") || source.startsWith("https://")) {
+    const url = new URL(source);
+    return join2(
+      cacheDir,
+      sanitizePathSegment(verticalId),
+      url.hostname,
+      url.pathname.replace(/^\/+/, "")
+    );
+  }
+  return join2(
+    cacheDir,
+    sanitizePathSegment(verticalId),
+    source.startsWith("/") ? source.replace(/^\/+/, "") : source
+  );
+}
+async function materializeTypeGraph(root, verticalId, source, cacheDir, seen) {
+  const cached = seen.get(source);
+  if (cached) return cached;
+  const text = await readTypeSource(root, source);
+  const localFile = localPathForRemoteType(cacheDir, verticalId, source);
+  seen.set(source, localFile);
+  mkdirSync2(dirname2(localFile), { recursive: true });
+  writeFileSync2(localFile, text);
+  const importRegex = /(?:from\s+|import\s*\(\s*|<reference\s+path=)["'](\.[^"']+)["']/g;
+  for (const match of text.matchAll(importRegex)) {
+    const ref = match[1];
+    if (!ref) continue;
+    await materializeTypeGraph(
+      root,
+      verticalId,
+      resolveReferencedTypeSource(source, ref),
+      cacheDir,
+      seen
+    );
+  }
+  return localFile;
+}
+async function writeTypesFile(manifest, outFile, root, remotes, strict) {
+  if (!outFile) return;
+  const cacheDir = join2(dirname2(outFile), ".mountly", "remotes");
+  const declarationModules = /* @__PURE__ */ new Map();
+  const seen = /* @__PURE__ */ new Map();
+  for (const vertical of manifest.verticals) {
+    const rootSpecifier = vertical.alias ?? vertical.id;
+    const remoteOrigin = remotes[vertical.id];
+    const entries = [
+      { specifier: rootSpecifier }
+    ];
+    for (const exportKey of Object.keys(vertical.exports ?? {})) {
+      entries.push({ specifier: `${rootSpecifier}/${exportKey.replace(/^\.\//, "")}`, exportKey });
+    }
+    for (const entry of entries) {
+      const declarationPath = extractDeclarationPath(vertical, entry.exportKey);
+      if (!declarationPath) continue;
+      try {
+        const resolved = applyRemoteOrigin(
+          resolveExportUrl(vertical, declarationPath),
+          remoteOrigin
+        );
+        const localFile = await materializeTypeGraph(root, vertical.id, resolved, cacheDir, seen);
+        let modulePath = relative2(dirname2(outFile), localFile).replace(/\\/g, "/");
+        modulePath = modulePath.replace(/\.d\.ts$/i, "");
+        if (!modulePath.startsWith("./") && !modulePath.startsWith("../")) {
+          modulePath = `./${modulePath}`;
+        }
+        declarationModules.set(entry.specifier, modulePath);
+      } catch (error) {
+        const message = error instanceof Error ? error.message : String(error);
+        if (strict) {
+          throw new Error(
+            `[mountly:host] remote types unavailable for "${entry.specifier}": ${message}`
+          );
+        }
+        console.warn(
+          `[mountly:host] remote types unavailable for "${entry.specifier}": ${message}`
+        );
+      }
+    }
+  }
+  const next = codegenManifestTypes(manifest, {
+    resolveDeclarationModule: ({ specifier }) => declarationModules.get(specifier) ?? null,
+    resolveExportNames: ({ vertical, exportKey }) => exportNamesForVertical(vertical, exportKey)
+  });
+  mkdirSync2(dirname2(outFile), { recursive: true });
+  const prev = existsSync2(outFile) ? readFileSync(outFile, "utf8") : null;
+  if (prev === next) return;
+  writeFileSync2(outFile, next);
+}
+function verticalIdFromSpecifier(manifest, specifier) {
+  for (const vertical of manifest.verticals) {
+    const roots = [vertical.id, vertical.alias].filter(Boolean);
+    for (const root of roots) {
+      if (specifier === root || specifier.startsWith(`${root}/`)) {
+        return vertical.id;
+      }
+    }
+  }
+  return null;
+}
+function resolveDevUrl(manifest, specifier, remotes) {
+  const manifestUrl = resolveRemoteImport(manifest, specifier);
+  if (!manifestUrl) return null;
+  const verticalId = verticalIdFromSpecifier(manifest, specifier);
+  const remoteOrigin = verticalId ? remotes[verticalId] : void 0;
+  if (!remoteOrigin) return manifestUrl;
+  if (manifestUrl.startsWith("/")) {
+    return `${remoteOrigin.replace(/\/$/, "")}${manifestUrl}`;
+  }
+  if (manifestUrl.startsWith("http://") || manifestUrl.startsWith("https://")) {
+    try {
+      const parsed = new URL(manifestUrl);
+      return `${remoteOrigin.replace(/\/$/, "")}${parsed.pathname}${parsed.search}`;
+    } catch {
+      return manifestUrl;
+    }
+  }
+  return `${remoteOrigin.replace(/\/$/, "")}/${manifestUrl.replace(/^\/+/, "")}`;
+}
+function isRemoteSpecifier(manifest, id) {
+  if (resolveRemoteImport(manifest, id)) return true;
+  return manifest.verticals.some((vertical) => {
+    const roots = [vertical.id, vertical.alias].filter(Boolean);
+    return roots.some((root) => id.startsWith(`${root}/`));
+  });
+}
+function joinRemoteUrl(base, segment) {
+  return `${base.replace(/\/+$/, "")}/${segment.replace(/^\.?\/+/, "")}`;
+}
+function applyBaseToImportUrl(url, base) {
+  if (/^[a-z][a-z0-9+.-]*:/i.test(url) || url.startsWith("//")) return url;
+  const prefix = base.replace(/\/+$/, "");
+  if (!prefix || prefix === ".") return url;
+  if (url.startsWith("/")) return `${prefix}${url}`;
+  return `${prefix}/${url.replace(/^\.\//, "")}`;
+}
+async function fetchRemoteFragments(remotes) {
+  const verticals = [];
+  for (const [name, urlRaw] of Object.entries(remotes)) {
+    const trimmed = urlRaw.replace(/\/+$/, "");
+    const isFragmentUrl = trimmed.endsWith(".json");
+    const fragmentUrl = isFragmentUrl ? trimmed : `${trimmed}/mountly.manifest.fragment.json`;
+    const base = isFragmentUrl ? trimmed.replace(/\/[^/]*$/, "") : trimmed;
+    const response = await fetch(fragmentUrl);
+    if (!response.ok) {
+      throw new Error(
+        `[mountly:host] remote "${name}": failed to fetch ${fragmentUrl} (${response.status}) \u2014 is the remote built and served?`
+      );
+    }
+    const fragment = await response.json();
+    const fragmentVerticals = fragment.verticals ?? [];
+    for (const vertical of fragmentVerticals) {
+      const absolute = /^https?:\/\//.test(vertical.url) || vertical.url.startsWith("/") ? vertical.url : joinRemoteUrl(base, vertical.url);
+      verticals.push({
+        ...vertical,
+        // A `mountlyRemote` build emits one vertical; key it by the host's remote name.
+        id: fragmentVerticals.length === 1 ? name : vertical.id,
+        url: absolute
+      });
+    }
+  }
+  return verticals;
+}
+function mountlyHostPlugin(options) {
+  const devOrigins = options.devOrigins ?? {};
+  const injectImportMap = options.injectImportMap ?? true;
+  let urlRemoteVerticals = [];
+  let urlRemotesFetched = false;
+  const ensureUrlRemotes = async () => {
+    if (urlRemotesFetched) return;
+    urlRemotesFetched = true;
+    if (options.remotes && Object.keys(options.remotes).length > 0) {
+      urlRemoteVerticals = await fetchRemoteFragments(options.remotes);
+    }
+  };
+  const strictTypes = options.types !== false && typeof options.types === "object" ? options.types.strict ?? true : options.types !== false;
+  let manifest;
+  let root = process.cwd();
+  let isProduction = false;
+  let sourceFiles = [];
+  let typesOutFile = null;
+  let viteBase = "/";
+  const withUrlRemotes = (base) => urlRemoteVerticals.length > 0 ? mergeManifests(base, { verticals: urlRemoteVerticals }) : base;
+  const loadCurrentManifest = () => {
+    if (options.verticals?.length) {
+      const composed = composeManifestFromFragments({
+        root,
+        fragments: options.verticals.map(({ fragment }) => fragment),
+        platform: options.platform,
+        base: options.manifest,
+        strict: options.strictFragments ?? true
+      });
+      sourceFiles = composed.fragmentFiles;
+      if (options.manifest) {
+        sourceFiles.push(resolve2(root, options.manifest));
+      }
+      return withUrlRemotes(composed.manifest);
+    }
+    if (options.manifest) {
+      sourceFiles = [resolve2(root, options.manifest)];
+      return withUrlRemotes(loadManifest(options.manifest, root));
+    }
+    if (urlRemoteVerticals.length > 0) {
+      return parseManifest({
+        version: "2",
+        platform: { imports: defaultReactPlatformImports(options.platform) },
+        verticals: urlRemoteVerticals
+      });
+    }
+    throw new Error(
+      "[mountly:host] provide `manifest`, `verticals`, or `remotes` to mountlyHostPlugin()"
+    );
+  };
+  const maybeWriteManifest = (manifestToWrite) => {
+    if (!options.writeManifest) return;
+    const out = resolve2(root, options.writeManifest);
+    mkdirSync2(dirname2(out), { recursive: true });
+    writeFileSync2(out, `${JSON.stringify(manifestToWrite, null, 2)}
+`);
+  };
+  return {
+    name: "mountly:host",
+    enforce: "pre",
+    async config(_config, env) {
+      isProduction = env.command === "build";
+      await ensureUrlRemotes();
+      manifest = loadCurrentManifest();
+      maybeWriteManifest(manifest);
+      typesOutFile = resolveTypesOutFile(root, options.manifest, options.types);
+      void writeTypesFile(manifest, typesOutFile, root, devOrigins, false);
+      const external = manifestRemoteSpecifiers(manifest);
+      return {
+        build: {
+          rollupOptions: {
+            external
+          }
+        },
+        optimizeDeps: {
+          exclude: external
+        }
+      };
+    },
+    async configResolved(config) {
+      root = config.root;
+      viteBase = config.base;
+      await ensureUrlRemotes();
+      manifest = loadCurrentManifest();
+      typesOutFile = resolveTypesOutFile(root, options.manifest, options.types);
+      void writeTypesFile(manifest, typesOutFile, root, devOrigins, false);
+    },
+    async buildStart() {
+      await ensureUrlRemotes();
+      manifest = loadCurrentManifest();
+      maybeWriteManifest(manifest);
+      await writeTypesFile(manifest, typesOutFile, root, devOrigins, strictTypes);
+      for (const file of sourceFiles) this.addWatchFile(file);
+    },
+    configureServer(server) {
+      server.watcher.add(sourceFiles);
+    },
+    handleHotUpdate(ctx) {
+      if (!sourceFiles.includes(ctx.file)) return;
+      manifest = loadCurrentManifest();
+      void writeTypesFile(manifest, typesOutFile, root, devOrigins, false);
+    },
+    resolveId(id) {
+      if (!isRemoteSpecifier(manifest, id)) return null;
+      const url = isProduction ? null : resolveDevUrl(manifest, id, devOrigins);
+      if (url) {
+        return { id: url, external: true };
+      }
+      return { id, external: true };
+    },
+    transformIndexHtml: {
+      order: "pre",
+      handler(html) {
+        let next = html;
+        if (injectImportMap) {
+          const imports = Object.fromEntries(
+            Object.entries(manifestToImportMap(manifest)).map(([specifier, url]) => [
+              specifier,
+              isProduction ? applyBaseToImportUrl(url, viteBase) : resolveDevUrl(manifest, specifier, devOrigins) ?? url
+            ])
+          );
+          const snippet = `<script type="importmap">
+${JSON.stringify({ imports }, null, 2)}
+</script>`;
+          if (!next.includes('type="importmap"')) {
+            next = next.replace("<head>", `<head>
+    ${snippet}`);
+          }
+        }
+        return next;
+      }
+    }
+  };
+}
+
+// src/index.ts
+var PLATFORM_EXTERNALS = ["mountly", /^mountly\//];
+var FRAMEWORK_EXTERNALS = {
+  react: ["react", "react/jsx-runtime", "react-dom", "react-dom/client", "mountly-react"],
+  vue: ["vue", "mountly-vue"],
+  svelte: ["svelte", "mountly-svelte"]
+};
+var FRAMEWORK_BUNDLE = {
+  react: ["react", "react/jsx-runtime", "react-dom", "react-dom/client"],
+  vue: ["vue"],
+  svelte: ["svelte"]
+};
+function getFrameworkPeerExternals(framework) {
+  return [...PLATFORM_EXTERNALS, ...FRAMEWORK_EXTERNALS[framework]];
+}
+function getSelfContainedExternals(framework) {
+  return [
+    ...PLATFORM_EXTERNALS,
+    ...FRAMEWORK_EXTERNALS[framework].filter((id) => !FRAMEWORK_BUNDLE[framework].includes(id))
+  ];
+}
+function mountlyCssAsText() {
+  return {
+    name: "mountly-css-as-text",
+    enforce: "pre",
+    load(id) {
+      if (!id.endsWith(".css")) return null;
+      const source = readFileSync2(id, "utf8");
+      return {
+        code: `export default ${JSON.stringify(source)};`,
+        map: { mappings: "" }
+      };
+    }
+  };
+}
+function mountlyWidgetPlugin(_options = {}) {
+  return [mountlyCssAsText()];
+}
+function mountlyRemote(options) {
+  const framework = options.framework ?? "react";
+  const outDir = options.outDir ?? "dist";
+  const mainEntry = options.exposes["."];
+  if (!mainEntry) {
+    throw new Error('[mountly:remote] `exposes` must include a "." root entry');
+  }
+  const entry = {};
+  const exportManifestPaths = {};
+  const subpathExposes = {};
+  for (const [key, src] of Object.entries(options.exposes)) {
+    if (key === ".") {
+      entry.index = src;
+      continue;
+    }
+    const subpath = exportKeyToSubpath3(key);
+    entry[subpath] = src;
+    exportManifestPaths[key] = `./${subpath}.js`;
+    subpathExposes[key] = src;
+  }
+  return [
+    mountlyCssAsText(),
+    mountlyManifestFragmentPlugin({
+      verticalId: options.name,
+      url: "./index.js",
+      entry: mainEntry,
+      team: options.team,
+      version: options.version,
+      featureExport: options.featureExport,
+      exports: exportManifestPaths,
+      exposeEntries: subpathExposes,
+      outDir
+    }),
+    {
+      name: "mountly:remote",
+      config() {
+        return {
+          build: {
+            outDir,
+            emptyOutDir: true,
+            minify: options.minify ?? true,
+            sourcemap: options.sourcemap ?? true,
+            target: "es2020",
+            lib: {
+              entry,
+              formats: ["es"],
+              fileName: (_format, entryName) => `${entryName}.js`
+            },
+            rollupOptions: { external: getFrameworkPeerExternals(framework) }
+          }
+        };
+      }
+    }
+  ];
+}
+function defineMountlyWidgetConfig(options = {}) {
+  const {
+    framework = "react",
+    entry = "src/index.ts",
+    outDir = "dist",
+    minify = true,
+    sourcemap = true,
+    exposes = {},
+    verticalId = "widget",
+    team,
+    version,
+    featureExport
+  } = options;
+  const peerExternals = getFrameworkPeerExternals(framework);
+  const selfContainedExternals = getSelfContainedExternals(framework);
+  const externalize = (externals) => ({
+    rollupOptions: { external: externals },
+    rolldownOptions: { external: externals }
+  });
+  const sharedBuild = {
+    outDir,
+    emptyOutDir: false,
+    minify,
+    sourcemap,
+    target: "es2020",
+    lib: {
+      entry,
+      formats: ["es"]
+    }
+  };
+  const exportManifestPaths = {};
+  for (const exportKey of Object.keys(exposes)) {
+    exportManifestPaths[exportKey] = `./${exportKeyToSubpath3(exportKey)}.js`;
+  }
+  const configs = [
+    {
+      plugins: [...mountlyWidgetPlugin({ framework })],
+      build: {
+        ...sharedBuild,
+        emptyOutDir: true,
+        lib: {
+          entry,
+          formats: ["es"],
+          fileName: () => "index.js"
+        },
+        ...externalize(selfContainedExternals)
+      }
+    },
+    {
+      plugins: [
+        ...mountlyWidgetPlugin({ framework }),
+        mountlyManifestFragmentPlugin({
+          verticalId,
+          url: "./peer.js",
+          entry,
+          team,
+          version,
+          featureExport,
+          exports: exportManifestPaths,
+          exposeEntries: exposes,
+          outDir
+        })
+      ],
+      build: {
+        ...sharedBuild,
+        lib: {
+          entry,
+          formats: ["es"],
+          fileName: () => "peer.js"
+        },
+        ...externalize(peerExternals)
+      }
+    }
+  ];
+  for (const [exportKey, exportEntry] of Object.entries(exposes)) {
+    const subpath = exportKeyToSubpath3(exportKey);
+    configs.push({
+      plugins: [...mountlyWidgetPlugin({ framework })],
+      build: {
+        ...sharedBuild,
+        lib: {
+          entry: exportEntry,
+          formats: ["es"],
+          fileName: () => `${subpath}.js`
+        },
+        ...externalize(peerExternals)
+      }
+    });
+  }
+  return configs;
+}
+export {
+  defineMountlyWidgetConfig,
+  getFrameworkPeerExternals,
+  getSelfContainedExternals,
+  mountlyCssAsText,
+  mountlyHostPlugin,
+  mountlyManifestFragmentPlugin,
+  mountlyRemote,
+  mountlyWidgetPlugin
+};

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "mountly-vite-plugin",
+  "version": "1.0.0",
+  "description": "Vite lib build plugin for mountly vertical widgets (dual ESM output)",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/jagreehal/mountly",
+    "directory": "packages/mountly-vite-plugin"
+  },
+  "files": [
+    "dist"
+  ],
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "typescript": "^7.0.2"
+  },
+  "devDependencies": {
+    "tsup": "^8.5.1",
+    "typescript": "^7.0.2",
+    "vite": "^8.1.5",
+    "mountly-manifest": "1.0.0"
+  },
+  "peerDependencies": {
+    "vite": "^8.2.1",
+    "mountly-manifest": "1.0.0"
+  },
+  "scripts": {
+    "build": "tsup && tsc -p tsconfig.json --noEmit false --declaration --emitDeclarationOnly --declarationMap false --outDir dist",
+    "typecheck": "tsc --noEmit",
+    "dev": "tsup --watch"
+  }
+}