@cratis/scene.blueprint.default 0.1.0

package/dist/cjs/gallery/nesting.js

@@ -0,0 +1,129 @@
+'use strict';
+
+var ComponentName = require('../ComponentName.js');
+var SlotName = require('../layouts/SlotName.js');
+var flowBuilders = require('../layouts/flowBuilders.js');
+require('../layouts/shellComponents.js');
+require('../layouts/appShell.js');
+require('../layouts/fullPage.js');
+var TemplateSlotName = require('./TemplateSlotName.js');
+var elements = require('./elements.js');
+var widgets = require('./widgets.js');
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * A worked three-level chain, from the application layout down to a slice.
+ *
+ * The nesting rule is one rule applied at every depth: a template names, in `fitsSlot`, a slot declared by
+ * whatever contains it. A module's template fits the application layout's `content`; a feature's template
+ * fits a slot the module's template declares; a slice's fits one the feature's declares. Nothing here is a
+ * special case for a particular level - which is exactly why the hierarchy can be arbitrarily deep without
+ * a second mechanism.
+ *
+ * These three exist to make that concrete and to be asserted by a spec, because "it composes recursively"
+ * is the kind of claim that is true in a design document and wrong in the code.
+ */ /**
+ * Module level: fits the application shell's `content` slot.
+ *
+ * It brings its own header - a module always has a name and a description - and offers a body for the
+ * feature inside it plus an optional side panel.
+ */ const moduleWorkspaceTemplate = {
+    name: 'ModuleWorkspace',
+    fitsSlot: SlotName.SlotName.Content,
+    slots: [
+        {
+            name: TemplateSlotName.TemplateSlotName.Header
+        },
+        {
+            name: TemplateSlotName.TemplateSlotName.Body
+        },
+        {
+            name: TemplateSlotName.TemplateSlotName.SidePanel
+        }
+    ],
+    content: {
+        [TemplateSlotName.TemplateSlotName.Header]: [
+            widgets.pageHeader('module-header', 'Operations', 'Everything the operations module owns')
+        ]
+    },
+    displayName: 'Module workspace',
+    description: 'Module level: fits the application layout content slot and offers a body for one feature.'
+};
+/**
+ * Feature level: fits the module workspace's `body` slot.
+ *
+ * It brings a toolbar, because a feature is where actions belong - a module is a grouping, a slice is one
+ * behavior, and the feature in between is what a user thinks of as a screen with buttons on it.
+ */ const featureSectionTemplate = {
+    name: 'FeatureSection',
+    fitsSlot: TemplateSlotName.TemplateSlotName.Body,
+    slots: [
+        {
+            name: TemplateSlotName.TemplateSlotName.Toolbar
+        },
+        {
+            name: TemplateSlotName.TemplateSlotName.Body
+        }
+    ],
+    content: {
+        [TemplateSlotName.TemplateSlotName.Toolbar]: [
+            elements.button('feature-new', 'New', {
+                severity: 'primary',
+                icon: 'pi pi-plus'
+            }),
+            elements.button('feature-export', 'Export', {
+                severity: 'secondary',
+                icon: 'pi pi-download'
+            })
+        ]
+    },
+    displayName: 'Feature section',
+    description: 'Feature level: fits a module workspace body slot and brings the action toolbar.'
+};
+/**
+ * Slice level: fits the feature section's `body` slot.
+ *
+ * The end of the chain, and deliberately the thinnest thing in it - one behavior's surface, with somewhere
+ * to put it and somewhere to put its actions.
+ */ const sliceSectionTemplate = {
+    name: 'SliceSection',
+    fitsSlot: TemplateSlotName.TemplateSlotName.Body,
+    slots: [
+        {
+            name: TemplateSlotName.TemplateSlotName.Body
+        },
+        {
+            name: TemplateSlotName.TemplateSlotName.Actions
+        }
+    ],
+    arrangement: {
+        root: flowBuilders.column([
+            flowBuilders.slotLeaf(TemplateSlotName.TemplateSlotName.Body, {
+                grow: 1
+            }),
+            flowBuilders.slotLeaf(TemplateSlotName.TemplateSlotName.Actions)
+        ])
+    },
+    content: {
+        [TemplateSlotName.TemplateSlotName.Body]: [
+            elements.externalComponent('slice-body', ComponentName.ComponentName.PageHeader, {
+                title: 'Adjustment',
+                subtitle: 'One behavior, one surface'
+            })
+        ]
+    },
+    displayName: 'Slice section',
+    description: 'Slice level: fits a feature section body slot and hosts one behavior.'
+};
+/** The chain, outermost first - what a spec walks to prove `fitsSlot` resolves at every level. */ const nestingChainTemplates = [
+    moduleWorkspaceTemplate,
+    featureSectionTemplate,
+    sliceSectionTemplate
+];
+
+exports.featureSectionTemplate = featureSectionTemplate;
+exports.moduleWorkspaceTemplate = moduleWorkspaceTemplate;
+exports.nestingChainTemplates = nestingChainTemplates;
+exports.sliceSectionTemplate = sliceSectionTemplate;
+//# sourceMappingURL=nesting.js.map

package/dist/cjs/gallery/nesting.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nesting.js","sources":["../../../gallery/nesting.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { ScreenTemplate } from '@cratis/scene.model';\nimport { ComponentName } from '../ComponentName';\nimport { SlotName, column, slotLeaf } from '../layouts';\nimport { TemplateSlotName } from './TemplateSlotName';\nimport { button, externalComponent } from './elements';\nimport { pageHeader } from './widgets';\n\n/**\n * A worked three-level chain, from the application layout down to a slice.\n *\n * The nesting rule is one rule applied at every depth: a template names, in `fitsSlot`, a slot declared by\n * whatever contains it. A module's template fits the application layout's `content`; a feature's template\n * fits a slot the module's template declares; a slice's fits one the feature's declares. Nothing here is a\n * special case for a particular level - which is exactly why the hierarchy can be arbitrarily deep without\n * a second mechanism.\n *\n * These three exist to make that concrete and to be asserted by a spec, because \"it composes recursively\"\n * is the kind of claim that is true in a design document and wrong in the code.\n */\n\n/**\n * Module level: fits the application shell's `content` slot.\n *\n * It brings its own header - a module always has a name and a description - and offers a body for the\n * feature inside it plus an optional side panel.\n */\nexport const moduleWorkspaceTemplate: ScreenTemplate = {\n    name: 'ModuleWorkspace',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }, { name: TemplateSlotName.SidePanel }],\n    content: {\n        [TemplateSlotName.Header]: [pageHeader('module-header', 'Operations', 'Everything the operations module owns')],\n    },\n    displayName: 'Module workspace',\n    description: 'Module level: fits the application layout content slot and offers a body for one feature.',\n};\n\n/**\n * Feature level: fits the module workspace's `body` slot.\n *\n * It brings a toolbar, because a feature is where actions belong - a module is a grouping, a slice is one\n * behavior, and the feature in between is what a user thinks of as a screen with buttons on it.\n */\nexport const featureSectionTemplate: ScreenTemplate = {\n    name: 'FeatureSection',\n    fitsSlot: TemplateSlotName.Body,\n    slots: [{ name: TemplateSlotName.Toolbar }, { name: TemplateSlotName.Body }],\n    content: {\n        [TemplateSlotName.Toolbar]: [\n            button('feature-new', 'New', { severity: 'primary', icon: 'pi pi-plus' }),\n            button('feature-export', 'Export', { severity: 'secondary', icon: 'pi pi-download' }),\n        ],\n    },\n    displayName: 'Feature section',\n    description: 'Feature level: fits a module workspace body slot and brings the action toolbar.',\n};\n\n/**\n * Slice level: fits the feature section's `body` slot.\n *\n * The end of the chain, and deliberately the thinnest thing in it - one behavior's surface, with somewhere\n * to put it and somewhere to put its actions.\n */\nexport const sliceSectionTemplate: ScreenTemplate = {\n    name: 'SliceSection',\n    fitsSlot: TemplateSlotName.Body,\n    slots: [{ name: TemplateSlotName.Body }, { name: TemplateSlotName.Actions }],\n    arrangement: {\n        root: column([slotLeaf(TemplateSlotName.Body, { grow: 1 }), slotLeaf(TemplateSlotName.Actions)]),\n    },\n    content: {\n        [TemplateSlotName.Body]: [externalComponent('slice-body', ComponentName.PageHeader, { title: 'Adjustment', subtitle: 'One behavior, one surface' })],\n    },\n    displayName: 'Slice section',\n    description: 'Slice level: fits a feature section body slot and hosts one behavior.',\n};\n\n/** The chain, outermost first - what a spec walks to prove `fitsSlot` resolves at every level. */\nexport const nestingChainTemplates: ScreenTemplate[] = [moduleWorkspaceTemplate, featureSectionTemplate, sliceSectionTemplate];\n"],"names":["moduleWorkspaceTemplate","name","fitsSlot","SlotName","Content","slots","TemplateSlotName","Header","Body","SidePanel","content","pageHeader","displayName","description","featureSectionTemplate","Toolbar","button","severity","icon","sliceSectionTemplate","Actions","arrangement","root","column","slotLeaf","grow","externalComponent","ComponentName","PageHeader","title","subtitle","nestingChainTemplates"],"mappings":";;;;;;;;;;;;AAAA;AACA;AASA;;;;;;;;;;;;;;;;UAmBaA,uBAAAA,GAA0C;IACnDC,IAAAA,EAAM,iBAAA;AACNC,IAAAA,QAAAA,EAAUC,kBAASC,OAAO;IAC1BC,KAAAA,EAAO;AAAC,QAAA;AAAEJ,YAAAA,IAAAA,EAAMK,kCAAiBC;AAAO,SAAA;AAAG,QAAA;AAAEN,YAAAA,IAAAA,EAAMK,kCAAiBE;AAAK,SAAA;AAAG,QAAA;AAAEP,YAAAA,IAAAA,EAAMK,kCAAiBG;AAAU;AAAE,KAAA;IACjHC,OAAAA,EAAS;QACL,CAACJ,iCAAAA,CAAiBC,MAAM,GAAG;AAACI,YAAAA,kBAAAA,CAAW,iBAAiB,YAAA,EAAc,uCAAA;AAAyC;AACnH,KAAA;IACAC,WAAAA,EAAa,kBAAA;IACbC,WAAAA,EAAa;AACjB;AAEA;;;;;UAMaC,sBAAAA,GAAyC;IAClDb,IAAAA,EAAM,gBAAA;AACNC,IAAAA,QAAAA,EAAUI,kCAAiBE,IAAI;IAC/BH,KAAAA,EAAO;AAAC,QAAA;AAAEJ,YAAAA,IAAAA,EAAMK,kCAAiBS;AAAQ,SAAA;AAAG,QAAA;AAAEd,YAAAA,IAAAA,EAAMK,kCAAiBE;AAAK;AAAE,KAAA;IAC5EE,OAAAA,EAAS;QACL,CAACJ,iCAAAA,CAAiBS,OAAO,GAAG;AACxBC,YAAAA,eAAAA,CAAO,eAAe,KAAA,EAAO;gBAAEC,QAAAA,EAAU,SAAA;gBAAWC,IAAAA,EAAM;AAAa,aAAA,CAAA;AACvEF,YAAAA,eAAAA,CAAO,kBAAkB,QAAA,EAAU;gBAAEC,QAAAA,EAAU,WAAA;gBAAaC,IAAAA,EAAM;AAAiB,aAAA;AACtF;AACL,KAAA;IACAN,WAAAA,EAAa,iBAAA;IACbC,WAAAA,EAAa;AACjB;AAEA;;;;;UAMaM,oBAAAA,GAAuC;IAChDlB,IAAAA,EAAM,cAAA;AACNC,IAAAA,QAAAA,EAAUI,kCAAiBE,IAAI;IAC/BH,KAAAA,EAAO;AAAC,QAAA;AAAEJ,YAAAA,IAAAA,EAAMK,kCAAiBE;AAAK,SAAA;AAAG,QAAA;AAAEP,YAAAA,IAAAA,EAAMK,kCAAiBc;AAAQ;AAAE,KAAA;IAC5EC,WAAAA,EAAa;AACTC,QAAAA,IAAAA,EAAMC,mBAAAA,CAAO;YAACC,qBAAAA,CAASlB,iCAAAA,CAAiBE,IAAI,EAAE;gBAAEiB,IAAAA,EAAM;AAAE,aAAA,CAAA;AAAID,YAAAA,qBAAAA,CAASlB,kCAAiBc,OAAO;AAAE,SAAA;AACnG,KAAA;IACAV,OAAAA,EAAS;QACL,CAACJ,iCAAAA,CAAiBE,IAAI,GAAG;YAACkB,0BAAAA,CAAkB,YAAA,EAAcC,2BAAAA,CAAcC,UAAU,EAAE;gBAAEC,KAAAA,EAAO,YAAA;gBAAcC,QAAAA,EAAU;AAA4B,aAAA;AAAG;AACxJ,KAAA;IACAlB,WAAAA,EAAa,eAAA;IACbC,WAAAA,EAAa;AACjB;AAEA,mGACO,MAAMkB,qBAAAA,GAA0C;AAAC/B,IAAAA,uBAAAA;AAAyBc,IAAAA,sBAAAA;AAAwBK,IAAAA;;;;;;;;"}

package/dist/cjs/gallery/previewProfile.js

@@ -0,0 +1,68 @@
+'use strict';
+
+var ComponentName = require('../ComponentName.js');
+var packageName = require('../packageName.js');
+var dependencyComponentNames = require('./dependencyComponentNames.js');
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The profile the gallery is previewed against.
+ *
+ * `core` is listed explicitly rather than left to `effectivePackages` to prepend, because a theme's
+ * compatibility is checked against exactly what the profile declares - and a profile that leans on the
+ * implicit fallback would make a theme look incompatible with a package the profile never admitted to
+ * using. Declaration order is ascending priority, so this blueprint's own names win over the component
+ * libraries', which is what lets it provide a `breadcrumb` of its own without hiding PrimeReact's.
+ */ const galleryProfile = {
+    name: 'Gallery',
+    targetPlatform: 'web',
+    packages: [
+        'core',
+        'PrimeReact',
+        'Cratis.Components',
+        packageName.defaultBlueprintName
+    ]
+};
+/**
+ * The profile a *preview* resolves against, when only some of those packages are actually loaded.
+ *
+ * Same four packages, different order, and the difference is deliberate. This blueprint takes no npm
+ * dependency on PrimeReact's or Cratis Components' bundles - a blueprint declares its dependencies in its
+ * manifest, not in its bundler graph - so a preview run from this package has `core` and this blueprint
+ * implemented and nothing else. Ranking `core` above the two libraries means `text`, `button` and `card`
+ * resolve to something that exists, and the preview shows real content instead of a wall of placeholders.
+ *
+ * Names only the libraries declare - `dataTable`, `timeline`, `tag` - still resolve to them, find no
+ * implementation, and render as `UnresolvedComponent`'s dashed box naming what is missing. That is the
+ * right outcome rather than a papered-over one: previewing a blueprint against half a profile *should*
+ * look visibly incomplete. A host with all four bundles loaded uses {@link galleryProfile} and sees the
+ * real widgets.
+ */ const galleryPreviewProfile = {
+    name: 'Gallery preview',
+    targetPlatform: 'web',
+    packages: [
+        'PrimeReact',
+        'Cratis.Components',
+        'core',
+        packageName.defaultBlueprintName
+    ]
+};
+/**
+ * The component catalog the gallery resolves against.
+ *
+ * This blueprint's own entry is its real declared component list; the other three are the subsets it
+ * borrows, each name checked against the owning package's own manifest (see `dependencyComponentNames.ts`).
+ * A host that has all four packages loaded should build this from their manifests instead - the shape is
+ * the same, and anything that has drifted then fails this blueprint's specs rather than a preview.
+ */ const galleryComponentCatalog = {
+    core: dependencyComponentNames.coreComponentNames,
+    PrimeReact: dependencyComponentNames.primeReactComponentNames,
+    'Cratis.Components': dependencyComponentNames.cratisComponentsNames,
+    [packageName.defaultBlueprintName]: Object.values(ComponentName.ComponentName)
+};
+
+exports.galleryComponentCatalog = galleryComponentCatalog;
+exports.galleryPreviewProfile = galleryPreviewProfile;
+exports.galleryProfile = galleryProfile;
+//# sourceMappingURL=previewProfile.js.map

package/dist/cjs/gallery/previewProfile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"previewProfile.js","sources":["../../../gallery/previewProfile.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { UiProfile } from '@cratis/scene.model';\nimport { PackageCatalog } from '@cratis/scene.engine';\nimport { ComponentName } from '../ComponentName';\nimport { defaultBlueprintName } from '../packageName';\nimport { coreComponentNames, cratisComponentsNames, primeReactComponentNames } from './dependencyComponentNames';\n\n/**\n * The profile the gallery is previewed against.\n *\n * `core` is listed explicitly rather than left to `effectivePackages` to prepend, because a theme's\n * compatibility is checked against exactly what the profile declares - and a profile that leans on the\n * implicit fallback would make a theme look incompatible with a package the profile never admitted to\n * using. Declaration order is ascending priority, so this blueprint's own names win over the component\n * libraries', which is what lets it provide a `breadcrumb` of its own without hiding PrimeReact's.\n */\nexport const galleryProfile: UiProfile = {\n    name: 'Gallery',\n    targetPlatform: 'web',\n    packages: ['core', 'PrimeReact', 'Cratis.Components', defaultBlueprintName],\n};\n\n/**\n * The profile a *preview* resolves against, when only some of those packages are actually loaded.\n *\n * Same four packages, different order, and the difference is deliberate. This blueprint takes no npm\n * dependency on PrimeReact's or Cratis Components' bundles - a blueprint declares its dependencies in its\n * manifest, not in its bundler graph - so a preview run from this package has `core` and this blueprint\n * implemented and nothing else. Ranking `core` above the two libraries means `text`, `button` and `card`\n * resolve to something that exists, and the preview shows real content instead of a wall of placeholders.\n *\n * Names only the libraries declare - `dataTable`, `timeline`, `tag` - still resolve to them, find no\n * implementation, and render as `UnresolvedComponent`'s dashed box naming what is missing. That is the\n * right outcome rather than a papered-over one: previewing a blueprint against half a profile *should*\n * look visibly incomplete. A host with all four bundles loaded uses {@link galleryProfile} and sees the\n * real widgets.\n */\nexport const galleryPreviewProfile: UiProfile = {\n    name: 'Gallery preview',\n    targetPlatform: 'web',\n    packages: ['PrimeReact', 'Cratis.Components', 'core', defaultBlueprintName],\n};\n\n/**\n * The component catalog the gallery resolves against.\n *\n * This blueprint's own entry is its real declared component list; the other three are the subsets it\n * borrows, each name checked against the owning package's own manifest (see `dependencyComponentNames.ts`).\n * A host that has all four packages loaded should build this from their manifests instead - the shape is\n * the same, and anything that has drifted then fails this blueprint's specs rather than a preview.\n */\nexport const galleryComponentCatalog: PackageCatalog = {\n    core: coreComponentNames,\n    PrimeReact: primeReactComponentNames,\n    'Cratis.Components': cratisComponentsNames,\n    [defaultBlueprintName]: Object.values(ComponentName),\n};\n"],"names":["galleryProfile","name","targetPlatform","packages","defaultBlueprintName","galleryPreviewProfile","galleryComponentCatalog","core","coreComponentNames","PrimeReact","primeReactComponentNames","cratisComponentsNames","Object","values","ComponentName"],"mappings":";;;;;;AAAA;AACA;AAQA;;;;;;;;UASaA,cAAAA,GAA4B;IACrCC,IAAAA,EAAM,SAAA;IACNC,cAAAA,EAAgB,KAAA;IAChBC,QAAAA,EAAU;AAAC,QAAA,MAAA;AAAQ,QAAA,YAAA;AAAc,QAAA,mBAAA;AAAqBC,QAAAA;AAAqB;AAC/E;AAEA;;;;;;;;;;;;;;UAeaC,qBAAAA,GAAmC;IAC5CJ,IAAAA,EAAM,iBAAA;IACNC,cAAAA,EAAgB,KAAA;IAChBC,QAAAA,EAAU;AAAC,QAAA,YAAA;AAAc,QAAA,mBAAA;AAAqB,QAAA,MAAA;AAAQC,QAAAA;AAAqB;AAC/E;AAEA;;;;;;;UAQaE,uBAAAA,GAA0C;IACnDC,IAAAA,EAAMC,2CAAAA;IACNC,UAAAA,EAAYC,iDAAAA;IACZ,mBAAA,EAAqBC,8CAAAA;AACrB,IAAA,CAACP,gCAAAA,GAAuBQ,MAAAA,CAAOC,MAAM,CAACC,2BAAAA;AAC1C;;;;;;"}

package/dist/cjs/gallery/resolveElementNames.js

@@ -0,0 +1,63 @@
+'use strict';
+
+var scene_engine = require('@cratis/scene.engine');
+var scene_react = require('@cratis/scene.react');
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * Rewrites an element tree's bare component names into the keys the React registry is keyed by.
+ *
+ * The renderer looks a component up by `element.componentName` against a registry keyed by
+ * `componentRegistryKey(package, name)`, so something has to resolve bare names against the active profile
+ * first. Wiring that into the renderer proper is Stage's job and does not exist yet; this is the small
+ * local version that lets the gallery boot through the *real* engine and the *real* registry today rather
+ * than waiting for it.
+ *
+ * A name nothing declares is left exactly as written. That is deliberate: the renderer then falls back to
+ * `UnresolvedComponent` and shows a dashed red box naming the component, which is far more useful than a
+ * throw from inside a tree walk.
+ *
+ * @param element The tree to rewrite.
+ * @param profile The profile whose package priority decides which package wins a bare name.
+ * @param catalog Each active package's declared component names.
+ * @returns A new tree; the original is untouched.
+ */ function resolveElementComponentNames(element, profile, catalog) {
+    if (scene_engine.isExternalComponent(element)) {
+        const resolution = scene_engine.resolveComponentName(element.componentName, profile, catalog);
+        const resolved = {
+            ...element,
+            componentName: resolution ? scene_react.componentRegistryKey(resolution.package, resolution.name) : element.componentName,
+            slots: Object.fromEntries(Object.entries(element.slots).map(([name, children])=>[
+                    name,
+                    children.map((child)=>resolveElementComponentNames(child, profile, catalog))
+                ]))
+        };
+        return resolved;
+    }
+    if (scene_engine.isContentControl(element)) {
+        const contentControl = {
+            ...element,
+            content: resolveElementComponentNames(element.content, profile, catalog)
+        };
+        return contentControl;
+    }
+    if (scene_engine.isItemsControl(element)) {
+        const itemsControl = {
+            ...element,
+            itemTemplate: resolveElementComponentNames(element.itemTemplate, profile, catalog)
+        };
+        return itemsControl;
+    }
+    if (scene_engine.isPanel(element)) {
+        const panel = {
+            ...element,
+            children: element.children.map((child)=>resolveElementComponentNames(child, profile, catalog))
+        };
+        return panel;
+    }
+    return element;
+}
+
+exports.resolveElementComponentNames = resolveElementComponentNames;
+//# sourceMappingURL=resolveElementNames.js.map

package/dist/cjs/gallery/resolveElementNames.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveElementNames.js","sources":["../../../gallery/resolveElementNames.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { ContentControl, ExternalComponent, ItemsControl, Panel, SceneElement, UiProfile } from '@cratis/scene.model';\nimport { PackageCatalog, isContentControl, isExternalComponent, isItemsControl, isPanel, resolveComponentName } from '@cratis/scene.engine';\nimport { componentRegistryKey } from '@cratis/scene.react';\n\n/**\n * Rewrites an element tree's bare component names into the keys the React registry is keyed by.\n *\n * The renderer looks a component up by `element.componentName` against a registry keyed by\n * `componentRegistryKey(package, name)`, so something has to resolve bare names against the active profile\n * first. Wiring that into the renderer proper is Stage's job and does not exist yet; this is the small\n * local version that lets the gallery boot through the *real* engine and the *real* registry today rather\n * than waiting for it.\n *\n * A name nothing declares is left exactly as written. That is deliberate: the renderer then falls back to\n * `UnresolvedComponent` and shows a dashed red box naming the component, which is far more useful than a\n * throw from inside a tree walk.\n *\n * @param element The tree to rewrite.\n * @param profile The profile whose package priority decides which package wins a bare name.\n * @param catalog Each active package's declared component names.\n * @returns A new tree; the original is untouched.\n */\nexport function resolveElementComponentNames(element: SceneElement, profile: UiProfile, catalog: PackageCatalog): SceneElement {\n    if (isExternalComponent(element)) {\n        const resolution = resolveComponentName(element.componentName, profile, catalog);\n        const resolved: ExternalComponent = {\n            ...element,\n            componentName: resolution ? componentRegistryKey(resolution.package, resolution.name) : element.componentName,\n            slots: Object.fromEntries(\n                Object.entries(element.slots).map(([name, children]) => [name, children.map(child => resolveElementComponentNames(child, profile, catalog))]),\n            ),\n        };\n        return resolved;\n    }\n\n    if (isContentControl(element)) {\n        const contentControl: ContentControl = { ...element, content: resolveElementComponentNames(element.content, profile, catalog) };\n        return contentControl;\n    }\n\n    if (isItemsControl(element)) {\n        const itemsControl: ItemsControl = { ...element, itemTemplate: resolveElementComponentNames(element.itemTemplate, profile, catalog) };\n        return itemsControl;\n    }\n\n    if (isPanel(element)) {\n        const panel: Panel = { ...element, children: element.children.map(child => resolveElementComponentNames(child, profile, catalog)) };\n        return panel;\n    }\n\n    return element;\n}\n"],"names":["resolveElementComponentNames","element","profile","catalog","isExternalComponent","resolution","resolveComponentName","componentName","resolved","componentRegistryKey","package","name","slots","Object","fromEntries","entries","map","children","child","isContentControl","contentControl","content","isItemsControl","itemsControl","itemTemplate","isPanel","panel"],"mappings":";;;;;AAAA;AACA;AAMA;;;;;;;;;;;;;;;;;AAiBC,IACM,SAASA,4BAAAA,CAA6BC,OAAqB,EAAEC,OAAkB,EAAEC,OAAuB,EAAA;AAC3G,IAAA,IAAIC,iCAAoBH,OAAAA,CAAAA,EAAU;AAC9B,QAAA,MAAMI,UAAAA,GAAaC,iCAAAA,CAAqBL,OAAAA,CAAQM,aAAa,EAAEL,OAAAA,EAASC,OAAAA,CAAAA;AACxE,QAAA,MAAMK,QAAAA,GAA8B;AAChC,YAAA,GAAGP,OAAO;YACVM,aAAAA,EAAeF,UAAAA,GAAaI,iCAAqBJ,UAAAA,CAAWK,OAAO,EAAEL,UAAAA,CAAWM,IAAI,CAAA,GAAIV,OAAAA,CAAQM,aAAa;AAC7GK,YAAAA,KAAAA,EAAOC,MAAAA,CAAOC,WAAW,CACrBD,MAAAA,CAAOE,OAAO,CAACd,OAAAA,CAAQW,KAAK,CAAA,CAAEI,GAAG,CAAC,CAAC,CAACL,IAAAA,EAAMM,SAAS,GAAK;AAACN,oBAAAA,IAAAA;AAAMM,oBAAAA,QAAAA,CAASD,GAAG,CAACE,CAAAA,KAAAA,GAASlB,4BAAAA,CAA6BkB,OAAOhB,OAAAA,EAASC,OAAAA,CAAAA;AAAU,iBAAA,CAAA;AAEpJ,SAAA;QACA,OAAOK,QAAAA;AACX,IAAA;AAEA,IAAA,IAAIW,8BAAiBlB,OAAAA,CAAAA,EAAU;AAC3B,QAAA,MAAMmB,cAAAA,GAAiC;AAAE,YAAA,GAAGnB,OAAO;AAAEoB,YAAAA,OAAAA,EAASrB,4BAAAA,CAA6BC,OAAAA,CAAQoB,OAAO,EAAEnB,OAAAA,EAASC,OAAAA;AAAS,SAAA;QAC9H,OAAOiB,cAAAA;AACX,IAAA;AAEA,IAAA,IAAIE,4BAAerB,OAAAA,CAAAA,EAAU;AACzB,QAAA,MAAMsB,YAAAA,GAA6B;AAAE,YAAA,GAAGtB,OAAO;AAAEuB,YAAAA,YAAAA,EAAcxB,4BAAAA,CAA6BC,OAAAA,CAAQuB,YAAY,EAAEtB,OAAAA,EAASC,OAAAA;AAAS,SAAA;QACpI,OAAOoB,YAAAA;AACX,IAAA;AAEA,IAAA,IAAIE,qBAAQxB,OAAAA,CAAAA,EAAU;AAClB,QAAA,MAAMyB,KAAAA,GAAe;AAAE,YAAA,GAAGzB,OAAO;YAAEgB,QAAAA,EAAUhB,OAAAA,CAAQgB,QAAQ,CAACD,GAAG,CAACE,CAAAA,KAAAA,GAASlB,4BAAAA,CAA6BkB,KAAAA,EAAOhB,OAAAA,EAASC,OAAAA,CAAAA;AAAU,SAAA;QAClI,OAAOuB,KAAAA;AACX,IAAA;IAEA,OAAOzB,OAAAA;AACX;;;;"}

package/dist/cjs/gallery/screens.js

@@ -0,0 +1,222 @@
+'use strict';
+
+var LayoutName = require('../layouts/LayoutName.js');
+require('@cratis/scene.model');
+require('../layouts/shellComponents.js');
+var appShell = require('../layouts/appShell.js');
+var fullPage = require('../layouts/fullPage.js');
+var applicationChrome = require('./applicationChrome.js');
+var composeScreen = require('./composeScreen.js');
+var authTemplates = require('./authTemplates.js');
+var navigation = require('./navigation.js');
+var nesting = require('./nesting.js');
+var statusTemplates = require('./statusTemplates.js');
+var supportTemplates = require('./supportTemplates.js');
+var workspaceTemplates = require('./workspaceTemplates.js');
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The screen templates this blueprint provides.
+ *
+ * Ten shapes for inside the application shell, ten for the full-page shell, and the three-level nesting
+ * chain that demonstrates how `fitsSlot` composes. The list is what the manifest's `screenTemplates` names
+ * and what the bundle provides; `validatePackageBundle` proves the two agree.
+ */ const galleryScreenTemplates = [
+    ...workspaceTemplates.workspaceTemplates,
+    ...supportTemplates.supportTemplates,
+    ...authTemplates.authTemplates,
+    ...statusTemplates.statusTemplates,
+    ...nesting.nestingChainTemplates
+];
+/** Which layout each template renders inside - the application shell unless it is one of the chrome-less screens. */ const fullPageTemplateNames = new Set([
+    ...authTemplates.authTemplates,
+    ...statusTemplates.statusTemplates
+].map((template)=>template.name));
+/** The trail shown above each application-shell screen. */ const breadcrumbs = {
+    Dashboard: [
+        {
+            label: 'Dashboard'
+        }
+    ],
+    CrudList: [
+        {
+            label: 'Catalog',
+            targetScreen: 'Dashboard'
+        },
+        {
+            label: 'Products'
+        }
+    ],
+    DetailView: [
+        {
+            label: 'Catalog',
+            targetScreen: 'Dashboard'
+        },
+        {
+            label: 'Products',
+            targetScreen: 'CrudList'
+        },
+        {
+            label: 'Bamboo Watch'
+        }
+    ],
+    FormPage: [
+        {
+            label: 'Catalog',
+            targetScreen: 'Dashboard'
+        },
+        {
+            label: 'Products',
+            targetScreen: 'CrudList'
+        },
+        {
+            label: 'New product'
+        }
+    ],
+    Empty: [
+        {
+            label: 'Catalog',
+            targetScreen: 'Dashboard'
+        },
+        {
+            label: 'Products'
+        }
+    ],
+    Documentation: [
+        {
+            label: 'Support',
+            targetScreen: 'Dashboard'
+        },
+        {
+            label: 'Documentation'
+        }
+    ],
+    ProfileSettings: [
+        {
+            label: 'Administration',
+            targetScreen: 'Dashboard'
+        },
+        {
+            label: 'Your profile'
+        }
+    ],
+    UserManagement: [
+        {
+            label: 'Administration',
+            targetScreen: 'Dashboard'
+        },
+        {
+            label: 'Users'
+        }
+    ],
+    Invoice: [
+        {
+            label: 'Billing',
+            targetScreen: 'Dashboard'
+        },
+        {
+            label: 'INV-2043'
+        }
+    ],
+    Help: [
+        {
+            label: 'Support',
+            targetScreen: 'Dashboard'
+        },
+        {
+            label: 'Help'
+        }
+    ],
+    ModuleWorkspace: [
+        {
+            label: 'Operations'
+        }
+    ],
+    FeatureSection: [
+        {
+            label: 'Operations',
+            targetScreen: 'ModuleWorkspace'
+        },
+        {
+            label: 'Adjustments'
+        }
+    ],
+    SliceSection: [
+        {
+            label: 'Operations',
+            targetScreen: 'ModuleWorkspace'
+        },
+        {
+            label: 'Adjustments',
+            targetScreen: 'FeatureSection'
+        },
+        {
+            label: 'Record an adjustment'
+        }
+    ]
+};
+/**
+ * Builds the {@link Screen} that instantiates one template.
+ *
+ * A screen is an instance, not a shape: it names the layout it renders in, the template it fills, the
+ * content that fills it, and what it contributes elsewhere. Everything structural comes from the template,
+ * which is why adding a screen is a handful of lines rather than another copy of the chrome.
+ */ function screenFor(template) {
+    const isFullPage = fullPageTemplateNames.has(template.name);
+    const layout = isFullPage ? fullPage.fullPageLayout : appShell.appShellLayout;
+    const chrome = isFullPage ? applicationChrome.fullPageChrome() : applicationChrome.applicationChrome(template.name, breadcrumbs[template.name] ?? [
+        {
+            label: template.displayName ?? template.name
+        }
+    ]);
+    const placeable = composeScreen.nestScreenTemplates(containmentChainFor(template));
+    return {
+        name: template.name,
+        layout: isFullPage ? LayoutName.LayoutName.FullPage : LayoutName.LayoutName.AppShell,
+        screenTemplate: template.name,
+        slotContent: mergeSlotContent(chrome, composeScreen.templateContentInLayout(placeable, layout)),
+        forms: [],
+        contributions: isFullPage ? [] : navigation.navigationContributions
+    };
+}
+/**
+ * The chain of templates a screen renders through, outermost first.
+ *
+ * Almost every template fits the layout's own `content` slot, so its chain is just itself. The three
+ * nesting-chain templates are the exception, and the only ones that need the walk - which is the honest
+ * version of the story: nesting exists for the applications that need it, and costs nothing for the ones
+ * that do not.
+ */ function containmentChainFor(template) {
+    const depth = nesting.nestingChainTemplates.findIndex((candidate)=>candidate.name === template.name);
+    return depth < 0 ? [
+        template
+    ] : nesting.nestingChainTemplates.slice(0, depth + 1);
+}
+function mergeSlotContent(chrome, content) {
+    const merged = {
+        ...chrome
+    };
+    for (const [slotName, elements] of Object.entries(content)){
+        merged[slotName] = [
+            ...merged[slotName] ?? [],
+            ...elements
+        ];
+    }
+    return merged;
+}
+/**
+ * The gallery: one screen per template, ready to boot through the real engine.
+ *
+ * These exist so a preview is a working miniature application rather than a set of pictures - the same
+ * `Screen` shape Stage produces, put through the same `Scene.Engine` and `Scene.React`, with no separate
+ * preview pipeline and nothing mocked.
+ */ const galleryScreens = galleryScreenTemplates.map(screenFor);
+/** One gallery screen by name, for a story or a host that boots a specific one. */ function galleryScreen(name) {
+    return galleryScreens.find((screen)=>screen.name === name);
+}
+
+exports.galleryScreen = galleryScreen;
+exports.galleryScreenTemplates = galleryScreenTemplates;
+exports.galleryScreens = galleryScreens;
+//# sourceMappingURL=screens.js.map

package/dist/cjs/gallery/screens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"screens.js","sources":["../../../gallery/screens.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { Layout, Screen, ScreenTemplate } from '@cratis/scene.model';\nimport { LayoutName, appShellLayout, fullPageLayout } from '../layouts';\nimport { BreadcrumbEntry, applicationChrome, fullPageChrome } from './applicationChrome';\nimport { nestScreenTemplates, templateContentInLayout } from './composeScreen';\nimport { authTemplates } from './authTemplates';\nimport { navigationContributions } from './navigation';\nimport { nestingChainTemplates } from './nesting';\nimport { statusTemplates } from './statusTemplates';\nimport { supportTemplates } from './supportTemplates';\nimport { workspaceTemplates } from './workspaceTemplates';\n\n/**\n * The screen templates this blueprint provides.\n *\n * Ten shapes for inside the application shell, ten for the full-page shell, and the three-level nesting\n * chain that demonstrates how `fitsSlot` composes. The list is what the manifest's `screenTemplates` names\n * and what the bundle provides; `validatePackageBundle` proves the two agree.\n */\nexport const galleryScreenTemplates: ScreenTemplate[] = [\n    ...workspaceTemplates,\n    ...supportTemplates,\n    ...authTemplates,\n    ...statusTemplates,\n    ...nestingChainTemplates,\n];\n\n/** Which layout each template renders inside - the application shell unless it is one of the chrome-less screens. */\nconst fullPageTemplateNames = new Set([...authTemplates, ...statusTemplates].map(template => template.name));\n\n/** The trail shown above each application-shell screen. */\nconst breadcrumbs: Record<string, BreadcrumbEntry[]> = {\n    Dashboard: [{ label: 'Dashboard' }],\n    CrudList: [{ label: 'Catalog', targetScreen: 'Dashboard' }, { label: 'Products' }],\n    DetailView: [{ label: 'Catalog', targetScreen: 'Dashboard' }, { label: 'Products', targetScreen: 'CrudList' }, { label: 'Bamboo Watch' }],\n    FormPage: [{ label: 'Catalog', targetScreen: 'Dashboard' }, { label: 'Products', targetScreen: 'CrudList' }, { label: 'New product' }],\n    Empty: [{ label: 'Catalog', targetScreen: 'Dashboard' }, { label: 'Products' }],\n    Documentation: [{ label: 'Support', targetScreen: 'Dashboard' }, { label: 'Documentation' }],\n    ProfileSettings: [{ label: 'Administration', targetScreen: 'Dashboard' }, { label: 'Your profile' }],\n    UserManagement: [{ label: 'Administration', targetScreen: 'Dashboard' }, { label: 'Users' }],\n    Invoice: [{ label: 'Billing', targetScreen: 'Dashboard' }, { label: 'INV-2043' }],\n    Help: [{ label: 'Support', targetScreen: 'Dashboard' }, { label: 'Help' }],\n    ModuleWorkspace: [{ label: 'Operations' }],\n    FeatureSection: [{ label: 'Operations', targetScreen: 'ModuleWorkspace' }, { label: 'Adjustments' }],\n    SliceSection: [\n        { label: 'Operations', targetScreen: 'ModuleWorkspace' },\n        { label: 'Adjustments', targetScreen: 'FeatureSection' },\n        { label: 'Record an adjustment' },\n    ],\n};\n\n/**\n * Builds the {@link Screen} that instantiates one template.\n *\n * A screen is an instance, not a shape: it names the layout it renders in, the template it fills, the\n * content that fills it, and what it contributes elsewhere. Everything structural comes from the template,\n * which is why adding a screen is a handful of lines rather than another copy of the chrome.\n */\nfunction screenFor(template: ScreenTemplate): Screen {\n    const isFullPage = fullPageTemplateNames.has(template.name);\n    const layout: Layout = isFullPage ? fullPageLayout : appShellLayout;\n    const chrome = isFullPage ? fullPageChrome() : applicationChrome(template.name, breadcrumbs[template.name] ?? [{ label: template.displayName ?? template.name }]);\n    const placeable = nestScreenTemplates(containmentChainFor(template));\n\n    return {\n        name: template.name,\n        layout: isFullPage ? LayoutName.FullPage : LayoutName.AppShell,\n        screenTemplate: template.name,\n        slotContent: mergeSlotContent(chrome, templateContentInLayout(placeable, layout)),\n        forms: [],\n        contributions: isFullPage ? [] : navigationContributions,\n    };\n}\n\n/**\n * The chain of templates a screen renders through, outermost first.\n *\n * Almost every template fits the layout's own `content` slot, so its chain is just itself. The three\n * nesting-chain templates are the exception, and the only ones that need the walk - which is the honest\n * version of the story: nesting exists for the applications that need it, and costs nothing for the ones\n * that do not.\n */\nfunction containmentChainFor(template: ScreenTemplate): ScreenTemplate[] {\n    const depth = nestingChainTemplates.findIndex(candidate => candidate.name === template.name);\n    return depth < 0 ? [template] : nestingChainTemplates.slice(0, depth + 1);\n}\n\nfunction mergeSlotContent(chrome: Record<string, Screen['slotContent'][string]>, content: Record<string, Screen['slotContent'][string]>): Screen['slotContent'] {\n    const merged: Screen['slotContent'] = { ...chrome };\n    for (const [slotName, elements] of Object.entries(content)) {\n        merged[slotName] = [...(merged[slotName] ?? []), ...elements];\n    }\n\n    return merged;\n}\n\n/**\n * The gallery: one screen per template, ready to boot through the real engine.\n *\n * These exist so a preview is a working miniature application rather than a set of pictures - the same\n * `Screen` shape Stage produces, put through the same `Scene.Engine` and `Scene.React`, with no separate\n * preview pipeline and nothing mocked.\n */\nexport const galleryScreens: Screen[] = galleryScreenTemplates.map(screenFor);\n\n/** One gallery screen by name, for a story or a host that boots a specific one. */\nexport function galleryScreen(name: string): Screen | undefined {\n    return galleryScreens.find(screen => screen.name === name);\n}\n"],"names":["galleryScreenTemplates","workspaceTemplates","supportTemplates","authTemplates","statusTemplates","nestingChainTemplates","fullPageTemplateNames","Set","map","template","name","breadcrumbs","Dashboard","label","CrudList","targetScreen","DetailView","FormPage","Empty","Documentation","ProfileSettings","UserManagement","Invoice","Help","ModuleWorkspace","FeatureSection","SliceSection","screenFor","isFullPage","has","layout","fullPageLayout","appShellLayout","chrome","fullPageChrome","applicationChrome","displayName","placeable","nestScreenTemplates","containmentChainFor","LayoutName","FullPage","AppShell","screenTemplate","slotContent","mergeSlotContent","templateContentInLayout","forms","contributions","navigationContributions","depth","findIndex","candidate","slice","content","merged","slotName","elements","Object","entries","galleryScreens","galleryScreen","find","screen"],"mappings":"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"}