@bleedingdev/modern-js-app-tools-extensions 3.9.0-ultramodern.8 → 3.9.3-ultramodern.1

package/src/workspace-topology.ts

@@ -0,0 +1,125 @@
+import { existsSync } from 'node:fs';
+import path from 'node:path';
+import type { CloudflareWorkerSecurityConfig } from './config';
+
+export const REFERENCE_TOPOLOGY_PATH = 'topology/reference-topology.json';
+export const DEVELOPMENT_OVERLAY_PATH =
+  'topology/local-overlays/development.json';
+
+/** Fields consumed from the existing workspace topology by native plugins. */
+export type TopologyApp = {
+  id?: unknown;
+  domain?: unknown;
+  kind?: unknown;
+  path?: unknown;
+  package?: unknown;
+  portEnv?: unknown;
+  surfaceProfile?: unknown;
+  verticalRefs?: unknown;
+  cloudflare?: {
+    workerName?: unknown;
+    publicUrlEnv?: unknown;
+    compatibilityDate?: unknown;
+    security?: CloudflareWorkerSecurityConfig;
+  };
+  api?: {
+    bff?: { prefix?: unknown };
+    protocol?: unknown;
+    rpcPath?: unknown;
+    rpcSerialization?: unknown;
+    stem?: unknown;
+  };
+  moduleFederation?: {
+    name?: unknown;
+    manifestUrl?: unknown;
+    exposes?: unknown;
+    verticalRefs?: unknown;
+    remotes?: unknown;
+  };
+  backendFederation?: {
+    name?: unknown;
+    versionBoundary?: {
+      ui?: { manifestUrl?: unknown };
+    };
+    executionSurfaces?: {
+      node?: {
+        remoteName?: unknown;
+        manifestUrl?: unknown;
+        containerEntry?: unknown;
+        remoteType?: unknown;
+      };
+      cloudflare?: {
+        workerName?: unknown;
+        workerDispatch?: {
+          serviceBinding?: unknown;
+          serviceBindingEnv?: unknown;
+          dispatchWorkerNameEnv?: unknown;
+        };
+      };
+    };
+  };
+  deliveryUnit?: {
+    unitId?: unknown;
+    buildMarker?: unknown;
+    sourceRevision?: unknown;
+    packageName?: unknown;
+    version?: unknown;
+  };
+};
+
+export type DevelopmentOverlay = {
+  schemaVersion?: unknown;
+  ports?: Record<string, unknown>;
+  manifests?: Record<string, unknown>;
+  serverExecution?: Record<
+    string,
+    {
+      node?: {
+        remoteName?: unknown;
+        manifestUrl?: unknown;
+        containerEntry?: unknown;
+        remoteType?: unknown;
+      };
+    }
+  >;
+};
+
+export type ReferenceTopology = {
+  schemaVersion?: unknown;
+  shell?: TopologyApp;
+  shells?: TopologyApp[];
+  verticals?: TopologyApp[];
+};
+
+export const normalizeRelativePath = (value: string) =>
+  value.replace(/\\/gu, '/').replace(/^\.\/+/u, '');
+
+/** Shared by the generated route and the native Worker service binding. */
+export const distributedSsrFragmentSlug = (expose: string) => {
+  const slug = expose
+    .replace(/^\.\//u, '')
+    .trim()
+    .replace(/([a-z0-9])([A-Z])/gu, '$1-$2')
+    .replace(/[^a-zA-Z0-9._-]+/gu, '-')
+    .replace(/[._]+/gu, '-')
+    .toLowerCase()
+    .replace(/-+/gu, '-')
+    .replace(/^-+|-+$/gu, '');
+  if (!slug) throw new Error(`Invalid distributed SSR expose ${expose}.`);
+  return slug;
+};
+
+export const distributedSsrFragmentRoute = (expose: string) =>
+  `/{locale}/_mf/fragment/${distributedSsrFragmentSlug(expose)}`;
+
+export const findWorkspaceRoot = (appDirectory: string) => {
+  let current = appDirectory;
+  while (true) {
+    if (existsSync(path.join(current, REFERENCE_TOPOLOGY_PATH))) {
+      return current;
+    }
+    const parent = path.dirname(current);
+    if (parent === current) return undefined;
+    current = parent;
+  }
+};

package/dist/cjs/templates/cloudflare-worker-fs-promises.mjs

@@ -1,11 +0,0 @@
-const unavailable = method => async () => {
-  throw new Error(
-    `node:fs/promises.${method} is unavailable in Cloudflare Worker SSR`,
-  );
-};
-
-export const readFile = unavailable('readFile');
-
-export default {
-  readFile,
-};

package/dist/cjs/templates/cloudflare-worker-loadable-server.mjs

@@ -1,281 +0,0 @@
-import loadableComponent from '@loadable/component';
-import React from 'react';
-
-const internals =
-  loadableComponent?.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED || {};
-const LoadableContext = internals.Context || React.createContext(null);
-const getRequiredChunkKey =
-  internals.getRequiredChunkKey ||
-  (namespace => `${namespace}__LOADABLE_REQUIRED_CHUNKS__`);
-
-const scriptExtensions = new Set(['.js', '.mjs']);
-const styleExtensions = new Set(['.css']);
-
-function uniqByUrl(assets) {
-  const seen = new Set();
-
-  return assets.filter(asset => {
-    if (seen.has(asset.url)) {
-      return false;
-    }
-
-    seen.add(asset.url);
-    return true;
-  });
-}
-
-function extname(filePath) {
-  const basename = String(filePath).split('/').pop() || '';
-  const index = basename.lastIndexOf('.');
-
-  return index > 0 ? basename.slice(index) : '';
-}
-
-function isAutomaticPublicPath(publicPath) {
-  return publicPath === 'auto' || publicPath === 'auto/';
-}
-
-function joinUrl(publicPath, filename) {
-  const base =
-    !publicPath || isAutomaticPublicPath(publicPath) ? '/' : publicPath;
-
-  return `${base.replace(/\/+$/u, '')}/${String(filename).replace(/^\/+/u, '')}`;
-}
-
-function extraPropsToString(extraProps = {}) {
-  return Object.entries(extraProps)
-    .filter(([, value]) => value !== undefined && value !== false)
-    .map(([key, value]) => (value === true ? ` ${key}` : ` ${key}="${value}"`))
-    .join('');
-}
-
-function assetScriptType(filename) {
-  const extension = extname(filename);
-
-  if (scriptExtensions.has(extension)) {
-    return 'script';
-  }
-
-  if (styleExtensions.has(extension)) {
-    return 'style';
-  }
-}
-
-function getAssetName(asset) {
-  return typeof asset === 'object' && asset?.name ? asset.name : asset;
-}
-
-function getAssetIntegrity(asset) {
-  return typeof asset === 'object' && asset?.integrity ? asset.integrity : null;
-}
-
-function getChunkGroupAssets(chunkGroup) {
-  const assets = chunkGroup?.assets;
-
-  if (Array.isArray(assets)) {
-    return assets;
-  }
-
-  if (assets && typeof assets === 'object') {
-    return [...(assets.js || []), ...(assets.css || [])];
-  }
-
-  return [];
-}
-
-function getChunkGroupChildAssets(chunkGroup, type) {
-  const childAssets = chunkGroup?.childAssets?.[type];
-
-  return Array.isArray(childAssets) ? childAssets : [];
-}
-
-function chunkIncludesJs(chunkInfo) {
-  return (chunkInfo?.files || []).some(file =>
-    scriptExtensions.has(extname(file)),
-  );
-}
-
-export function ChunkExtractorManager({ extractor, children }) {
-  return React.createElement(
-    LoadableContext.Provider,
-    { value: extractor },
-    children,
-  );
-}
-
-export class ChunkExtractor {
-  constructor({
-    stats,
-    entrypoints = ['main'],
-    namespace = '',
-    outputPath = '/',
-    publicPath,
-  } = {}) {
-    this.namespace = namespace;
-    this.stats = stats || {};
-    const configuredPublicPath = publicPath || this.stats.publicPath;
-    this.publicPath =
-      !configuredPublicPath || isAutomaticPublicPath(configuredPublicPath)
-        ? '/'
-        : configuredPublicPath;
-    this.outputPath = outputPath || this.stats.outputPath || '/';
-    this.entrypoints = Array.isArray(entrypoints) ? entrypoints : [entrypoints];
-    this.chunks = [];
-  }
-
-  addChunk(chunk) {
-    if (!this.chunks.includes(chunk)) {
-      this.chunks.push(chunk);
-    }
-  }
-
-  collectChunks(app) {
-    return React.createElement(ChunkExtractorManager, { extractor: this }, app);
-  }
-
-  getChunkGroup(chunk) {
-    return (
-      this.stats.namedChunkGroups?.[chunk] || {
-        assets: [],
-        childAssets: {},
-        chunks: [],
-      }
-    );
-  }
-
-  getChunkInfo(chunkId) {
-    return (this.stats.chunks || []).find(chunk => chunk.id === chunkId);
-  }
-
-  resolvePublicUrl(filename) {
-    return joinUrl(this.publicPath, filename);
-  }
-
-  createChunkAsset({ filename, chunk, type, linkType }) {
-    const resolvedFilename = getAssetName(filename);
-    const scriptType = assetScriptType(resolvedFilename);
-
-    if (!scriptType) {
-      return undefined;
-    }
-
-    return {
-      filename: resolvedFilename,
-      integrity: getAssetIntegrity(filename),
-      scriptType,
-      chunk,
-      url: this.resolvePublicUrl(resolvedFilename),
-      path: String(resolvedFilename).replace(/^\/+/u, ''),
-      type,
-      linkType,
-    };
-  }
-
-  getChunkAssets(chunks) {
-    const one = chunk =>
-      getChunkGroupAssets(this.getChunkGroup(chunk))
-        .map(filename =>
-          this.createChunkAsset({
-            filename,
-            chunk,
-            type: 'mainAsset',
-            linkType: 'preload',
-          }),
-        )
-        .filter(Boolean);
-
-    return Array.isArray(chunks) ? uniqByUrl(chunks.flatMap(one)) : one(chunks);
-  }
-
-  getChunkChildAssets(chunks, type) {
-    const one = chunk =>
-      getChunkGroupChildAssets(this.getChunkGroup(chunk), type)
-        .map(filename =>
-          this.createChunkAsset({
-            filename,
-            chunk,
-            type: 'childAsset',
-            linkType: type,
-          }),
-        )
-        .filter(Boolean);
-
-    return Array.isArray(chunks) ? uniqByUrl(chunks.flatMap(one)) : one(chunks);
-  }
-
-  getChunkDependencies(chunks) {
-    const one = chunk =>
-      (this.getChunkGroup(chunk).chunks || []).filter(chunkId =>
-        chunkIncludesJs(this.getChunkInfo(chunkId)),
-      );
-
-    return Array.isArray(chunks)
-      ? [...new Set(chunks.flatMap(one))]
-      : one(chunks);
-  }
-
-  getRequiredChunksScriptContent() {
-    return JSON.stringify(this.getChunkDependencies(this.chunks));
-  }
-
-  getRequiredChunksNamesScriptContent() {
-    return JSON.stringify({ namedChunks: this.chunks });
-  }
-
-  getRequiredChunksScriptTag(extraProps = {}) {
-    const id = getRequiredChunkKey(this.namespace);
-    const props = `type="application/json"${extraPropsToString(extraProps)}`;
-
-    return [
-      `<script id="${id}" ${props}>${this.getRequiredChunksScriptContent()}</script>`,
-      `<script id="${id}_ext" ${props}>${this.getRequiredChunksNamesScriptContent()}</script>`,
-    ].join('');
-  }
-
-  getMainAssets(scriptType) {
-    const assets = this.getChunkAssets([...this.entrypoints, ...this.chunks]);
-
-    return scriptType
-      ? assets.filter(asset => asset.scriptType === scriptType)
-      : assets;
-  }
-
-  getScriptTags(extraProps = {}) {
-    const scripts = this.getMainAssets('script').map(
-      asset =>
-        `<script async data-chunk="${asset.chunk}" src="${asset.url}"${extraPropsToString(extraProps)}></script>`,
-    );
-
-    return [this.getRequiredChunksScriptTag(extraProps), ...scripts].join('');
-  }
-
-  getStyleTags(extraProps = {}) {
-    return this.getMainAssets('style')
-      .map(
-        asset =>
-          `<link data-chunk="${asset.chunk}" rel="stylesheet" href="${asset.url}"${extraPropsToString(extraProps)}>`,
-      )
-      .join('');
-  }
-
-  getLinkTags(extraProps = {}) {
-    const assets = [
-      ...this.getMainAssets(),
-      ...this.getChunkChildAssets(
-        [...this.entrypoints, ...this.chunks],
-        'preload',
-      ),
-      ...this.getChunkChildAssets(
-        [...this.entrypoints, ...this.chunks],
-        'prefetch',
-      ),
-    ];
-
-    return uniqByUrl(assets)
-      .map(
-        asset =>
-          `<link data-chunk="${asset.chunk}" rel="${asset.linkType}" as="${asset.scriptType}" href="${asset.url}"${extraPropsToString(extraProps)}>`,
-      )
-      .join('');
-  }
-}

package/dist/cjs/templates/cloudflare-worker-mf-ssr-runtime-plugin.mjs

@@ -1,14 +0,0 @@
-/**
- * Workerd cannot initialize Module Federation's Node-oriented SSR data-fetch
- * runtime. Cloudflare workers do not load native MF remotes, so retain the
- * runtime-plugin contract without installing its server data-fetch hooks.
- */
-export const injectDataFetchFunctionPlugin = () => ({
-  name: '@module-federation/inject-data-fetch-function-plugin',
-  setup() {},
-});
-
-export const mfSSRDevPlugin = () => ({
-  name: '@module-federation/modern-js-v3',
-  setup() {},
-});

package/dist/cjs/templates/cloudflare-worker-path.mjs

@@ -1,98 +0,0 @@
-const trimSlashes = value => String(value).replace(/^\/+|\/+$/gu, '');
-const normalizeSeparators = value => String(value).replace(/\\+/gu, '/');
-
-export const sep = '/';
-export const delimiter = ':';
-
-export function isAbsolute(filePath) {
-  return normalizeSeparators(filePath).startsWith('/');
-}
-
-export function normalize(filePath) {
-  const normalized = normalizeSeparators(filePath);
-  const absolute = isAbsolute(normalized);
-  const parts = [];
-
-  for (const part of normalized.split('/')) {
-    if (!part || part === '.') {
-      continue;
-    }
-
-    if (part === '..') {
-      if (parts.length > 0 && parts[parts.length - 1] !== '..') {
-        parts.pop();
-      } else if (!absolute) {
-        parts.push(part);
-      }
-      continue;
-    }
-
-    parts.push(part);
-  }
-
-  const joined = parts.join('/');
-
-  if (absolute) {
-    return joined ? `/${joined}` : '/';
-  }
-
-  return joined || '.';
-}
-
-export function join(...segments) {
-  const joined = segments
-    .map(normalizeSeparators)
-    .filter(Boolean)
-    .map((segment, index) => (index === 0 ? segment : trimSlashes(segment)))
-    .filter(Boolean)
-    .join('/');
-
-  return joined ? normalize(joined) : '.';
-}
-
-export function resolve(...segments) {
-  const joined = join(...segments);
-
-  return joined.startsWith('/') ? joined : `/${joined}`;
-}
-
-export function dirname(filePath) {
-  const normalized = normalizeSeparators(filePath).replace(/\/+$/u, '');
-  const index = normalized.lastIndexOf('/');
-
-  if (index <= 0) {
-    return '/';
-  }
-
-  return normalized.slice(0, index);
-}
-
-export function basename(filePath, suffix = '') {
-  const normalized = normalizeSeparators(filePath).replace(/\/+$/u, '');
-  const base = normalized.slice(normalized.lastIndexOf('/') + 1);
-
-  return suffix && base.endsWith(suffix) ? base.slice(0, -suffix.length) : base;
-}
-
-export function extname(filePath) {
-  const base = basename(filePath);
-  const index = base.lastIndexOf('.');
-
-  if (index <= 0) {
-    return '';
-  }
-
-  return base.slice(index);
-}
-
-export default {
-  basename,
-  delimiter,
-  dirname,
-  extname,
-  isAbsolute,
-  join,
-  normalize,
-  resolve,
-  sep,
-};

package/dist/esm/templates/cloudflare-worker-fs-promises.mjs

@@ -1,11 +0,0 @@
-const unavailable = method => async () => {
-  throw new Error(
-    `node:fs/promises.${method} is unavailable in Cloudflare Worker SSR`,
-  );
-};
-
-export const readFile = unavailable('readFile');
-
-export default {
-  readFile,
-};