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

package/src/lib/design/design-command.js

@@ -1,10 +1,22 @@
 "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.designCommand = void 0;
-const tslib_1 = require("tslib");
 const path_1 = require("path");
 const check_1 = require("./check");
+const legacy_1 = require("./legacy");
+const new_call_1 = require("./new-call");
 const serve_1 = require("./serve");
+const stamp_1 = require("./stamp");
+const status_1 = require("./status");
 /** Reads `--checkout <path>` out of an argument list, and answers with the path and the rest. */
 const splitCheckout = (argv, root) => {
     var _a;
@@ -13,17 +25,60 @@ const splitCheckout = (argv, root) => {
         return { target: root, rest: argv };
     return { target: (0, path_1.resolve)(root, (_a = argv[index + 1]) !== null && _a !== void 0 ? _a : '.'), rest: [...argv.slice(0, index), ...argv.slice(index + 2)] };
 };
+const helpOf = (invocation) => [
+    `${invocation} [checkout]`,
+    '  Serve the variant frames of a checkout. The checkout defaults to the working directory.',
+    '',
+    `${invocation} check [--lint <file>…] [--tsconfig [path]] [--call <slug> [--variant <key>]]`,
+    '  Find out why a call does not render: eslint, then tsc, then the live frames.',
+    '',
+    `${invocation} new <project>/<group>/<name> --stage <stage> [--variants a,b]`,
+    '  Write a call that renders at once: call.ts, fixture.ts and one variant file per key.',
+    '  A quick exploration of an idea takes --stage sketch.',
+    '',
+    `${invocation} legacy <project>`,
+    '  Mark every call of a project without a stage as legacy, so check accepts it.',
+    '',
+    `${invocation} status <slug> <${status_1.CALL_STATES.join('|')}>`,
+    '  Record the state of a call for Ethlete Studio. new and check --call record theirs on their own.',
+    '',
+    `${invocation} stamp`,
+    '  Print the version and build of this cli as JSON, which a running server answers with too.',
+    '',
+    'Every command takes --checkout <path>. DE_PORT overrules the port in .ethlete/design/config.json.',
+    '',
+].join('\n');
 /**
- * `et design [checkout]` serves the design page of a checkout, and `et design check …` says why
+ * `et design [checkout]` serves the variant frames of a checkout, and `et design check …` says why
  * a call does not render. Both work on any checkout that keeps a `.ethlete/design` folder, so a
  * repository needs no design tooling of its own.
  */
-const designCommand = (options) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+const designCommand = (options) => __awaiter(void 0, void 0, void 0, function* () {
     const { root, argv, invocation } = options;
+    if (argv[0] === '--help' || argv[0] === '-h' || argv[0] === 'help') {
+        console.log(helpOf(invocation));
+        return 0;
+    }
+    if (argv[0] === 'stamp') {
+        console.log(JSON.stringify((0, stamp_1.buildStampOf)()));
+        return 0;
+    }
     if (argv[0] === 'check') {
         const { target, rest } = splitCheckout(argv.slice(1), root);
         return (0, check_1.checkDesign)({ target, argv: rest, invocation });
     }
+    if (argv[0] === 'new') {
+        const { target, rest } = splitCheckout(argv.slice(1), root);
+        return (0, new_call_1.newCall)({ target, argv: rest, invocation });
+    }
+    if (argv[0] === 'legacy') {
+        const { target, rest } = splitCheckout(argv.slice(1), root);
+        return (0, legacy_1.markLegacy)({ target, argv: rest, invocation });
+    }
+    if (argv[0] === 'status') {
+        const { target, rest } = splitCheckout(argv.slice(1), root);
+        return (0, status_1.designStatus)({ target, argv: rest, invocation });
+    }
     const { target, rest } = splitCheckout(argv, root);
     const positional = rest[0];
     return (0, serve_1.serveDesign)({ target: positional ? (0, path_1.resolve)(root, positional) : target });

package/src/lib/design/design-command.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-command.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/lib/design/design-command.ts"],"names":[],"mappings":";;;;AAAA,+BAA+B;AAC/B,mCAAsC;AACtC,mCAAsC;AAEtC,iGAAiG;AACjG,MAAM,aAAa,GAAG,CAAC,IAAc,EAAE,IAAY,EAAE,EAAE;;IACrD,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IAEzC,IAAI,KAAK,KAAK,CAAC,CAAC;QAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;IAEtD,OAAO,EAAE,MAAM,EAAE,IAAA,cAAO,EAAC,IAAI,EAAE,MAAA,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,mCAAI,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;AACtH,CAAC,CAAC;AAEF;;;;GAIG;AACI,MAAM,aAAa,GAAG,CAAO,OAA6D,EAAmB,EAAE;IACpH,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC;IAE3C,IAAI,IAAI,CAAC,CAAC,CAAC,KAAK,OAAO,EAAE,CAAC;QACxB,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;QAE5D,OAAO,IAAA,mBAAW,EAAC,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;IACzD,CAAC;IAED,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACnD,MAAM,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;IAE3B,OAAO,IAAA,mBAAW,EAAC,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,IAAA,cAAO,EAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC;AAClF,CAAC,CAAA,CAAC;AAbW,QAAA,aAAa,iBAaxB"}
+{"version":3,"file":"design-command.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/lib/design/design-command.ts"],"names":[],"mappings":"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"}

package/src/lib/design/index.js

@@ -1,9 +1,22 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./calls-tsconfig"), exports);
-tslib_1.__exportStar(require("./check"), exports);
-tslib_1.__exportStar(require("./design-command"), exports);
-tslib_1.__exportStar(require("./paths"), exports);
-tslib_1.__exportStar(require("./serve"), exports);
+__exportStar(require("./calls-tsconfig"), exports);
+__exportStar(require("./check"), exports);
+__exportStar(require("./design-command"), exports);
+__exportStar(require("./paths"), exports);
+__exportStar(require("./serve"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/lib/design/index.ts"],"names":[],"mappings":";;;AAAA,2DAAiC;AACjC,kDAAwB;AACxB,2DAAiC;AACjC,kDAAwB;AACxB,kDAAwB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/lib/design/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAiC;AACjC,0CAAwB;AACxB,mDAAiC;AACjC,0CAAwB;AACxB,0CAAwB"}

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

@@ -0,0 +1,9 @@
+/**
+ * Writes `legacy: true` into every call of a project that declares no stage, so `et design check`
+ * accepts the calls made before the stage was required. A call that declares one stays untouched.
+ */
+export declare const markLegacy: (options: {
+    target: string;
+    argv: string[];
+    invocation: string;
+}) => 0 | 1 | 2;

package/src/lib/design/legacy.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.markLegacy = void 0;
+const fs_1 = require("fs");
+const path_1 = require("path");
+const paths_1 = require("./paths");
+const OPENING = /defineCall\(\{\n/;
+const DECLARES = /^\s*(stage|legacy)\s*:/m;
+const callFilesOf = (folder) => (0, fs_1.readdirSync)(folder).flatMap((name) => {
+    const path = (0, path_1.join)(folder, name);
+    if ((0, fs_1.statSync)(path).isDirectory())
+        return callFilesOf(path);
+    return name === 'call.ts' ? [path] : [];
+});
+/**
+ * Writes `legacy: true` into every call of a project that declares no stage, so `et design check`
+ * accepts the calls made before the stage was required. A call that declares one stays untouched.
+ */
+const markLegacy = (options) => {
+    const { target, argv, invocation } = options;
+    const project = argv.find((argument) => !argument.startsWith('--'));
+    if (!project) {
+        console.error(`usage: ${invocation} legacy <project>`);
+        return 2;
+    }
+    const folder = (0, path_1.join)((0, paths_1.callsRootOf)(target), project);
+    if (!(0, fs_1.existsSync)(folder)) {
+        console.error(`NO PROJECT "${project}" - ${(0, path_1.relative)(target, folder)} does not exist.`);
+        return 1;
+    }
+    const unreadable = [];
+    let marked = 0;
+    for (const path of callFilesOf(folder)) {
+        const text = (0, fs_1.readFileSync)(path, 'utf8');
+        if (DECLARES.test(text))
+            continue;
+        if (!OPENING.test(text)) {
+            unreadable.push((0, path_1.relative)(target, path));
+            continue;
+        }
+        (0, fs_1.writeFileSync)(path, text.replace(OPENING, (opening) => `${opening}  legacy: true,\n`));
+        console.log(`legacy ${(0, path_1.relative)(target, path)}`);
+        marked++;
+    }
+    for (const path of unreadable) {
+        console.error(`SKIPPED ${path} - no "defineCall({" line. Add legacy: true by hand.`);
+    }
+    console.log(`ok ${marked} call${marked === 1 ? '' : 's'} marked legacy in ${project}`);
+    return unreadable.length > 0 ? 1 : 0;
+};
+exports.markLegacy = markLegacy;
+//# sourceMappingURL=legacy.js.map

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

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

package/src/lib/design/missing-package.d.ts

@@ -0,0 +1,2 @@
+/** Turns a failed Angular import into a message that names the missing package, or returns null for any other error. */
+export declare const missingPackageMessage: (error: unknown, checkout: string) => string | null;

package/src/lib/design/missing-package.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.missingPackageMessage = void 0;
+const MISSING_PACKAGE = /Cannot find package '([^']+)'/;
+/** Turns a failed Angular import into a message that names the missing package, or returns null for any other error. */
+const missingPackageMessage = (error, checkout) => {
+    var _a;
+    const text = error instanceof Error ? error.message : String(error);
+    const name = (_a = MISSING_PACKAGE.exec(text)) === null || _a === void 0 ? void 0 : _a[1];
+    if (!name || !name.startsWith('@angular/'))
+        return null;
+    return `ng() needs ${name} in ${checkout}; install it as a dev dependency.`;
+};
+exports.missingPackageMessage = missingPackageMessage;
+//# sourceMappingURL=missing-package.js.map

package/src/lib/design/missing-package.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"missing-package.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/lib/design/missing-package.ts"],"names":[],"mappings":";;;AAAA,MAAM,eAAe,GAAG,+BAA+B,CAAC;AAExD,wHAAwH;AACjH,MAAM,qBAAqB,GAAG,CAAC,KAAc,EAAE,QAAgB,EAAiB,EAAE;;IACvF,MAAM,IAAI,GAAG,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACpE,MAAM,IAAI,GAAG,MAAA,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,0CAAG,CAAC,CAAC,CAAC;IAE7C,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC;QAAE,OAAO,IAAI,CAAC;IAExD,OAAO,cAAc,IAAI,OAAO,QAAQ,mCAAmC,CAAC;AAC9E,CAAC,CAAC;AAPW,QAAA,qBAAqB,yBAOhC"}

package/src/lib/design/new-call.d.ts

@@ -0,0 +1,11 @@
+/** The values of `CallStage` in `design/define-call.ts`; a spec keeps the two lists equal. */
+export declare const CALL_STAGES: string[];
+/**
+ * Writes a call that renders at once: `call.ts`, a shared `fixture.ts` and one drawing per variant
+ * key. Refuses a slug whose folder exists, so it never overwrites a drawing.
+ */
+export declare const newCall: (options: {
+    target: string;
+    argv: string[];
+    invocation: string;
+}) => 0 | 1 | 2;

package/src/lib/design/new-call.js

@@ -0,0 +1,124 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.newCall = exports.CALL_STAGES = void 0;
+const fs_1 = require("fs");
+const path_1 = require("path");
+const paths_1 = require("./paths");
+const status_1 = require("./status");
+const SEGMENT = /^[a-z0-9][a-z0-9-]*$/;
+/** The values of `CallStage` in `design/define-call.ts`; a spec keeps the two lists equal. */
+exports.CALL_STAGES = ['themes', 'ci', 'wireframe', 'component', 'element', 'page', 'prototype', 'sketch'];
+const KEY = /^[a-z][a-z0-9-]*$/;
+const titled = (word) => `${word.charAt(0).toUpperCase()}${word.slice(1).replace(/-/g, ' ')}`;
+const callFile = (options) => {
+    var _a;
+    const { slug, keys, stage } = options;
+    const variants = keys
+        .map((key) => `    {\n      key: '${key}',\n      name: 'Variant ${key}',\n      claim: 'What this variant argues.',\n` +
+        `      cost: 'What it costs.',\n      load: () => import('./variant-${key}'),\n    },`)
+        .join('\n');
+    const eyebrow = `${titled((_a = slug.split('/')[0]) !== null && _a !== void 0 ? _a : '')} · ${titled(stage)}`;
+    return `import { defineCall } from '@design-explore';
+
+export default defineCall({
+  stage: '${stage}',
+  eyebrow: '${eyebrow}',
+  headline: 'The open question, in one sentence',
+  intro: 'What the call is about, and what the variants share.',
+  frameWidth: 720,
+  variants: [
+${variants}
+  ],
+});
+`;
+};
+const FIXTURE_FILE = `export const FIXTURE = {
+  title: 'The data every variant shares',
+};
+`;
+const PLACEHOLDER_STYLES = `  styles: css\`
+    .placeholder {
+      margin: 0;
+      padding: 24px;
+      font-family: system-ui, sans-serif;
+    }
+  \`,`;
+const variantFile = (key) => `import { css, drawing, html } from '@design-explore';
+import { FIXTURE } from './fixture';
+
+export default drawing({
+  body: html\`<p class="placeholder">\${FIXTURE.title} · variant ${key}</p>\`,
+${PLACEHOLDER_STYLES}
+});
+`;
+const ngVariantFile = (key) => `import { css, drawing, html, ng } from '@design-explore';
+import { FIXTURE } from './fixture';
+
+const button = await ng(html\`<button et-button type="button">\${FIXTURE.title} · variant ${key}</button>\`, {
+  imports: ['BUTTON_IMPORTS'],
+});
+
+export default drawing({
+  body: html\`<div class="placeholder">\${button}</div>\`,
+${PLACEHOLDER_STYLES}
+});
+`;
+/**
+ * Writes a call that renders at once: `call.ts`, a shared `fixture.ts` and one drawing per variant
+ * key. Refuses a slug whose folder exists, so it never overwrites a drawing.
+ */
+const newCall = (options) => {
+    var _a, _b, _c, _d;
+    const { target, argv, invocation } = options;
+    const slug = argv.find((argument, index) => { var _a; return !argument.startsWith('--') && !['--variants', '--stage'].includes((_a = argv[index - 1]) !== null && _a !== void 0 ? _a : ''); });
+    const listed = argv[argv.indexOf('--variants') + 1];
+    const stage = argv.includes('--stage') ? ((_a = argv[argv.indexOf('--stage') + 1]) !== null && _a !== void 0 ? _a : '') : null;
+    const keys = argv.includes('--variants') ? (listed !== null && listed !== void 0 ? listed : '').split(',').filter(Boolean) : ['a', 'b'];
+    if (!slug || stage === null) {
+        console.error(`usage: ${invocation} new <project>/<group>/<name> --stage <stage> [--variants a,b]`);
+        return 2;
+    }
+    const segments = slug.split('/');
+    if (segments.length < 2 || !segments.every((segment) => SEGMENT.test(segment))) {
+        console.error(`BAD SLUG "${slug}" - use lowercase segments joined by "/", led by the project, e.g. app/checkout/01-summary.`);
+        return 2;
+    }
+    if (keys.length === 0 || !keys.every((key) => KEY.test(key)) || new Set(keys).size !== keys.length) {
+        console.error(`BAD VARIANTS "${listed !== null && listed !== void 0 ? listed : ''}" - give distinct lowercase keys, e.g. --variants a,b,c.`);
+        return 2;
+    }
+    if (!exports.CALL_STAGES.includes(stage)) {
+        console.error(`BAD STAGE "${stage}" - use one of ${exports.CALL_STAGES.join(', ')}.`);
+        return 2;
+    }
+    const folder = (0, path_1.join)((0, paths_1.callsRootOf)(target), ...segments);
+    const project = segments[0];
+    const projects = (_c = (_b = (0, paths_1.readConfig)(target)) === null || _b === void 0 ? void 0 : _b.projects) !== null && _c !== void 0 ? _c : {};
+    const rendersComponents = Boolean((_d = projects[project]) === null || _d === void 0 ? void 0 : _d.providers);
+    if ((0, fs_1.existsSync)(folder)) {
+        console.error(`CALL EXISTS - ${(0, path_1.relative)(target, folder)} is already there. Pick another slug.`);
+        return 1;
+    }
+    (0, fs_1.mkdirSync)(folder, { recursive: true });
+    (0, fs_1.writeFileSync)((0, path_1.join)(folder, 'call.ts'), callFile({ slug, keys, stage }));
+    (0, fs_1.writeFileSync)((0, path_1.join)(folder, 'fixture.ts'), FIXTURE_FILE);
+    for (const key of keys) {
+        (0, fs_1.writeFileSync)((0, path_1.join)(folder, `variant-${key}.ts`), rendersComponents ? ngVariantFile(key) : variantFile(key));
+    }
+    (0, status_1.writeStatus)({ checkout: target, slug, state: 'scaffolded' });
+    if (!(project in projects)) {
+        console.warn(`note: config.json names no project "${project}", so its drawings get no styles and no \`providers\`, ` +
+            'and the variants draw plain html instead of real components through ng().');
+    }
+    else if (!rendersComponents) {
+        console.warn(`note: project "${project}" sets no \`providers\` in config.json, so the variants draw plain html. ` +
+            'Name a providers module to render real components through ng().');
+    }
+    console.log([
+        `wrote ${(0, path_1.relative)(target, folder)}: call.ts, fixture.ts, ${keys.map((key) => `variant-${key}.ts`).join(', ')}`,
+        `next: ${invocation} check --call ${slug}`,
+    ].join('\n'));
+    return 0;
+};
+exports.newCall = newCall;
+//# sourceMappingURL=new-call.js.map

package/src/lib/design/new-call.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"new-call.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/lib/design/new-call.ts"],"names":[],"mappings":";;;AAAA,2BAA0D;AAC1D,+BAAsC;AACtC,mCAAkD;AAClD,qCAAuC;AAEvC,MAAM,OAAO,GAAG,sBAAsB,CAAC;AAEvC,8FAA8F;AACjF,QAAA,WAAW,GAAG,CAAC,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,CAAC,CAAC;AAChH,MAAM,GAAG,GAAG,mBAAmB,CAAC;AAEhC,MAAM,MAAM,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,EAAE,CAAC;AAEtG,MAAM,QAAQ,GAAG,CAAC,OAAwD,EAAE,EAAE;;IAC5E,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC;IACtC,MAAM,QAAQ,GAAG,IAAI;SAClB,GAAG,CACF,CAAC,GAAG,EAAE,EAAE,CACN,sBAAsB,GAAG,4BAA4B,GAAG,iDAAiD;QACzG,sEAAsE,GAAG,aAAa,CACzF;SACA,IAAI,CAAC,IAAI,CAAC,CAAC;IACd,MAAM,OAAO,GAAG,GAAG,MAAM,CAAC,MAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,mCAAI,EAAE,CAAC,MAAM,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;IAEzE,OAAO;;;YAGG,KAAK;cACH,OAAO;;;;;EAKnB,QAAQ;;;CAGT,CAAC;AACF,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG;;;CAGpB,CAAC;AAEF,MAAM,kBAAkB,GAAG;;;;;;MAMrB,CAAC;AAEP,MAAM,WAAW,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC;;;;mEAI8B,GAAG;EACpE,kBAAkB;;CAEnB,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC;;;4FAGqD,GAAG;;;;;;EAM7F,kBAAkB;;CAEnB,CAAC;AAEF;;;GAGG;AACI,MAAM,OAAO,GAAG,CAAC,OAA+D,EAAE,EAAE;;IACzF,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC;IAC7C,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CACpB,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,WAAC,OAAA,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,MAAA,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,mCAAI,EAAE,CAAC,CAAA,EAAA,CAC9G,CAAC;IACF,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC;IACpD,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,MAAA,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,mCAAI,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC1F,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IAElG,IAAI,CAAC,IAAI,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;QAC5B,OAAO,CAAC,KAAK,CAAC,UAAU,UAAU,gEAAgE,CAAC,CAAC;QAEpG,OAAO,CAAC,CAAC;IACX,CAAC;IAED,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAEjC,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC;QAC/E,OAAO,CAAC,KAAK,CACX,aAAa,IAAI,6FAA6F,CAC/G,CAAC;QAEF,OAAO,CAAC,CAAC;IACX,CAAC;IAED,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,MAAM,EAAE,CAAC;QACnG,OAAO,CAAC,KAAK,CAAC,iBAAiB,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,EAAE,0DAA0D,CAAC,CAAC;QAEvG,OAAO,CAAC,CAAC;IACX,CAAC;IAED,IAAI,CAAC,mBAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;QACjC,OAAO,CAAC,KAAK,CAAC,cAAc,KAAK,kBAAkB,mBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAE9E,OAAO,CAAC,CAAC;IACX,CAAC;IAED,MAAM,MAAM,GAAG,IAAA,WAAI,EAAC,IAAA,mBAAW,EAAC,MAAM,CAAC,EAAE,GAAG,QAAQ,CAAC,CAAC;IACtD,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAW,CAAC;IACtC,MAAM,QAAQ,GAAG,MAAA,MAAA,IAAA,kBAAU,EAAC,MAAM,CAAC,0CAAE,QAAQ,mCAAI,EAAE,CAAC;IACpD,MAAM,iBAAiB,GAAG,OAAO,CAAC,MAAA,QAAQ,CAAC,OAAO,CAAC,0CAAE,SAAS,CAAC,CAAC;IAEhE,IAAI,IAAA,eAAU,EAAC,MAAM,CAAC,EAAE,CAAC;QACvB,OAAO,CAAC,KAAK,CAAC,iBAAiB,IAAA,eAAQ,EAAC,MAAM,EAAE,MAAM,CAAC,uCAAuC,CAAC,CAAC;QAEhG,OAAO,CAAC,CAAC;IACX,CAAC;IAED,IAAA,cAAS,EAAC,MAAM,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;IACvC,IAAA,kBAAa,EAAC,IAAA,WAAI,EAAC,MAAM,EAAE,SAAS,CAAC,EAAE,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;IACxE,IAAA,kBAAa,EAAC,IAAA,WAAI,EAAC,MAAM,EAAE,YAAY,CAAC,EAAE,YAAY,CAAC,CAAC;IAExD,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;QACvB,IAAA,kBAAa,EAAC,IAAA,WAAI,EAAC,MAAM,EAAE,WAAW,GAAG,KAAK,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC;IAC9G,CAAC;IAED,IAAA,oBAAW,EAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC,CAAC;IAE7D,IAAI,CAAC,CAAC,OAAO,IAAI,QAAQ,CAAC,EAAE,CAAC;QAC3B,OAAO,CAAC,IAAI,CACV,uCAAuC,OAAO,yDAAyD;YACrG,2EAA2E,CAC9E,CAAC;IACJ,CAAC;SAAM,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC9B,OAAO,CAAC,IAAI,CACV,kBAAkB,OAAO,2EAA2E;YAClG,iEAAiE,CACpE,CAAC;IACJ,CAAC;IAED,OAAO,CAAC,GAAG,CACT;QACE,SAAS,IAAA,eAAQ,EAAC,MAAM,EAAE,MAAM,CAAC,0BAA0B,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,WAAW,GAAG,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;QAC9G,SAAS,UAAU,iBAAiB,IAAI,EAAE;KAC3C,CAAC,IAAI,CAAC,IAAI,CAAC,CACb,CAAC;IAEF,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AA9EW,QAAA,OAAO,WA8ElB"}

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

@@ -1,18 +1,39 @@
 /** Where every repository keeps its design work. The layout is convention, not configuration. */
 export declare const DESIGN_DIR = ".ethlete/design";
-/** One project's drawing environment: the stylesheets a frame loads, and the markup it puts in `<head>`. */
+/**
+ * One project's drawing environment: the stylesheets a frame loads, the markup it puts in `<head>`,
+ * the module whose default export is the Angular providers array `ng()` renders under, and the
+ * surface and colour theme names a call can be drawn under. The first name of each list is the default.
+ */
 export type DesignProject = {
     styles?: string[];
     head?: string;
+    providers?: string;
+    themes?: DesignThemes;
+};
+export type DesignThemes = {
+    surface?: string[];
+    color?: string[];
+};
+/**
+ * Where `ng()` takes its code from. `packages` maps a package pattern to a checkout path, for
+ * example `{ "@ethlete/*": "dist/libs/*" }`; a drawing's subpath imports such as
+ * `@ethlete/core/design/theme-css` load from the mapped folder too. `modules` names the packages an
+ * import name is looked up in, `['@ethlete/components', '@ethlete/core']` when left out.
+ */
+export type DesignRenderConfig = {
+    packages?: Record<string, string>;
+    modules?: string[];
 };
 export type DesignConfig = {
     port?: number;
     defaultCall?: string;
+    render?: DesignRenderConfig;
     projects?: Record<string, DesignProject>;
 };
 export declare const DEFAULT_PORT = 4402;
 /**
- * The package's own `design` folder, which carries the web pages and the authoring API. It sits
+ * The package's own `design` folder, which carries the frame page and the authoring API. It sits
  * three levels above this file both in the source tree and in the build output.
  */
 export declare const assetRoot: () => string;

package/src/lib/design/paths.js

@@ -7,7 +7,7 @@ const path_1 = require("path");
 exports.DESIGN_DIR = '.ethlete/design';
 exports.DEFAULT_PORT = 4402;
 /**
- * The package's own `design` folder, which carries the web pages and the authoring API. It sits
+ * The package's own `design` folder, which carries the frame page and the authoring API. It sits
  * three levels above this file both in the source tree and in the build output.
  */
 const assetRoot = () => (0, path_1.resolve)(__dirname, '../../../design');

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

@@ -1 +1 @@
-{"version":3,"file":"paths.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/lib/design/paths.ts"],"names":[],"mappings":";;;AAAA,2BAA8C;AAC9C,+BAA+B;AAE/B,iGAAiG;AACpF,QAAA,UAAU,GAAG,iBAAiB,CAAC;AAc/B,QAAA,YAAY,GAAG,IAAI,CAAC;AAEjC;;;GAGG;AACI,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,IAAA,cAAO,EAAC,SAAS,EAAE,iBAAiB,CAAC,CAAC;AAAxD,QAAA,SAAS,aAA+C;AAE9D,MAAM,YAAY,GAAG,CAAC,MAAc,EAAE,EAAE,CAAC,IAAA,cAAO,EAAC,MAAM,EAAE,kBAAU,EAAE,aAAa,CAAC,CAAC;AAA9E,QAAA,YAAY,gBAAkE;AAEpF,MAAM,WAAW,GAAG,CAAC,MAAc,EAAE,EAAE,CAAC,IAAA,cAAO,EAAC,MAAM,EAAE,kBAAU,EAAE,OAAO,CAAC,CAAC;AAAvE,QAAA,WAAW,eAA4D;AAEpF,8FAA8F;AACvF,MAAM,UAAU,GAAG,CAAC,MAAc,EAAE,EAAE,CAAC,IAAA,cAAO,EAAC,MAAM,EAAE,8BAA8B,CAAC,CAAC;AAAjF,QAAA,UAAU,cAAuE;AAEvF,MAAM,UAAU,GAAG,CAAC,MAAc,EAAuB,EAAE;IAChE,MAAM,IAAI,GAAG,IAAA,oBAAY,EAAC,MAAM,CAAC,CAAC;IAElC,IAAI,CAAC,IAAA,eAAU,EAAC,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC;IAEnC,OAAO,IAAI,CAAC,KAAK,CAAC,IAAA,iBAAY,EAAC,IAAI,EAAE,MAAM,CAAC,CAAiB,CAAC;AAChE,CAAC,CAAC;AANW,QAAA,UAAU,cAMrB;AAEK,MAAM,MAAM,GAAG,CAAC,MAAoB,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,IAAI,MAAM,CAAC,IAAI,IAAI,oBAAY,CAAC;AAAjG,QAAA,MAAM,UAA2F"}
+{"version":3,"file":"paths.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/lib/design/paths.ts"],"names":[],"mappings":";;;AAAA,2BAA8C;AAC9C,+BAA+B;AAE/B,iGAAiG;AACpF,QAAA,UAAU,GAAG,iBAAiB,CAAC;AAqC/B,QAAA,YAAY,GAAG,IAAI,CAAC;AAEjC;;;GAGG;AACI,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,IAAA,cAAO,EAAC,SAAS,EAAE,iBAAiB,CAAC,CAAC;AAAxD,QAAA,SAAS,aAA+C;AAE9D,MAAM,YAAY,GAAG,CAAC,MAAc,EAAE,EAAE,CAAC,IAAA,cAAO,EAAC,MAAM,EAAE,kBAAU,EAAE,aAAa,CAAC,CAAC;AAA9E,QAAA,YAAY,gBAAkE;AAEpF,MAAM,WAAW,GAAG,CAAC,MAAc,EAAE,EAAE,CAAC,IAAA,cAAO,EAAC,MAAM,EAAE,kBAAU,EAAE,OAAO,CAAC,CAAC;AAAvE,QAAA,WAAW,eAA4D;AAEpF,8FAA8F;AACvF,MAAM,UAAU,GAAG,CAAC,MAAc,EAAE,EAAE,CAAC,IAAA,cAAO,EAAC,MAAM,EAAE,8BAA8B,CAAC,CAAC;AAAjF,QAAA,UAAU,cAAuE;AAEvF,MAAM,UAAU,GAAG,CAAC,MAAc,EAAuB,EAAE;IAChE,MAAM,IAAI,GAAG,IAAA,oBAAY,EAAC,MAAM,CAAC,CAAC;IAElC,IAAI,CAAC,IAAA,eAAU,EAAC,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC;IAEnC,OAAO,IAAI,CAAC,KAAK,CAAC,IAAA,iBAAY,EAAC,IAAI,EAAE,MAAM,CAAC,CAAiB,CAAC;AAChE,CAAC,CAAC;AANW,QAAA,UAAU,cAMrB;AAEK,MAAM,MAAM,GAAG,CAAC,MAAoB,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,IAAI,MAAM,CAAC,IAAI,IAAI,oBAAY,CAAC;AAAjG,QAAA,MAAM,UAA2F"}

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

@@ -0,0 +1,29 @@
+export type FieldErrorSpec = string | {
+    kind: string;
+    message?: string;
+};
+export type FieldSpec = {
+    value: unknown;
+    errors?: FieldErrorSpec[];
+    touched?: boolean;
+};
+type SignalForms = {
+    form: (model: unknown, schema: (path: Record<string, unknown>) => void) => Record<string, () => FieldStateLike>;
+    validate: (path: unknown, logic: () => {
+        kind: string;
+        message?: string;
+    }[]) => void;
+};
+type FieldStateLike = {
+    markAsTouched: () => void;
+};
+/**
+ * A signal form tree with one field per entry of `specs`, each holding its value, its fixed
+ * errors and its touched state. Must run in an injection context.
+ */
+export declare const buildFields: (options: {
+    specs: Record<string, FieldSpec>;
+    forms: SignalForms;
+    signal: <T>(value: T) => unknown;
+}) => Record<string, () => FieldStateLike>;
+export {};

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

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildFields = void 0;
+const toError = (error) => (typeof error === 'string' ? { kind: error } : error);
+/**
+ * A signal form tree with one field per entry of `specs`, each holding its value, its fixed
+ * errors and its touched state. Must run in an injection context.
+ */
+const buildFields = (options) => {
+    const { specs, forms, signal } = options;
+    const entries = Object.entries(specs);
+    const model = signal(Object.fromEntries(entries.map(([name, spec]) => [name, spec.value])));
+    const tree = forms.form(model, (path) => {
+        var _a;
+        for (const [name, spec] of entries) {
+            const errors = ((_a = spec.errors) !== null && _a !== void 0 ? _a : []).map(toError);
+            if (errors.length > 0)
+                forms.validate(path[name], () => errors);
+        }
+    });
+    // A field tree is a proxy whose every property is a child field, so `field?.()` breaks once it
+    // is compiled down to `field.call(...)`.
+    for (const [name, spec] of entries) {
+        const field = tree[name];
+        if (spec.touched && field)
+            field().markAsTouched();
+    }
+    return tree;
+};
+exports.buildFields = buildFields;
+//# sourceMappingURL=render-fields.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"render-fields.js","sourceRoot":"","sources":["../../../../../../libs/cli/src/lib/design/render-fields.ts"],"names":[],"mappings":";;;AAWA,MAAM,OAAO,GAAG,CAAC,KAAqB,EAAE,EAAE,CAAC,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AAEjG;;;GAGG;AACI,MAAM,WAAW,GAAG,CAAC,OAI3B,EAAE,EAAE;IACH,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC;IACzC,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACtC,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5F,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,EAAE;;QACtC,KAAK,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,OAAO,EAAE,CAAC;YACnC,MAAM,MAAM,GAAG,CAAC,MAAA,IAAI,CAAC,MAAM,mCAAI,EAAE,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;YAEhD,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC;gBAAE,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC;QAClE,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,+FAA+F;IAC/F,yCAAyC;IACzC,KAAK,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,OAAO,EAAE,CAAC;QACnC,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;QAEzB,IAAI,IAAI,CAAC,OAAO,IAAI,KAAK;YAAE,KAAK,EAAE,CAAC,aAAa,EAAE,CAAC;IACrD,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAzBW,QAAA,WAAW,eAyBtB"}

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

@@ -0,0 +1,69 @@
+import { FieldSpec } from './render-fields';
+export declare const DEFAULT_RENDER_MODULES: string[];
+export type RenderWorkerData = {
+    target: string;
+    packages: Record<string, string>;
+    modules: string[];
+};
+export type RenderRequest = {
+    id: number;
+    template: string;
+    imports: string[];
+    fields: Record<string, FieldSpec> | null;
+    providers: string | null;
+};
+export type RenderResult = {
+    markup: string;
+    styles: string[];
+} | {
+    error: string;
+};
+export type RenderResponse = RenderResult & {
+    id: number;
+    watched: Record<string, number>;
+};
+export type MappedPackage = {
+    dir: string;
+    subpath: string;
+};
+/**
+ * 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`.
+ */
+export declare const mapPackage: (options: {
+    specifier: string;
+    packages: Record<string, string>;
+    target: string;
+}) => MappedPackage | null;
+/** The file a mapped package exports at its subpath, read from its own `package.json` exports. */
+export declare const entryOf: (mapped: MappedPackage) => string;
+/**
+ * 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`.
+ */
+export declare const mappedSubpathOf: (options: {
+    specifier: string;
+    packages: Record<string, string>;
+    target: string;
+}) => string | null;
+/** The values behind the names a call imports, each from the first module that exports it. */
+export declare const lookupImports: (options: {
+    names: string[];
+    modules: Record<string, Record<string, unknown>>;
+}) => unknown[];
+/**
+ * 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.
+ */
+export declare const extractRender: (document: string) => {
+    markup: string;
+    styles: string[];
+};
+/**
+ * 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.
+ */
+export declare const typePathsOf: (options: {
+    packages: Record<string, string>;
+    target: string;
+}) => Record<string, string[]>;