@ethlete/cli 3.0.0-next.18 → 3.0.0-next.19

package/src/lib/design/render-packages.js

@@ -0,0 +1,168 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.typePathsOf = exports.extractRender = exports.lookupImports = exports.mappedSubpathOf = exports.entryOf = exports.mapPackage = exports.DEFAULT_RENDER_MODULES = void 0;
+const fs_1 = require("fs");
+const path_1 = require("path");
+exports.DEFAULT_RENDER_MODULES = ['@ethlete/components', '@ethlete/core'];
+const packageNameLength = (specifier) => {
+    const segments = specifier.split('/');
+    return (specifier.startsWith('@') ? segments.slice(0, 2) : segments.slice(0, 1)).join('/').length;
+};
+/**
+ * The checkout folder a bare specifier is mapped to by `render.packages`, and the export subpath
+ * inside it. `@ethlete/*` → `dist/libs/*` maps `@ethlete/core/design` to `dist/libs/core` and `./design`.
+ */
+const mapPackage = (options) => {
+    const { specifier, packages, target } = options;
+    const nameLength = packageNameLength(specifier);
+    const name = specifier.slice(0, nameLength);
+    const subpath = `.${specifier.slice(nameLength)}`;
+    for (const [pattern, path] of Object.entries(packages)) {
+        if (pattern === name)
+            return { dir: (0, path_1.resolve)(target, path), subpath };
+        if (pattern.endsWith('*') && name.startsWith(pattern.slice(0, -1))) {
+            const rest = name.slice(pattern.length - 1);
+            if (rest !== '' && !rest.includes('/'))
+                return { dir: (0, path_1.resolve)(target, path.replace('*', rest)), subpath };
+        }
+    }
+    return null;
+};
+exports.mapPackage = mapPackage;
+const CONDITIONS = ['node', 'import', 'default'];
+const pick = (value) => {
+    var _a;
+    if (typeof value === 'string')
+        return value;
+    if (Array.isArray(value))
+        return (_a = value.map(pick).find((found) => found !== null)) !== null && _a !== void 0 ? _a : null;
+    if (!value)
+        return null;
+    for (const condition of CONDITIONS) {
+        const found = pick(value[condition]);
+        if (found)
+            return found;
+    }
+    return null;
+};
+const exportOf = (exports, subpath) => {
+    if (subpath in exports)
+        return pick(exports[subpath]);
+    for (const [key, value] of Object.entries(exports)) {
+        const [prefix, suffix, extra] = key.split('*');
+        if (prefix === undefined || suffix === undefined || extra !== undefined)
+            continue;
+        if (!subpath.startsWith(prefix) || !subpath.endsWith(suffix))
+            continue;
+        const found = pick(value);
+        const star = subpath.slice(prefix.length, subpath.length - suffix.length);
+        if (found)
+            return found.replace('*', star);
+    }
+    return null;
+};
+/** The file a mapped package exports at its subpath, read from its own `package.json` exports. */
+const entryOf = (mapped) => {
+    var _a, _b;
+    const { dir, subpath } = mapped;
+    const manifestPath = (0, path_1.resolve)(dir, 'package.json');
+    if (!(0, fs_1.existsSync)(manifestPath)) {
+        throw new Error(`design-explore: ${dir} has no package.json - build the package first.`);
+    }
+    const manifest = JSON.parse((0, fs_1.readFileSync)(manifestPath, 'utf8'));
+    const exported = manifest.exports ? exportOf(manifest.exports, subpath) : null;
+    const fallback = subpath === '.' ? ((_b = (_a = manifest.module) !== null && _a !== void 0 ? _a : manifest.main) !== null && _b !== void 0 ? _b : null) : null;
+    const file = exported !== null && exported !== void 0 ? exported : fallback;
+    if (!file)
+        throw new Error(`design-explore: ${dir} exports no "${subpath}".`);
+    return (0, path_1.resolve)(dir, file);
+};
+exports.entryOf = entryOf;
+/**
+ * The file a drawing's subpath import of a mapped package loads in the browser, or null to leave it
+ * to the checkout. The root stays with the checkout: the browser has its own `@angular/core`.
+ */
+const mappedSubpathOf = (options) => {
+    const mapped = (0, exports.mapPackage)(options);
+    if (!mapped || mapped.subpath === '.')
+        return null;
+    try {
+        return (0, exports.entryOf)(mapped);
+    }
+    catch (_a) {
+        return null;
+    }
+};
+exports.mappedSubpathOf = mappedSubpathOf;
+/** The values behind the names a call imports, each from the first module that exports it. */
+const lookupImports = (options) => {
+    const { names, modules } = options;
+    return names.map((name) => {
+        const found = Object.values(modules).find((exported) => name in exported);
+        if (!found) {
+            throw new Error(`design-explore: no import "${name}" in ${Object.keys(modules).join(', ')}.`);
+        }
+        return found[name];
+    });
+};
+exports.lookupImports = lookupImports;
+/**
+ * The inner markup of the render host followed by what the app attached to `<body>` after it (an
+ * open overlay, shown: positioning never runs on the server), and the text of every `<style>` tag.
+ */
+const extractRender = (document) => {
+    var _a, _b;
+    const host = /<et-design-host[^>]*>([\s\S]*)<\/et-design-host>([\s\S]*?)<\/body>/.exec(document);
+    const attached = ((_a = host === null || host === void 0 ? void 0 : host[2]) !== null && _a !== void 0 ? _a : '')
+        .replace(/<script[\s\S]*?<\/script>/g, '')
+        .replace(/(class="[^"]*?)\s*\bet-force-invisible\b/g, '$1');
+    const markup = ((_b = host === null || host === void 0 ? void 0 : host[1]) !== null && _b !== void 0 ? _b : '') + attached.trim();
+    const styles = [...document.matchAll(/<style[^>]*>([\s\S]*?)<\/style>/g)].map((match) => { var _a; return (_a = match[1]) !== null && _a !== void 0 ? _a : ''; });
+    return { markup: markup.replace(/<!--container-->/g, ''), styles };
+};
+exports.extractRender = extractRender;
+const typesOf = (value) => {
+    var _a;
+    if (typeof value === 'string')
+        return value;
+    return (_a = value === null || value === void 0 ? void 0 : value.types) !== null && _a !== void 0 ? _a : null;
+};
+/** Each export subpath of a built package that carries types, as a `[subpath, file]` pair. */
+const typedExportsOf = (dir) => {
+    var _a, _b;
+    const manifestPath = (0, path_1.resolve)(dir, 'package.json');
+    if (!(0, fs_1.existsSync)(manifestPath))
+        return [];
+    const manifest = JSON.parse((0, fs_1.readFileSync)(manifestPath, 'utf8'));
+    const entries = Object.entries((_a = manifest.exports) !== null && _a !== void 0 ? _a : {}).flatMap(([subpath, value]) => {
+        const types = subpath === './package.json' ? null : typesOf(value);
+        return types ? [[subpath, types]] : [];
+    });
+    const root = (_b = manifest.types) !== null && _b !== void 0 ? _b : manifest.typings;
+    return entries.some(([subpath]) => subpath === '.') || !root ? entries : [...entries, ['.', root]];
+};
+const readdirSafe = (dir) => ((0, fs_1.existsSync)(dir) ? (0, fs_1.readdirSync)(dir) : []);
+/**
+ * The tsconfig `paths` that type a mapped package's imports from the folder `ng()` loads it from:
+ * the root and every subpath its `exports` types, so `@ethlete/core/design/theme-css` resolves too.
+ */
+const typePathsOf = (options) => {
+    const { packages, target } = options;
+    const paths = {};
+    for (const [pattern, path] of Object.entries(packages)) {
+        const names = pattern.endsWith('*')
+            ? readdirSafe((0, path_1.resolve)(target, path.slice(0, path.indexOf('*')))).map((name) => [
+                pattern.replace('*', name),
+                (0, path_1.resolve)(target, path.replace('*', name)),
+            ])
+            : [[pattern, (0, path_1.resolve)(target, path)]];
+        for (const [name, dir] of names) {
+            for (const [subpath, types] of typedExportsOf(dir)) {
+                paths[`${name}${subpath.slice(1)}`] = [(0, path_1.resolve)(dir, types)];
+            }
+        }
+    }
+    return paths;
+};
+exports.typePathsOf = typePathsOf;
+//# sourceMappingURL=render-packages.js.map

package/src/lib/design/render-packages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-packages.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/lib/design/render-packages.ts"],"names":[],"mappings":";;;AAAA,2BAA2D;AAC3D,+BAA+B;AAGlB,QAAA,sBAAsB,GAAG,CAAC,qBAAqB,EAAE,eAAe,CAAC,CAAC;AAkB/E,MAAM,iBAAiB,GAAG,CAAC,SAAiB,EAAE,EAAE;IAC9C,MAAM,QAAQ,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAEtC,OAAO,CAAC,SAAS,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC;AACpG,CAAC,CAAC;AAEF;;;GAGG;AACI,MAAM,UAAU,GAAG,CAAC,OAI1B,EAAwB,EAAE;IACzB,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC;IAChD,MAAM,UAAU,GAAG,iBAAiB,CAAC,SAAS,CAAC,CAAC;IAChD,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;IAC5C,MAAM,OAAO,GAAG,IAAI,SAAS,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC;IAElD,KAAK,MAAM,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QACvD,IAAI,OAAO,KAAK,IAAI;YAAE,OAAO,EAAE,GAAG,EAAE,IAAA,cAAO,EAAC,MAAM,EAAE,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC;QAErE,IAAI,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;YACnE,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YAE5C,IAAI,IAAI,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC;gBAAE,OAAO,EAAE,GAAG,EAAE,IAAA,cAAO,EAAC,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC;QAC5G,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AArBW,QAAA,UAAU,cAqBrB;AAIF,MAAM,UAAU,GAAG,CAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC;AAEjD,MAAM,IAAI,GAAG,CAAC,KAA+B,EAAiB,EAAE;;IAC9D,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAC;IAC5C,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QAAE,OAAO,MAAA,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,mCAAI,IAAI,CAAC;IACzF,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IAExB,KAAK,MAAM,SAAS,IAAI,UAAU,EAAE,CAAC;QACnC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;QAErC,IAAI,KAAK;YAAE,OAAO,KAAK,CAAC;IAC1B,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,OAAqC,EAAE,OAAe,EAAE,EAAE;IAC1E,IAAI,OAAO,IAAI,OAAO;QAAE,OAAO,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;IAEtD,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;QACnD,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAE/C,IAAI,MAAM,KAAK,SAAS,IAAI,MAAM,KAAK,SAAS,IAAI,KAAK,KAAK,SAAS;YAAE,SAAS;QAClF,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC;YAAE,SAAS;QAEvE,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;QAC1B,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;QAE1E,IAAI,KAAK;YAAE,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;IAC7C,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,kGAAkG;AAC3F,MAAM,OAAO,GAAG,CAAC,MAAqB,EAAE,EAAE;;IAC/C,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,MAAM,CAAC;IAChC,MAAM,YAAY,GAAG,IAAA,cAAO,EAAC,GAAG,EAAE,cAAc,CAAC,CAAC;IAElD,IAAI,CAAC,IAAA,eAAU,EAAC,YAAY,CAAC,EAAE,CAAC;QAC9B,MAAM,IAAI,KAAK,CAAC,mBAAmB,GAAG,iDAAiD,CAAC,CAAC;IAC3F,CAAC;IAED,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAA,iBAAY,EAAC,YAAY,EAAE,MAAM,CAAC,CAI7D,CAAC;IACF,MAAM,QAAQ,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC/E,MAAM,QAAQ,GAAG,OAAO,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,MAAA,MAAA,QAAQ,CAAC,MAAM,mCAAI,QAAQ,CAAC,IAAI,mCAAI,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACrF,MAAM,IAAI,GAAG,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,QAAQ,CAAC;IAElC,IAAI,CAAC,IAAI;QAAE,MAAM,IAAI,KAAK,CAAC,mBAAmB,GAAG,gBAAgB,OAAO,IAAI,CAAC,CAAC;IAE9E,OAAO,IAAA,cAAO,EAAC,GAAG,EAAE,IAAI,CAAC,CAAC;AAC5B,CAAC,CAAC;AApBW,QAAA,OAAO,WAoBlB;AAEF;;;GAGG;AACI,MAAM,eAAe,GAAG,CAAC,OAAgF,EAAE,EAAE;IAClH,MAAM,MAAM,GAAG,IAAA,kBAAU,EAAC,OAAO,CAAC,CAAC;IAEnC,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,OAAO,KAAK,GAAG;QAAE,OAAO,IAAI,CAAC;IAEnD,IAAI,CAAC;QACH,OAAO,IAAA,eAAO,EAAC,MAAM,CAAC,CAAC;IACzB,CAAC;IAAC,WAAM,CAAC;QACP,OAAO,IAAI,CAAC;IACd,CAAC;AACH,CAAC,CAAC;AAVW,QAAA,eAAe,mBAU1B;AAEF,8FAA8F;AACvF,MAAM,aAAa,GAAG,CAAC,OAA8E,EAAE,EAAE;IAC9G,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC;IAEnC,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QACxB,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,IAAI,IAAI,QAAQ,CAAC,CAAC;QAE1E,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,MAAM,IAAI,KAAK,CAAC,8BAA8B,IAAI,QAAQ,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAChG,CAAC;QAED,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAZW,QAAA,aAAa,iBAYxB;AAEF;;;GAGG;AACI,MAAM,aAAa,GAAG,CAAC,QAAgB,EAAE,EAAE;;IAChD,MAAM,IAAI,GAAG,oEAAoE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACjG,MAAM,QAAQ,GAAG,CAAC,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAG,CAAC,CAAC,mCAAI,EAAE,CAAC;SAC/B,OAAO,CAAC,4BAA4B,EAAE,EAAE,CAAC;SACzC,OAAO,CAAC,2CAA2C,EAAE,IAAI,CAAC,CAAC;IAC9D,MAAM,MAAM,GAAG,CAAC,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAG,CAAC,CAAC,mCAAI,EAAE,CAAC,GAAG,QAAQ,CAAC,IAAI,EAAE,CAAC;IACnD,MAAM,MAAM,GAAG,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,kCAAkC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,WAAC,OAAA,MAAA,KAAK,CAAC,CAAC,CAAC,mCAAI,EAAE,CAAA,EAAA,CAAC,CAAC;IAEzG,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,mBAAmB,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC;AACrE,CAAC,CAAC;AATW,QAAA,aAAa,iBASxB;AAIF,MAAM,OAAO,GAAG,CAAC,KAA8B,EAAE,EAAE;;IACjD,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAC;IAE5C,OAAO,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,mCAAI,IAAI,CAAC;AAC9B,CAAC,CAAC;AAEF,8FAA8F;AAC9F,MAAM,cAAc,GAAG,CAAC,GAAW,EAAsB,EAAE;;IACzD,MAAM,YAAY,GAAG,IAAA,cAAO,EAAC,GAAG,EAAE,cAAc,CAAC,CAAC;IAElD,IAAI,CAAC,IAAA,eAAU,EAAC,YAAY,CAAC;QAAE,OAAO,EAAE,CAAC;IAEzC,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAA,iBAAY,EAAC,YAAY,EAAE,MAAM,CAAC,CAI7D,CAAC;IACF,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,MAAA,QAAQ,CAAC,OAAO,mCAAI,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EAAE,KAAK,CAAC,EAAsB,EAAE;QACtG,MAAM,KAAK,GAAG,OAAO,KAAK,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAEnE,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACzC,CAAC,CAAC,CAAC;IACH,MAAM,IAAI,GAAG,MAAA,QAAQ,CAAC,KAAK,mCAAI,QAAQ,CAAC,OAAO,CAAC;IAEhD,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,OAAO,KAAK,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC;AACrG,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,CAAC,IAAA,eAAU,EAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAA,gBAAW,EAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AAE/E;;;GAGG;AACI,MAAM,WAAW,GAAG,CAAC,OAA6D,EAAE,EAAE;IAC3F,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC;IACrC,MAAM,KAAK,GAA6B,EAAE,CAAC;IAE3C,KAAK,MAAM,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QACvD,MAAM,KAAK,GAAuB,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC;YACrD,CAAC,CAAC,WAAW,CAAC,IAAA,cAAO,EAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC;gBAC3E,OAAO,CAAC,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC;gBAC1B,IAAA,cAAO,EAAC,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;aACzC,CAAC;YACJ,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,IAAA,cAAO,EAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;QAEvC,KAAK,MAAM,CAAC,IAAI,EAAE,GAAG,CAAC,IAAI,KAAK,EAAE,CAAC;YAChC,KAAK,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,IAAI,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC;gBACnD,KAAK,CAAC,GAAG,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,IAAA,cAAO,EAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;YAC9D,CAAC;QACH,CAAC;IACH,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AApBW,QAAA,WAAW,eAoBtB"}

package/src/lib/design/render-worker.d.ts

@@ -0,0 +1 @@
+export {};

package/src/lib/design/render-worker.js

@@ -0,0 +1,149 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const fs_1 = require("fs");
+const module_1 = require("module");
+const path_1 = require("path");
+const url_1 = require("url");
+const missing_package_1 = require("./missing-package");
+const render_fields_1 = require("./render-fields");
+const ssr_shims_1 = require("./ssr-shims");
+const worker_threads_1 = require("worker_threads");
+const render_packages_1 = require("./render-packages");
+const HOST_DOCUMENT = '<html><head></head><body><et-design-host></et-design-host></body></html>';
+const { target, packages, modules: moduleNames } = worker_threads_1.workerData;
+const targetUrl = (0, url_1.pathToFileURL)((0, path_1.resolve)(target, 'package.json')).href;
+const watched = {};
+const watch = (url) => {
+    var _a;
+    if (!url.startsWith('file:'))
+        return;
+    const path = (0, url_1.fileURLToPath)(url);
+    (_a = watched[path]) !== null && _a !== void 0 ? _a : (watched[path] = (0, fs_1.statSync)(path).mtimeMs);
+};
+const ownsSpecifier = (specifier) => specifier.startsWith('@angular/') || specifier.startsWith('@ethlete/') || moduleNames.includes(specifier);
+/** A call file imports its siblings without an extension, as a bundler resolves them. Node does not. */
+const resolveRelativeTs = (options) => {
+    var _a;
+    const { specifier, context, nextResolve } = options;
+    try {
+        return nextResolve(specifier, context);
+    }
+    catch (error) {
+        if (!specifier.startsWith('.') || !((_a = context.parentURL) === null || _a === void 0 ? void 0 : _a.endsWith('.ts')))
+            throw error;
+        return nextResolve(`${specifier}.ts`, context);
+    }
+};
+// Every `@angular/*` and `@ethlete/*` import resolves from the target checkout, wherever it is
+// written: a second copy of `@angular/core` breaks dependency injection.
+(0, module_1.registerHooks)({
+    // eslint-disable-next-line max-params -- the arity of Node's resolve hook
+    resolve: (specifier, context, nextResolve) => {
+        const mapped = (0, render_packages_1.mapPackage)({ specifier, packages, target });
+        if (mapped) {
+            const url = (0, url_1.pathToFileURL)((0, render_packages_1.entryOf)(mapped)).href;
+            watch(url);
+            return { url, shortCircuit: true };
+        }
+        if (!ownsSpecifier(specifier)) {
+            const resolved = resolveRelativeTs({ specifier, context, nextResolve });
+            if (resolved.url.endsWith('.ts') && !resolved.url.includes('/node_modules/'))
+                watch(resolved.url);
+            return resolved;
+        }
+        const resolved = nextResolve(specifier, Object.assign(Object.assign({}, context), { parentURL: targetUrl }));
+        if (specifier.startsWith('@ethlete/'))
+            watch(resolved.url);
+        return resolved;
+    },
+});
+const explainMissing = (load) => __awaiter(void 0, void 0, void 0, function* () {
+    try {
+        return yield load();
+    }
+    catch (error) {
+        const message = (0, missing_package_1.missingPackageMessage)(error, target);
+        throw message ? Object.assign(new Error(message), { cause: error }) : error;
+    }
+});
+// Domino has no layout and no `window`; an open overlay measures its trigger, and @floating-ui/dom
+// falls back to the global `window` when one is missing.
+const shimLayout = (server) => {
+    var _a;
+    var _b;
+    server.ɵDominoAdapter.makeCurrent();
+    (_a = (_b = globalThis).window) !== null && _a !== void 0 ? _a : (_b.window = globalThis);
+    (0, ssr_shims_1.shimMutationObserver)(globalThis);
+    (0, ssr_shims_1.keepCustomPropertyCase)(globalThis.Element.prototype);
+    const element = globalThis.Element;
+    if (element && typeof element.prototype.getBoundingClientRect !== 'function') {
+        const rect = { x: 0, y: 0, top: 0, left: 0, right: 0, bottom: 0, width: 0, height: 0 };
+        element.prototype.getBoundingClientRect = () => (Object.assign(Object.assign({}, rect), { toJSON: () => rect }));
+    }
+};
+const importAngular = () => __awaiter(void 0, void 0, void 0, function* () {
+    // The JIT compiler has to be loaded before any partially compiled package is evaluated.
+    yield import('@angular/compiler');
+    const [core, browser, server, modules] = yield Promise.all([
+        import('@angular/core'),
+        import('@angular/platform-browser'),
+        import('@angular/platform-server'),
+        Promise.all(moduleNames.map((name) => __awaiter(void 0, void 0, void 0, function* () { return [name, (yield import(name))]; }))).then((entries) => Object.fromEntries(entries)),
+    ]);
+    shimLayout(server);
+    return { core, browser, server, modules };
+});
+let angular = null;
+const loadSignalForms = () => explainMissing(() => import('@angular/forms/signals'));
+const providersOf = (path) => __awaiter(void 0, void 0, void 0, function* () {
+    const loaded = (yield import((0, url_1.pathToFileURL)(path).href));
+    if (!Array.isArray(loaded.default)) {
+        throw new Error(`design-explore: ${path} has no default export of an Angular providers array.`);
+    }
+    return loaded.default;
+});
+const render = (request) => __awaiter(void 0, void 0, void 0, function* () {
+    angular !== null && angular !== void 0 ? angular : (angular = explainMissing(importAngular));
+    const { core, browser, server, modules } = yield angular;
+    const providers = request.providers ? yield providersOf(request.providers) : [];
+    const imports = (0, render_packages_1.lookupImports)({ names: request.imports, modules });
+    const specs = request.fields;
+    const forms = specs ? yield loadSignalForms() : null;
+    const Host = core.Component({
+        selector: 'et-design-host',
+        template: request.template,
+        imports: forms ? [...imports, forms.FormField] : imports,
+    })(class {
+        constructor() {
+            this.fields = specs && forms ? (0, render_fields_1.buildFields)({ specs, forms: forms, signal: core.signal }) : {};
+        }
+    });
+    const errors = [];
+    const document = yield server.renderApplication((context) => browser.bootstrapApplication(Host, {
+        providers: [
+            core.provideZonelessChangeDetection(),
+            server.provideServerRendering(),
+            ...providers,
+            { provide: core.ErrorHandler, useValue: { handleError: (error) => errors.push(error) } },
+        ],
+    }, context), { document: HOST_DOCUMENT, url: '/' });
+    if (errors.length > 0)
+        throw errors[0];
+    return (0, render_packages_1.extractRender)(document);
+});
+const messageOf = (error) => (error instanceof Error ? error.message : String(error));
+worker_threads_1.parentPort === null || worker_threads_1.parentPort === void 0 ? void 0 : worker_threads_1.parentPort.on('message', (request) => {
+    void render(request)
+        .catch((error) => ({ error: messageOf(error) }))
+        .then((result) => worker_threads_1.parentPort === null || worker_threads_1.parentPort === void 0 ? void 0 : worker_threads_1.parentPort.postMessage(Object.assign(Object.assign({}, result), { id: request.id, watched })));
+});
+//# sourceMappingURL=render-worker.js.map

package/src/lib/design/render-worker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-worker.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/lib/design/render-worker.ts"],"names":[],"mappings":"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"}

package/src/lib/design/render.d.ts

@@ -0,0 +1,23 @@
+import { IncomingMessage, ServerResponse } from 'http';
+import { DesignConfig } from './paths';
+import { FieldSpec } from './render-fields';
+import { RenderResult } from './render-packages';
+export declare const RENDER_PATH = "/__design/render";
+/** Whether a file the worker loaded changed since it loaded it, so the worker holds stale code. */
+export declare const isStale: (watched: Record<string, number>, mtime?: (path: string) => number) => boolean;
+export type RenderAsk = {
+    call: string;
+    template: string;
+    imports: string[];
+    fields?: Record<string, FieldSpec>;
+};
+/**
+ * Renders Angular templates in a worker that loads the target checkout's own packages. The worker
+ * is replaced on the first request after a package it loaded was rebuilt.
+ */
+export declare const createRenderer: (options: {
+    target: string;
+    config: DesignConfig;
+}) => (ask: RenderAsk) => Promise<RenderResult>;
+/** Answers `POST /__design/render` with the rendered markup and styles, or a 500 with the error. */
+export declare const renderMiddleware: (render: (ask: RenderAsk) => Promise<RenderResult>) => (request: IncomingMessage, response: ServerResponse) => void;

package/src/lib/design/render.js

@@ -0,0 +1,119 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderMiddleware = exports.createRenderer = exports.isStale = exports.RENDER_PATH = void 0;
+const fs_1 = require("fs");
+const path_1 = require("path");
+const worker_threads_1 = require("worker_threads");
+const render_packages_1 = require("./render-packages");
+exports.RENDER_PATH = '/__design/render';
+const mtimeOf = (path) => {
+    try {
+        return (0, fs_1.statSync)(path).mtimeMs;
+    }
+    catch (_a) {
+        return -1;
+    }
+};
+/** Whether a file the worker loaded changed since it loaded it, so the worker holds stale code. */
+const isStale = (watched, mtime = mtimeOf) => Object.entries(watched).some(([path, loaded]) => mtime(path) !== loaded);
+exports.isStale = isStale;
+/**
+ * Renders Angular templates in a worker that loads the target checkout's own packages. The worker
+ * is replaced on the first request after a package it loaded was rebuilt.
+ */
+const createRenderer = (options) => {
+    var _a, _b, _c, _d;
+    const { target, config } = options;
+    const workerData = {
+        target,
+        packages: (_b = (_a = config.render) === null || _a === void 0 ? void 0 : _a.packages) !== null && _b !== void 0 ? _b : {},
+        modules: (_d = (_c = config.render) === null || _c === void 0 ? void 0 : _c.modules) !== null && _d !== void 0 ? _d : render_packages_1.DEFAULT_RENDER_MODULES,
+    };
+    const pending = new Map();
+    let worker = null;
+    let watched = {};
+    let nextId = 0;
+    const settleAll = (error) => {
+        for (const settle of pending.values())
+            settle({ error });
+        pending.clear();
+    };
+    const start = () => {
+        const started = new worker_threads_1.Worker((0, path_1.resolve)(__dirname, 'render-worker.js'), { workerData });
+        started.on('message', (response) => {
+            var _a;
+            const { id, watched: loaded } = response, result = __rest(response, ["id", "watched"]);
+            if (started === worker)
+                watched = Object.assign({}, loaded);
+            (_a = pending.get(id)) === null || _a === void 0 ? void 0 : _a(result);
+            pending.delete(id);
+        });
+        started.on('error', (error) => settleAll(`design-explore: the render worker failed: ${error.message}`));
+        started.on('exit', () => {
+            if (started === worker)
+                worker = null;
+        });
+        watched = {};
+        return started;
+    };
+    return (ask) => {
+        var _a, _b, _c, _d;
+        if (worker && (0, exports.isStale)(watched)) {
+            void worker.terminate();
+            worker = null;
+        }
+        worker !== null && worker !== void 0 ? worker : (worker = start());
+        const providers = (_c = (_a = config.projects) === null || _a === void 0 ? void 0 : _a[(_b = ask.call.split('/')[0]) !== null && _b !== void 0 ? _b : '']) === null || _c === void 0 ? void 0 : _c.providers;
+        const request = {
+            id: nextId++,
+            template: ask.template,
+            imports: ask.imports,
+            fields: (_d = ask.fields) !== null && _d !== void 0 ? _d : null,
+            providers: providers ? (0, path_1.resolve)(target, providers) : null,
+        };
+        const result = new Promise((settle) => pending.set(request.id, settle));
+        worker.postMessage(request);
+        return result;
+    };
+};
+exports.createRenderer = createRenderer;
+const readBody = (request) => new Promise((settle, reject) => {
+    const chunks = [];
+    request.on('data', (chunk) => chunks.push(chunk));
+    request.on('end', () => settle(Buffer.concat(chunks).toString('utf8')));
+    request.on('error', reject);
+});
+/** Answers `POST /__design/render` with the rendered markup and styles, or a 500 with the error. */
+const renderMiddleware = (render) => (request, response) => {
+    if (request.method !== 'POST') {
+        response.statusCode = 405;
+        response.end();
+        return;
+    }
+    void readBody(request)
+        .then((body) => render(JSON.parse(body)))
+        .catch((error) => ({ error: error instanceof Error ? error.message : String(error) }))
+        .then((result) => {
+        if ('error' in result) {
+            response.statusCode = 500;
+            response.setHeader('content-type', 'text/plain; charset=utf-8');
+            response.end(result.error);
+            return;
+        }
+        response.setHeader('content-type', 'application/json');
+        response.end(JSON.stringify(result));
+    });
+};
+exports.renderMiddleware = renderMiddleware;
+//# sourceMappingURL=render.js.map

package/src/lib/design/render.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/lib/design/render.ts"],"names":[],"mappings":"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"}

package/src/lib/design/serve.d.ts

@@ -1,5 +1,5 @@
 /**
- * Starts the design page for a checkout and keeps it running. The returned exit code is the
+ * Starts the design server for a checkout and keeps it running. The returned exit code is the
  * command's, not the server's: a listening server holds the process open on its own.
  */
 export declare const serveDesign: (options: {

package/src/lib/design/serve.js

@@ -1,24 +1,34 @@
 "use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.serveDesign = void 0;
-const tslib_1 = require("tslib");
 const fs_1 = require("fs");
 const path_1 = require("path");
 const calls_tsconfig_1 = require("./calls-tsconfig");
 const vite_paths_1 = require("./vite-paths");
+const render_1 = require("./render");
+const render_packages_1 = require("./render-packages");
+const stamp_1 = require("./stamp");
 const paths_1 = require("./paths");
 const VIRTUAL = 'virtual:design-explore';
 /** What a slug says about which project drew it: its first segment. */
 const projectOf = (slug) => { var _a; return (_a = slug.split('/')[0]) !== null && _a !== void 0 ? _a : ''; };
-const registry = (target, config) => {
-    var _a;
+const registry = (target) => {
     const root = (0, paths_1.callsRootOf)(target);
     const entries = (0, fs_1.globSync)('**/call.ts', { cwd: root })
         .sort()
         .map((file) => [(0, vite_paths_1.callSlugOf)(file), (0, vite_paths_1.fsUrl)((0, path_1.resolve)(root, file))]);
     return `export const calls = {\n${entries
         .map(([slug, url]) => `  ${JSON.stringify(slug)}: () => import(${JSON.stringify(url)}),`)
-        .join('\n')}\n};\nexport const defaultCall = ${JSON.stringify((_a = config.defaultCall) !== null && _a !== void 0 ? _a : null)};\n`;
+        .join('\n')}\n};\n`;
 };
 /**
  * Vite's own tsconfigPaths resolves against the tsconfig nearest the importing file, which is not
@@ -48,23 +58,41 @@ const workspaceAliases = (target) => {
  * draw under whichever stylesheet came last.
  */
 const env = (target, config) => {
-    var _a;
+    var _a, _b;
     const loaders = Object.entries((_a = config.projects) !== null && _a !== void 0 ? _a : {}).map(([name, project]) => {
         var _a;
         return `  ${JSON.stringify(name)}: () => Promise.all([${((_a = project.styles) !== null && _a !== void 0 ? _a : [])
             .map((style) => `import(${JSON.stringify((0, vite_paths_1.fsUrl)((0, path_1.resolve)(target, style)))})`)
             .join(', ')}]),`;
     });
+    const themes = Object.fromEntries(Object.entries((_b = config.projects) !== null && _b !== void 0 ? _b : {}).map(([name, project]) => {
+        var _a, _b, _c, _d;
+        return [
+            name,
+            { surface: (_b = (_a = project.themes) === null || _a === void 0 ? void 0 : _a.surface) !== null && _b !== void 0 ? _b : [], color: (_d = (_c = project.themes) === null || _c === void 0 ? void 0 : _c.color) !== null && _d !== void 0 ? _d : [] },
+        ];
+    }));
     return (`const envs = {\n${loaders.join('\n')}\n};\n` +
-        `export const loadEnv = (project) => (envs[project] ?? (() => Promise.resolve()))();\n`);
+        `export const loadEnv = (project) => (envs[project] ?? (() => Promise.resolve()))();\n` +
+        `const themes = ${JSON.stringify(themes)};\n` +
+        `export const themesOf = (project) => themes[project] ?? { surface: [], color: [] };\n`);
 };
-/** Serves the call registry and each project's global stylesheet to the web pages. */
+/**
+ * Serves the call registry and each project's global stylesheet to the frame page, and renders the
+ * Angular templates a drawing asks for with `ng()`.
+ */
 const designExplore = (target, config) => ({
     name: 'design-explore',
-    resolveId: (id) => (id === VIRTUAL || id === `${VIRTUAL}/env` ? `\0${id}` : null),
+    enforce: 'pre',
+    resolveId: (id) => {
+        var _a, _b;
+        if (id === VIRTUAL || id === `${VIRTUAL}/env`)
+            return `\0${id}`;
+        return (0, render_packages_1.mappedSubpathOf)({ specifier: id, packages: (_b = (_a = config.render) === null || _a === void 0 ? void 0 : _a.packages) !== null && _b !== void 0 ? _b : {}, target });
+    },
     load: (id) => {
         if (id === `\0${VIRTUAL}`)
-            return registry(target, config);
+            return registry(target);
         if (id === `\0${VIRTUAL}/env`)
             return env(target, config);
         return null;
@@ -85,6 +113,7 @@ const designExplore = (target, config) => ({
     /** The registry is built once per load, so a new call folder is invisible until it is invalidated. */
     configureServer: (vite) => {
         const callsRoot = (0, paths_1.callsRootOf)(target);
+        const stamp = (0, stamp_1.buildStampOf)();
         const refresh = (file) => {
             if (!(0, vite_paths_1.isCallFile)({ callsRoot, file }))
                 return;
@@ -93,16 +122,21 @@ const designExplore = (target, config) => ({
                 vite.moduleGraph.invalidateModule(module);
             vite.ws.send({ type: 'full-reload' });
         };
+        vite.middlewares.use(stamp_1.STAMP_PATH, (_request, response) => {
+            response.setHeader('content-type', 'application/json');
+            response.end(JSON.stringify(stamp));
+        });
+        vite.middlewares.use(render_1.RENDER_PATH, (0, render_1.renderMiddleware)((0, render_1.createRenderer)({ target, config })));
         vite.watcher.add(callsRoot);
         vite.watcher.on('add', refresh);
         vite.watcher.on('unlink', refresh);
     },
 });
 /**
- * Starts the design page for a checkout and keeps it running. The returned exit code is the
+ * Starts the design server for a checkout and keeps it running. The returned exit code is the
  * command's, not the server's: a listening server holds the process open on its own.
  */
-const serveDesign = (options) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+const serveDesign = (options) => __awaiter(void 0, void 0, void 0, function* () {
     const { target } = options;
     const config = (0, paths_1.readConfig)(target);
     if (!config) {
@@ -126,11 +160,14 @@ const serveDesign = (options) => tslib_1.__awaiter(void 0, void 0, void 0, funct
         resolve: {
             alias: [{ find: /^@design-explore$/, replacement: (0, path_1.resolve)(here, 'define-call.ts') }, ...workspaceAliases(target)],
         },
+        // A design mock ships as TS that imports CSS with `?inline`, which the dependency pre-bundler
+        // can not load.
+        optimizeDeps: { exclude: ['@ethlete/components', '@ethlete/core'] },
         plugins: [designExplore(target, config)],
         server: {
             port: (0, paths_1.portOf)(config),
             strictPort: true,
-            // The web pages live inside this package, which is outside the checkout it draws. Vite
+            // The frame page lives inside this package, which is outside the checkout it draws. Vite
             // serves neither root unless both are allowed.
             fs: { allow: [target, here] },
         },