@cratis/scene.blueprint.components 0.1.0

package/dist/cjs/componentsBlueprint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"componentsBlueprint.js","sources":["../../componentsBlueprint.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 { PackageKind, ScenePackage } from '@cratis/scene.model';\nimport { ScenePackageBundle } from '@cratis/scene.react';\nimport { ComponentName } from './ComponentName';\nimport { componentsBlueprintComponents } from './componentsBlueprintComponents';\nimport { componentsGalleryScreens } from './gallery';\nimport { componentsBlueprintName } from './packageName';\nimport { componentsDialogTemplates, componentsScreenTemplates } from './templates';\n\n/**\n * This blueprint's declaration.\n *\n * Where the default blueprint answers \"what does an application look like\", this one answers \"what does a\n * *page* look like once it is bound to Arc\". Its templates are whole pages already wired to the composites\n * in `Cratis.Components`: a data list page is a `dataPage` with its query, columns, empty message, data key\n * and filter fields all decided, under a header that says what it is bound to. An application picks the\n * template and supplies a query name.\n *\n * `layouts` is empty, and that is the most important line in this file.\n *\n * A layout is an application's base navigational shell, and an application has exactly one. This package\n * deliberately ships none: it depends on `Cratis.Blueprint.Default` and reuses that blueprint's `AppShell`,\n * its slot vocabulary, its shell components and its themes. That is what the dependency on another\n * blueprint *means* - and this is the first blueprint-on-blueprint dependency in Scene, so it is worth\n * stating plainly rather than leaving to be inferred from an empty array.\n *\n * The alternative would have been to ship a second application shell. It would have looked like value and\n * been the opposite: an application can activate only one shell, so the two blueprints would have become\n * mutually exclusive, and picking Arc-bound pages would have meant giving up the eight layout modes, the\n * themes and the navigation that the default blueprint already does well. Layering means both can be\n * active at once, which is the only arrangement in which either is worth having.\n *\n * `themes` is empty for the same reason at a smaller scale: the shell being themed is the default\n * blueprint's, so its themes are the right ones, and a theme shipped here would be this package asserting\n * a look for a shell it does not own.\n */\nexport const componentsBlueprintManifest: ScenePackage = {\n    name: componentsBlueprintName,\n    version: '1.0.0',\n    kind: PackageKind.Blueprint,\n    dependencies: [{ name: 'Cratis.Blueprint.Default' }, { name: 'Cratis.Components' }],\n    components: Object.values(ComponentName),\n    layouts: [],\n    screenTemplates: componentsScreenTemplates.map(template => template.name),\n    dialogTemplates: componentsDialogTemplates.map(template => template.name),\n    themes: [],\n    displayName: 'Cratis Components Blueprint',\n    description: 'Arc-bound screen and dialog templates: whole pages built from the Cratis Components composites, for the default blueprint shell.',\n    module: '@cratis/scene.blueprint.components',\n};\n\n/**\n * This blueprint as a loadable bundle.\n *\n * The manifest names things; this provides them. `validatePackageBundle` is what proves the two agree, and\n * this package's specs run it - a manifest promising a template the bundle never provided is a failure that\n * only shows up when someone picks that template and gets nothing.\n *\n * The screens are the gallery: real `Screen` instances naming the default blueprint's `AppShell`, its\n * chrome and one of these templates, so a preview boots them through the real engine as a working\n * miniature application rather than a set of pictures. They render with unregistered bindings, which is the\n * normal design-time state - the placeholders naming each wanted binding are exactly what should be there.\n */\nexport const componentsBlueprint: ScenePackageBundle = {\n    manifest: componentsBlueprintManifest,\n    components: componentsBlueprintComponents,\n    screenTemplates: componentsScreenTemplates,\n    dialogTemplates: componentsDialogTemplates,\n    screens: componentsGalleryScreens,\n};\n"],"names":["componentsBlueprintManifest","name","componentsBlueprintName","version","kind","PackageKind","Blueprint","dependencies","components","Object","values","ComponentName","layouts","screenTemplates","componentsScreenTemplates","map","template","dialogTemplates","componentsDialogTemplates","themes","displayName","description","module","componentsBlueprint","manifest","componentsBlueprintComponents","screens","componentsGalleryScreens"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AAUA;;;;;;;;;;;;;;;;;;;;;;;;;;UA2BaA,2BAAAA,GAA4C;IACrDC,IAAAA,EAAMC,mCAAAA;IACNC,OAAAA,EAAS,OAAA;AACTC,IAAAA,IAAAA,EAAMC,wBAAYC,SAAS;IAC3BC,YAAAA,EAAc;AAAC,QAAA;YAAEN,IAAAA,EAAM;AAA2B,SAAA;AAAG,QAAA;YAAEA,IAAAA,EAAM;AAAoB;AAAE,KAAA;IACnFO,UAAAA,EAAYC,MAAAA,CAAOC,MAAM,CAACC,2BAAAA,CAAAA;AAC1BC,IAAAA,OAAAA,EAAS,EAAE;AACXC,IAAAA,eAAAA,EAAiBC,0CAA0BC,GAAG,CAACC,CAAAA,QAAAA,GAAYA,SAASf,IAAI,CAAA;AACxEgB,IAAAA,eAAAA,EAAiBC,0CAA0BH,GAAG,CAACC,CAAAA,QAAAA,GAAYA,SAASf,IAAI,CAAA;AACxEkB,IAAAA,MAAAA,EAAQ,EAAE;IACVC,WAAAA,EAAa,6BAAA;IACbC,WAAAA,EAAa,kIAAA;IACbC,MAAAA,EAAQ;AACZ;AAEA;;;;;;;;;;;UAYaC,mBAAAA,GAA0C;IACnDC,QAAAA,EAAUxB,2BAAAA;IACVQ,UAAAA,EAAYiB,2DAAAA;IACZZ,eAAAA,EAAiBC,yCAAAA;IACjBG,eAAAA,EAAiBC,yCAAAA;IACjBQ,OAAAA,EAASC;AACb;;;;;"}

package/dist/cjs/componentsBlueprintComponents.js

@@ -0,0 +1,27 @@
+'use strict';
+
+var scene_react = require('@cratis/scene.react');
+var ComponentName = require('./ComponentName.js');
+var packageName = require('./packageName.js');
+require('@cratis/scene.components');
+var ArcPageHeader = require('./header/ArcPageHeader.js');
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The components this package registers, keyed the way the renderer looks them up.
+ *
+ * Every key is built with `componentRegistryKey` rather than written out, because the separator between
+ * package and component name is the registry's own business - it is deliberately not the `.` a screen uses
+ * to qualify a name, so that a package name containing dots stays unambiguous. Building a key by hand is
+ * how a component ends up registered under something no lookup will ever produce.
+ *
+ * One entry, and a short registry is the healthy outcome here rather than a gap. What this blueprint
+ * contributes is templates; a component only appears when a template genuinely could not express the
+ * composition, and `validatePackageBundle` proves that whatever *is* here is also declared in the manifest.
+ */ const componentsBlueprintComponents = {
+    [scene_react.componentRegistryKey(packageName.componentsBlueprintName, ComponentName.ComponentName.ArcPageHeader)]: ArcPageHeader.ArcPageHeader
+};
+
+exports.componentsBlueprintComponents = componentsBlueprintComponents;
+//# sourceMappingURL=componentsBlueprintComponents.js.map

package/dist/cjs/componentsBlueprintComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"componentsBlueprintComponents.js","sources":["../../componentsBlueprintComponents.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 { ComponentRegistry, componentRegistryKey } from '@cratis/scene.react';\nimport { ComponentName } from './ComponentName';\nimport { componentsBlueprintName } from './packageName';\nimport { ArcPageHeader } from './header';\n\n/**\n * The components this package registers, keyed the way the renderer looks them up.\n *\n * Every key is built with `componentRegistryKey` rather than written out, because the separator between\n * package and component name is the registry's own business - it is deliberately not the `.` a screen uses\n * to qualify a name, so that a package name containing dots stays unambiguous. Building a key by hand is\n * how a component ends up registered under something no lookup will ever produce.\n *\n * One entry, and a short registry is the healthy outcome here rather than a gap. What this blueprint\n * contributes is templates; a component only appears when a template genuinely could not express the\n * composition, and `validatePackageBundle` proves that whatever *is* here is also declared in the manifest.\n */\nexport const componentsBlueprintComponents: ComponentRegistry = {\n    [componentRegistryKey(componentsBlueprintName, ComponentName.ArcPageHeader)]: ArcPageHeader,\n};\n"],"names":["componentsBlueprintComponents","componentRegistryKey","componentsBlueprintName","ComponentName","ArcPageHeader"],"mappings":";;;;;;;;AAAA;AACA;AAOA;;;;;;;;;;;UAYaA,6BAAAA,GAAmD;AAC5D,IAAA,CAACC,gCAAAA,CAAqBC,mCAAAA,EAAyBC,2BAAAA,CAAcC,aAAa,IAAIA;AAClF;;;;"}

package/dist/cjs/gallery/DialogTemplatePreview.js

@@ -0,0 +1,46 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var scene_react = require('@cratis/scene.react');
+var scene_blueprint_default = require('@cratis/scene.blueprint.default');
+require('../templates/listTemplates.js');
+require('../templates/workspaceTemplates.js');
+require('../templates/commandTemplates.js');
+require('../templates/editorTemplates.js');
+require('../templates/nesting.js');
+var dialogTemplates = require('../templates/dialogTemplates.js');
+require('../templates/screenTemplates.js');
+var previewProfile = require('./previewProfile.js');
+var GalleryScreenPreview = require('./GalleryScreenPreview.js');
+
+/**
+ * Boots one dialog template through the real engine.
+ *
+ * A dialog has no layout and no shell, because it occupies no slot - it opens *over* whatever is already
+ * on screen. So there is nothing to compose it into: the template's own content is the whole tree, and it
+ * goes straight through `resolveComponentName` and `SceneElementView` exactly as a screen's does.
+ *
+ * Each of these templates declares one slot, so flattening the content is the whole of "assembling" it.
+ * That is a consequence of the composites owning their own frames rather than a simplification here.
+ */ function DialogTemplatePreview({ templateName, registry = GalleryScreenPreview.componentsPreviewRegistry }) {
+    const elements = react.useMemo(()=>{
+        const template = dialogTemplates.componentsDialogTemplates.find((candidate)=>candidate.name === templateName);
+        if (!template) {
+            throw new Error(`This blueprint has no dialog template named '${templateName}'.`);
+        }
+        return Object.values(template.content ?? {}).flat().map((element)=>scene_blueprint_default.resolveElementComponentNames(element, previewProfile.componentsBlueprintProfile, previewProfile.componentsBlueprintCatalog));
+    }, [
+        templateName
+    ]);
+    return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
+        children: elements.map((element)=>/*#__PURE__*/ jsxRuntime.jsx(scene_react.SceneElementView, {
+                element: element,
+                registry: registry,
+                resolveBinding: ()=>undefined
+            }, element.id))
+    });
+}
+
+exports.DialogTemplatePreview = DialogTemplatePreview;
+//# sourceMappingURL=DialogTemplatePreview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DialogTemplatePreview.js","sources":["../../../gallery/DialogTemplatePreview.tsx"],"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 { useMemo } from 'react';\nimport { SceneElement } from '@cratis/scene.model';\nimport { ComponentRegistry, SceneElementView } from '@cratis/scene.react';\nimport { resolveElementComponentNames } from '@cratis/scene.blueprint.default';\nimport { componentsDialogTemplates } from '../templates';\nimport { componentsBlueprintCatalog, componentsBlueprintProfile } from './previewProfile';\nimport { componentsPreviewRegistry } from './GalleryScreenPreview';\n\nexport interface DialogTemplatePreviewProps {\n    /** The name of the dialog template to boot. */\n    templateName: string;\n\n    /** The component registry to render against. Defaults to {@link componentsPreviewRegistry}. */\n    registry?: ComponentRegistry;\n}\n\n/**\n * Boots one dialog template through the real engine.\n *\n * A dialog has no layout and no shell, because it occupies no slot - it opens *over* whatever is already\n * on screen. So there is nothing to compose it into: the template's own content is the whole tree, and it\n * goes straight through `resolveComponentName` and `SceneElementView` exactly as a screen's does.\n *\n * Each of these templates declares one slot, so flattening the content is the whole of \"assembling\" it.\n * That is a consequence of the composites owning their own frames rather than a simplification here.\n */\nexport function DialogTemplatePreview({ templateName, registry = componentsPreviewRegistry }: DialogTemplatePreviewProps) {\n    const elements = useMemo(() => {\n        const template = componentsDialogTemplates.find(candidate => candidate.name === templateName);\n        if (!template) {\n            throw new Error(`This blueprint has no dialog template named '${templateName}'.`);\n        }\n\n        return Object.values(template.content ?? {})\n            .flat()\n            .map((element: SceneElement) => resolveElementComponentNames(element, componentsBlueprintProfile, componentsBlueprintCatalog));\n    }, [templateName]);\n\n    return (\n        <>\n            {elements.map(element => (\n                <SceneElementView key={element.id} element={element} registry={registry} resolveBinding={() => undefined} />\n            ))}\n        </>\n    );\n}\n"],"names":["DialogTemplatePreview","templateName","registry","componentsPreviewRegistry","elements","useMemo","template","componentsDialogTemplates","find","candidate","name","Error","Object","values","content","flat","map","element","resolveElementComponentNames","componentsBlueprintProfile","componentsBlueprintCatalog","_jsx","_Fragment","SceneElementView","resolveBinding","undefined","id"],"mappings":";;;;;;;;;;;;;;;;AAmBA;;;;;;;;;IAUO,SAASA,qBAAAA,CAAsB,EAAEC,YAAY,EAAEC,QAAAA,GAAWC,8CAAyB,EAA8B,EAAA;AACpH,IAAA,MAAMC,WAAWC,aAAAA,CAAQ,IAAA;QACrB,MAAMC,QAAAA,GAAWC,0CAA0BC,IAAI,CAACC,CAAAA,SAAAA,GAAaA,SAAAA,CAAUC,IAAI,KAAKT,YAAAA,CAAAA;AAChF,QAAA,IAAI,CAACK,QAAAA,EAAU;AACX,YAAA,MAAM,IAAIK,KAAAA,CAAM,CAAC,6CAA6C,EAAEV,YAAAA,CAAa,EAAE,CAAC,CAAA;AACpF,QAAA;AAEA,QAAA,OAAOW,OAAOC,MAAM,CAACP,QAAAA,CAASQ,OAAO,IAAI,EAAC,CAAA,CACrCC,IAAI,EAAA,CACJC,GAAG,CAAC,CAACC,OAAAA,GAA0BC,oDAAAA,CAA6BD,SAASE,yCAAAA,EAA4BC,yCAAAA,CAAAA,CAAAA;IAC1G,CAAA,EAAG;AAACnB,QAAAA;AAAa,KAAA,CAAA;IAEjB,qBACIoB,cAAA,CAAAC,mBAAA,EAAA;AACKlB,QAAAA,QAAAA,EAAAA,QAAAA,CAASY,GAAG,CAACC,CAAAA,OAAAA,iBACVI,cAAA,CAACE,4BAAAA,EAAAA;gBAAkCN,OAAAA,EAASA,OAAAA;gBAASf,QAAAA,EAAUA,QAAAA;AAAUsB,gBAAAA,cAAAA,EAAgB,IAAMC;AAAxER,aAAAA,EAAAA,OAAAA,CAAQS,EAAE,CAAA;;AAIjD;;;;"}

package/dist/cjs/gallery/GalleryScreenPreview.js

@@ -0,0 +1,65 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var scene_react = require('@cratis/scene.react');
+var scene_components = require('@cratis/scene.components');
+var scene_blueprint_default = require('@cratis/scene.blueprint.default');
+var componentsBlueprintComponents = require('../componentsBlueprintComponents.js');
+var previewProfile = require('./previewProfile.js');
+var screens = require('./screens.js');
+
+/**
+ * The registry a preview resolves against: `core`, `Cratis.Components`, the default blueprint, and this one.
+ *
+ * Merged by hand rather than through `mergePackageRegistries`, because reaching for this blueprint's own
+ * *bundle* here would be circular - the bundle is assembled from the gallery this file belongs to. Registry
+ * keys carry their package name, so merge order cannot cause a collision either way.
+ *
+ * Four of the profile's five packages are present. `PrimeReact` is not, which is why a `column` inside a
+ * table comes out unresolved - and it never reaches the DOM, because the table it belongs to is a
+ * placeholder until a host registers its query.
+ */ const componentsPreviewRegistry = {
+    ...scene_react.coreComponents,
+    ...scene_components.cratisComponents,
+    ...scene_blueprint_default.defaultBlueprintComponents,
+    ...componentsBlueprintComponents.componentsBlueprintComponents
+};
+/**
+ * Boots one gallery screen through the real engine.
+ *
+ * Nothing here is a preview-only path: the screen is a real `Screen`, its element tree is resolved by the
+ * real `resolveComponentName`, and it is rendered by the real `SceneElementView` against the real registry.
+ * That is the point of shipping a gallery at all - a mockup proves someone can draw an invoice list, and
+ * this proves the blueprint renders one.
+ *
+ * `LayoutConfigProvider` and `LayoutThemeProvider` are the default blueprint's, because the shell being
+ * previewed is the default blueprint's shell. This package provides Arc-bound pages to put inside it, and
+ * previewing them without the thing they were designed to sit in would prove the wrong thing.
+ */ function GalleryScreenPreview({ screenName, initialConfig, registry = componentsPreviewRegistry }) {
+    const element = react.useMemo(()=>{
+        const screen = screens.componentsGalleryScreen(screenName);
+        if (!screen) {
+            throw new Error(`The gallery has no screen named '${screenName}'.`);
+        }
+        return scene_blueprint_default.resolveElementComponentNames(scene_blueprint_default.composeScreenElement(screen), previewProfile.componentsBlueprintProfile, previewProfile.componentsBlueprintCatalog);
+    }, [
+        screenName
+    ]);
+    return /*#__PURE__*/ jsxRuntime.jsx(scene_blueprint_default.LayoutConfigProvider, {
+        initialConfig: initialConfig,
+        storage: null,
+        children: /*#__PURE__*/ jsxRuntime.jsx(scene_blueprint_default.LayoutThemeProvider, {
+            themes: scene_blueprint_default.defaultBlueprintThemes,
+            children: /*#__PURE__*/ jsxRuntime.jsx(scene_react.SceneElementView, {
+                element: element,
+                registry: registry,
+                resolveBinding: ()=>undefined
+            })
+        })
+    });
+}
+
+exports.GalleryScreenPreview = GalleryScreenPreview;
+exports.componentsPreviewRegistry = componentsPreviewRegistry;
+//# sourceMappingURL=GalleryScreenPreview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryScreenPreview.js","sources":["../../../gallery/GalleryScreenPreview.tsx"],"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 { useMemo } from 'react';\nimport { ComponentRegistry, SceneElementView, coreComponents } from '@cratis/scene.react';\nimport { cratisComponents } from '@cratis/scene.components';\nimport { LayoutConfigProvider, LayoutConfigState, LayoutThemeProvider, composeScreenElement, defaultBlueprintComponents, defaultBlueprintThemes, resolveElementComponentNames } from '@cratis/scene.blueprint.default';\nimport { componentsBlueprintComponents } from '../componentsBlueprintComponents';\nimport { componentsBlueprintCatalog, componentsBlueprintProfile } from './previewProfile';\nimport { componentsGalleryScreen } from './screens';\n\n/**\n * The registry a preview resolves against: `core`, `Cratis.Components`, the default blueprint, and this one.\n *\n * Merged by hand rather than through `mergePackageRegistries`, because reaching for this blueprint's own\n * *bundle* here would be circular - the bundle is assembled from the gallery this file belongs to. Registry\n * keys carry their package name, so merge order cannot cause a collision either way.\n *\n * Four of the profile's five packages are present. `PrimeReact` is not, which is why a `column` inside a\n * table comes out unresolved - and it never reaches the DOM, because the table it belongs to is a\n * placeholder until a host registers its query.\n */\nexport const componentsPreviewRegistry: ComponentRegistry = {\n    ...coreComponents,\n    ...cratisComponents,\n    ...defaultBlueprintComponents,\n    ...componentsBlueprintComponents,\n};\n\nexport interface GalleryScreenPreviewProps {\n    /** The name of the gallery screen to boot. */\n    screenName: string;\n\n    /** Configuration to start from - a story pinning a layout mode, or a host restoring a session. */\n    initialConfig?: Partial<LayoutConfigState>;\n\n    /** The component registry to render against. Defaults to {@link componentsPreviewRegistry}. */\n    registry?: ComponentRegistry;\n}\n\n/**\n * Boots one gallery screen through the real engine.\n *\n * Nothing here is a preview-only path: the screen is a real `Screen`, its element tree is resolved by the\n * real `resolveComponentName`, and it is rendered by the real `SceneElementView` against the real registry.\n * That is the point of shipping a gallery at all - a mockup proves someone can draw an invoice list, and\n * this proves the blueprint renders one.\n *\n * `LayoutConfigProvider` and `LayoutThemeProvider` are the default blueprint's, because the shell being\n * previewed is the default blueprint's shell. This package provides Arc-bound pages to put inside it, and\n * previewing them without the thing they were designed to sit in would prove the wrong thing.\n */\nexport function GalleryScreenPreview({ screenName, initialConfig, registry = componentsPreviewRegistry }: GalleryScreenPreviewProps) {\n    const element = useMemo(() => {\n        const screen = componentsGalleryScreen(screenName);\n        if (!screen) {\n            throw new Error(`The gallery has no screen named '${screenName}'.`);\n        }\n\n        return resolveElementComponentNames(composeScreenElement(screen), componentsBlueprintProfile, componentsBlueprintCatalog);\n    }, [screenName]);\n\n    return (\n        <LayoutConfigProvider initialConfig={initialConfig} storage={null}>\n            <LayoutThemeProvider themes={defaultBlueprintThemes}>\n                <SceneElementView element={element} registry={registry} resolveBinding={() => undefined} />\n            </LayoutThemeProvider>\n        </LayoutConfigProvider>\n    );\n}\n"],"names":["componentsPreviewRegistry","coreComponents","cratisComponents","defaultBlueprintComponents","componentsBlueprintComponents","GalleryScreenPreview","screenName","initialConfig","registry","element","useMemo","screen","componentsGalleryScreen","Error","resolveElementComponentNames","composeScreenElement","componentsBlueprintProfile","componentsBlueprintCatalog","_jsx","LayoutConfigProvider","storage","LayoutThemeProvider","themes","defaultBlueprintThemes","SceneElementView","resolveBinding","undefined"],"mappings":";;;;;;;;;;;AAWA;;;;;;;;;;UAWaA,yBAAAA,GAA+C;AACxD,IAAA,GAAGC,0BAAc;AACjB,IAAA,GAAGC,iCAAgB;AACnB,IAAA,GAAGC,kDAA0B;AAC7B,IAAA,GAAGC;AACP;AAaA;;;;;;;;;;;IAYO,SAASC,oBAAAA,CAAqB,EAAEC,UAAU,EAAEC,aAAa,EAAEC,QAAAA,GAAWR,yBAAyB,EAA6B,EAAA;AAC/H,IAAA,MAAMS,UAAUC,aAAAA,CAAQ,IAAA;AACpB,QAAA,MAAMC,SAASC,+BAAAA,CAAwBN,UAAAA,CAAAA;AACvC,QAAA,IAAI,CAACK,MAAAA,EAAQ;AACT,YAAA,MAAM,IAAIE,KAAAA,CAAM,CAAC,iCAAiC,EAAEP,UAAAA,CAAW,EAAE,CAAC,CAAA;AACtE,QAAA;QAEA,OAAOQ,oDAAAA,CAA6BC,4CAAAA,CAAqBJ,MAAAA,CAAAA,EAASK,yCAAAA,EAA4BC,yCAAAA,CAAAA;IAClG,CAAA,EAAG;AAACX,QAAAA;AAAW,KAAA,CAAA;AAEf,IAAA,qBACIY,cAAA,CAACC,4CAAAA,EAAAA;QAAqBZ,aAAAA,EAAeA,aAAAA;QAAea,OAAAA,EAAS,IAAA;AACzD,QAAA,QAAA,gBAAAF,cAAA,CAACG,2CAAAA,EAAAA;YAAoBC,MAAAA,EAAQC,8CAAAA;AACzB,YAAA,QAAA,gBAAAL,cAAA,CAACM,4BAAAA,EAAAA;gBAAiBf,OAAAA,EAASA,OAAAA;gBAASD,QAAAA,EAAUA,QAAAA;AAAUiB,gBAAAA,cAAAA,EAAgB,IAAMC;;;;AAI9F;;;;;"}

package/dist/cjs/gallery/applicationChrome.js

@@ -0,0 +1,137 @@
+'use strict';
+
+var scene_blueprint_default = require('@cratis/scene.blueprint.default');
+var navigation = require('./navigation.js');
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The application-shell chrome every gallery screen in this package shares.
+ *
+ * Every element here names a component the **default blueprint** declares - `topbar`, `sidebar`, `menu`,
+ * `breadcrumb`, `footer`, `configPanel`, `logo`, `userMenu` - and every slot is one of that blueprint's
+ * `SlotName`s. That is this package's dependency on it made concrete rather than merely declared: this
+ * blueprint contributes Arc-bound *pages*, and borrows the shell those pages live in.
+ *
+ * A blueprint that shipped its own topbar and its own sidebar would be a rival to the default one rather
+ * than a layer on it, and an application would have to choose. Since a profile activates one blueprint's
+ * layouts and both blueprints' templates, layering is what makes the two usable together at all.
+ */ /** The brand mark, shared by the topbar and the sidebar header. */ function logo(id) {
+    return scene_blueprint_default.externalComponent(id, scene_blueprint_default.ComponentName.Logo, {
+        label: 'Contoso Billing',
+        initials: 'CB',
+        targetScreen: 'DashboardPage'
+    });
+}
+/** One menu section per navigation group, each holding that group's entries. */ function menuSections(activeScreen) {
+    return navigation.componentsNavigationGroups.map((group)=>scene_blueprint_default.externalComponent(`menu-${group.toLowerCase()}`, scene_blueprint_default.ComponentName.Menu, {
+            title: group,
+            label: group
+        }, {
+            items: navigation.entriesInGroup(group).map((entry)=>navigationItem(entry.targetScreen, entry.label, entry.icon, entry.order, group, activeScreen))
+        }));
+}
+function navigationItem(targetScreen, label, icon, order, group, activeScreen) {
+    return scene_blueprint_default.externalComponent(`nav-${targetScreen}`, scene_blueprint_default.ComponentName.MenuItem, {
+        label,
+        targetScreen,
+        routeParameterBindings: {},
+        order,
+        group,
+        icon,
+        isActive: targetScreen === activeScreen
+    });
+}
+/** The configurator, offering the themes the default blueprint ships - this package ships none of its own. */ function configPanel() {
+    return scene_blueprint_default.externalComponent(scene_blueprint_default.ComponentName.ConfigPanel, scene_blueprint_default.ComponentName.ConfigPanel, {
+        title: 'Settings',
+        themes: scene_blueprint_default.defaultBlueprintThemes.map((theme)=>({
+                name: theme.name,
+                label: theme.name,
+                isDark: theme.isDark ?? false
+            }))
+    });
+}
+/**
+ * The trail above a screen's content, derived from the navigation rather than declared a second time.
+ *
+ * A hand-written table of breadcrumbs per screen is a second statement of where each screen sits, and the
+ * two drift the first time a screen is renamed. The navigation already knows the group and the label, so
+ * the trail follows from it.
+ */ function breadcrumbEntries(activeScreen) {
+    const group = navigation.groupOfScreen(activeScreen);
+    const label = navigation.labelOfScreen(activeScreen) ?? activeScreen;
+    return group === undefined ? [
+        {
+            label
+        }
+    ] : [
+        {
+            label: group,
+            targetScreen: 'DashboardPage'
+        },
+        {
+            label
+        }
+    ];
+}
+/**
+ * The application shell's slot content for one screen.
+ *
+ * Only the breadcrumb and which menu entry is marked active differ from screen to screen - everything else
+ * is identical, which is what chrome is for.
+ *
+ * @param activeScreen The screen being rendered, so its menu entry is marked current and its trail is built.
+ * @returns Slot content keyed by the {@link SlotName}s the default blueprint's `AppShell` layout declares.
+ */ function componentsApplicationChrome(activeScreen) {
+    return {
+        [scene_blueprint_default.SlotName.Topbar]: [
+            scene_blueprint_default.externalComponent('topbar', scene_blueprint_default.ComponentName.Topbar, {}, {
+                logo: [
+                    logo('topbar-logo')
+                ],
+                end: [
+                    scene_blueprint_default.externalComponent('topbar-user', scene_blueprint_default.ComponentName.UserMenu, {
+                        name: 'Amelia Nyquist',
+                        role: 'Billing owner',
+                        initials: 'AN',
+                        items: [
+                            {
+                                label: 'Invoice document',
+                                icon: 'pi pi-file-edit',
+                                targetScreen: 'ObjectEditorPage'
+                            }
+                        ]
+                    })
+                ]
+            })
+        ],
+        [scene_blueprint_default.SlotName.Sidebar]: [
+            scene_blueprint_default.externalComponent('sidebar', scene_blueprint_default.ComponentName.Sidebar, {
+                title: 'Contoso Billing'
+            }, {
+                logo: [
+                    logo('sidebar-logo')
+                ]
+            })
+        ],
+        [scene_blueprint_default.SlotName.Menu]: menuSections(activeScreen),
+        [scene_blueprint_default.SlotName.Breadcrumb]: [
+            scene_blueprint_default.externalComponent('breadcrumb', scene_blueprint_default.ComponentName.Breadcrumb, {
+                homeTargetScreen: 'DashboardPage',
+                items: breadcrumbEntries(activeScreen)
+            })
+        ],
+        [scene_blueprint_default.SlotName.Footer]: [
+            scene_blueprint_default.externalComponent('footer', scene_blueprint_default.ComponentName.Footer, {
+                text: '© Contoso · Arc-bound pages from Cratis Scene'
+            })
+        ],
+        [scene_blueprint_default.SlotName.ConfigPanel]: [
+            configPanel()
+        ]
+    };
+}
+
+exports.componentsApplicationChrome = componentsApplicationChrome;
+//# sourceMappingURL=applicationChrome.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"applicationChrome.js","sources":["../../../gallery/applicationChrome.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 { SceneElement } from '@cratis/scene.model';\nimport { ComponentName as DefaultComponentName, SlotName, defaultBlueprintThemes, externalComponent } from '@cratis/scene.blueprint.default';\nimport { componentsNavigationGroups, entriesInGroup, groupOfScreen, labelOfScreen } from './navigation';\n\n/**\n * The application-shell chrome every gallery screen in this package shares.\n *\n * Every element here names a component the **default blueprint** declares - `topbar`, `sidebar`, `menu`,\n * `breadcrumb`, `footer`, `configPanel`, `logo`, `userMenu` - and every slot is one of that blueprint's\n * `SlotName`s. That is this package's dependency on it made concrete rather than merely declared: this\n * blueprint contributes Arc-bound *pages*, and borrows the shell those pages live in.\n *\n * A blueprint that shipped its own topbar and its own sidebar would be a rival to the default one rather\n * than a layer on it, and an application would have to choose. Since a profile activates one blueprint's\n * layouts and both blueprints' templates, layering is what makes the two usable together at all.\n */\n\n/** The brand mark, shared by the topbar and the sidebar header. */\nfunction logo(id: string): SceneElement {\n    return externalComponent(id, DefaultComponentName.Logo, { label: 'Contoso Billing', initials: 'CB', targetScreen: 'DashboardPage' });\n}\n\n/** One menu section per navigation group, each holding that group's entries. */\nfunction menuSections(activeScreen: string): SceneElement[] {\n    return componentsNavigationGroups.map(group =>\n        externalComponent(\n            `menu-${group.toLowerCase()}`,\n            DefaultComponentName.Menu,\n            { title: group, label: group },\n            { items: entriesInGroup(group).map(entry => navigationItem(entry.targetScreen, entry.label, entry.icon, entry.order, group, activeScreen)) },\n        ),\n    );\n}\n\nfunction navigationItem(targetScreen: string, label: string, icon: string, order: number, group: string, activeScreen: string): SceneElement {\n    return externalComponent(`nav-${targetScreen}`, DefaultComponentName.MenuItem, {\n        label,\n        targetScreen,\n        routeParameterBindings: {},\n        order,\n        group,\n        icon,\n        isActive: targetScreen === activeScreen,\n    });\n}\n\n/** The configurator, offering the themes the default blueprint ships - this package ships none of its own. */\nfunction configPanel(): SceneElement {\n    return externalComponent(DefaultComponentName.ConfigPanel, DefaultComponentName.ConfigPanel, {\n        title: 'Settings',\n        themes: defaultBlueprintThemes.map(theme => ({ name: theme.name, label: theme.name, isDark: theme.isDark ?? false })),\n    });\n}\n\n/**\n * The trail above a screen's content, derived from the navigation rather than declared a second time.\n *\n * A hand-written table of breadcrumbs per screen is a second statement of where each screen sits, and the\n * two drift the first time a screen is renamed. The navigation already knows the group and the label, so\n * the trail follows from it.\n */\nfunction breadcrumbEntries(activeScreen: string): { label: string; targetScreen?: string }[] {\n    const group = groupOfScreen(activeScreen);\n    const label = labelOfScreen(activeScreen) ?? activeScreen;\n    return group === undefined ? [{ label }] : [{ label: group, targetScreen: 'DashboardPage' }, { label }];\n}\n\n/**\n * The application shell's slot content for one screen.\n *\n * Only the breadcrumb and which menu entry is marked active differ from screen to screen - everything else\n * is identical, which is what chrome is for.\n *\n * @param activeScreen The screen being rendered, so its menu entry is marked current and its trail is built.\n * @returns Slot content keyed by the {@link SlotName}s the default blueprint's `AppShell` layout declares.\n */\nexport function componentsApplicationChrome(activeScreen: string): Record<string, SceneElement[]> {\n    return {\n        [SlotName.Topbar]: [\n            externalComponent(\n                'topbar',\n                DefaultComponentName.Topbar,\n                {},\n                {\n                    logo: [logo('topbar-logo')],\n                    end: [\n                        externalComponent('topbar-user', DefaultComponentName.UserMenu, {\n                            name: 'Amelia Nyquist',\n                            role: 'Billing owner',\n                            initials: 'AN',\n                            items: [{ label: 'Invoice document', icon: 'pi pi-file-edit', targetScreen: 'ObjectEditorPage' }],\n                        }),\n                    ],\n                },\n            ),\n        ],\n        [SlotName.Sidebar]: [externalComponent('sidebar', DefaultComponentName.Sidebar, { title: 'Contoso Billing' }, { logo: [logo('sidebar-logo')] })],\n        [SlotName.Menu]: menuSections(activeScreen),\n        [SlotName.Breadcrumb]: [\n            externalComponent('breadcrumb', DefaultComponentName.Breadcrumb, { homeTargetScreen: 'DashboardPage', items: breadcrumbEntries(activeScreen) }),\n        ],\n        [SlotName.Footer]: [externalComponent('footer', DefaultComponentName.Footer, { text: '© Contoso · Arc-bound pages from Cratis Scene' })],\n        [SlotName.ConfigPanel]: [configPanel()],\n    };\n}\n"],"names":["logo","id","externalComponent","DefaultComponentName","Logo","label","initials","targetScreen","menuSections","activeScreen","componentsNavigationGroups","map","group","toLowerCase","Menu","title","items","entriesInGroup","entry","navigationItem","icon","order","MenuItem","routeParameterBindings","isActive","configPanel","ConfigPanel","themes","defaultBlueprintThemes","theme","name","isDark","breadcrumbEntries","groupOfScreen","labelOfScreen","undefined","componentsApplicationChrome","SlotName","Topbar","end","UserMenu","role","Sidebar","Breadcrumb","homeTargetScreen","Footer","text"],"mappings":"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"}

package/dist/cjs/gallery/navigation.js

@@ -0,0 +1,128 @@
+'use strict';
+
+var scene_blueprint_default = require('@cratis/scene.blueprint.default');
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The navigation for this blueprint's gallery, declared once.
+ *
+ * One list, two consumers: the sidebar menu renders it as `menuItem` elements, and the same elements go to
+ * the `Navigation` contribution point where the default blueprint's aggregation turns them back into
+ * navigation items. Maintaining a menu *and* a separate navigation declaration would mean two lists that
+ * agree right up until someone adds a screen to one of them.
+ *
+ * `navigationElement` and the contribution point name are the default blueprint's, not this package's.
+ * Reimplementing them here would produce a menu that looked identical and contributed to a contribution
+ * point nothing reads - which is the exact failure mode a blueprint-on-blueprint dependency exists to
+ * avoid.
+ */ const componentsNavigationEntries = [
+    {
+        label: 'Dashboard',
+        targetScreen: 'DashboardPage',
+        icon: 'pi pi-chart-bar',
+        group: 'Billing',
+        order: 10
+    },
+    {
+        label: 'Invoices',
+        targetScreen: 'DataListPage',
+        icon: 'pi pi-list',
+        group: 'Billing',
+        order: 20
+    },
+    {
+        label: 'In flight',
+        targetScreen: 'ObservableDataListPage',
+        icon: 'pi pi-bolt',
+        group: 'Billing',
+        order: 30
+    },
+    {
+        label: 'Invoices and detail',
+        targetScreen: 'DataListWithDetailPage',
+        icon: 'pi pi-window-maximize',
+        group: 'Billing',
+        order: 40
+    },
+    {
+        label: 'Master and detail',
+        targetScreen: 'MasterDetailPage',
+        icon: 'pi pi-table',
+        group: 'Billing',
+        order: 50
+    },
+    {
+        label: 'Register an invoice',
+        targetScreen: 'CommandFormPage',
+        icon: 'pi pi-plus-circle',
+        group: 'Billing',
+        order: 60
+    },
+    {
+        label: 'Event type schema',
+        targetScreen: 'SchemaEditorPage',
+        icon: 'pi pi-sitemap',
+        group: 'Inspect',
+        order: 10
+    },
+    {
+        label: 'Invoice document',
+        targetScreen: 'ObjectEditorPage',
+        icon: 'pi pi-file-edit',
+        group: 'Inspect',
+        order: 20
+    },
+    {
+        label: 'Billing module',
+        targetScreen: 'DataModulePage',
+        icon: 'pi pi-th-large',
+        group: 'Nesting',
+        order: 10
+    },
+    {
+        label: 'Adjustments feature',
+        targetScreen: 'DataFeatureSection',
+        icon: 'pi pi-folder',
+        group: 'Nesting',
+        order: 20
+    },
+    {
+        label: 'Record an adjustment',
+        targetScreen: 'CommandSliceSection',
+        icon: 'pi pi-pencil',
+        group: 'Nesting',
+        order: 30
+    }
+];
+/**
+ * The navigation as contributions to the `Navigation` contribution point.
+ *
+ * A screen carries these in its `contributions`, and anything bound to the contribution point recomputes
+ * from whatever is currently in scope - so a screen that contributes an extra entry gets it into the
+ * navigation without the navigation knowing that screen exists.
+ */ const componentsNavigationContributions = componentsNavigationEntries.map((entry)=>({
+        contributionPointName: scene_blueprint_default.navigationContributionPoint,
+        content: scene_blueprint_default.navigationElement(entry),
+        order: entry.order
+    }));
+/** The navigation entries of one group, in order. */ function entriesInGroup(group) {
+    return componentsNavigationEntries.filter((entry)=>entry.group === group).sort((first, second)=>first.order - second.order);
+}
+/** Every group named by the navigation, in first-declared order. */ const componentsNavigationGroups = [
+    ...new Set(componentsNavigationEntries.map((entry)=>entry.group))
+];
+/** The section a screen belongs to, for the first entry of its breadcrumb trail. */ function groupOfScreen(screenName) {
+    return componentsNavigationEntries.find((entry)=>entry.targetScreen === screenName)?.group;
+}
+/** The navigation label of a screen, for the last entry of its breadcrumb trail. */ function labelOfScreen(screenName) {
+    return componentsNavigationEntries.find((entry)=>entry.targetScreen === screenName)?.label;
+}
+
+exports.componentsNavigationContributions = componentsNavigationContributions;
+exports.componentsNavigationEntries = componentsNavigationEntries;
+exports.componentsNavigationGroups = componentsNavigationGroups;
+exports.entriesInGroup = entriesInGroup;
+exports.groupOfScreen = groupOfScreen;
+exports.labelOfScreen = labelOfScreen;
+//# sourceMappingURL=navigation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.js","sources":["../../../gallery/navigation.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 { Contribution } from '@cratis/scene.model';\nimport { NavigationEntry, navigationContributionPoint, navigationElement } from '@cratis/scene.blueprint.default';\n\n/**\n * The navigation for this blueprint's gallery, declared once.\n *\n * One list, two consumers: the sidebar menu renders it as `menuItem` elements, and the same elements go to\n * the `Navigation` contribution point where the default blueprint's aggregation turns them back into\n * navigation items. Maintaining a menu *and* a separate navigation declaration would mean two lists that\n * agree right up until someone adds a screen to one of them.\n *\n * `navigationElement` and the contribution point name are the default blueprint's, not this package's.\n * Reimplementing them here would produce a menu that looked identical and contributed to a contribution\n * point nothing reads - which is the exact failure mode a blueprint-on-blueprint dependency exists to\n * avoid.\n */\nexport const componentsNavigationEntries: NavigationEntry[] = [\n    { label: 'Dashboard', targetScreen: 'DashboardPage', icon: 'pi pi-chart-bar', group: 'Billing', order: 10 },\n    { label: 'Invoices', targetScreen: 'DataListPage', icon: 'pi pi-list', group: 'Billing', order: 20 },\n    { label: 'In flight', targetScreen: 'ObservableDataListPage', icon: 'pi pi-bolt', group: 'Billing', order: 30 },\n    { label: 'Invoices and detail', targetScreen: 'DataListWithDetailPage', icon: 'pi pi-window-maximize', group: 'Billing', order: 40 },\n    { label: 'Master and detail', targetScreen: 'MasterDetailPage', icon: 'pi pi-table', group: 'Billing', order: 50 },\n    { label: 'Register an invoice', targetScreen: 'CommandFormPage', icon: 'pi pi-plus-circle', group: 'Billing', order: 60 },\n    { label: 'Event type schema', targetScreen: 'SchemaEditorPage', icon: 'pi pi-sitemap', group: 'Inspect', order: 10 },\n    { label: 'Invoice document', targetScreen: 'ObjectEditorPage', icon: 'pi pi-file-edit', group: 'Inspect', order: 20 },\n    { label: 'Billing module', targetScreen: 'DataModulePage', icon: 'pi pi-th-large', group: 'Nesting', order: 10 },\n    { label: 'Adjustments feature', targetScreen: 'DataFeatureSection', icon: 'pi pi-folder', group: 'Nesting', order: 20 },\n    { label: 'Record an adjustment', targetScreen: 'CommandSliceSection', icon: 'pi pi-pencil', group: 'Nesting', order: 30 },\n];\n\n/**\n * The navigation as contributions to the `Navigation` contribution point.\n *\n * A screen carries these in its `contributions`, and anything bound to the contribution point recomputes\n * from whatever is currently in scope - so a screen that contributes an extra entry gets it into the\n * navigation without the navigation knowing that screen exists.\n */\nexport const componentsNavigationContributions: Contribution[] = componentsNavigationEntries.map(entry => ({\n    contributionPointName: navigationContributionPoint,\n    content: navigationElement(entry),\n    order: entry.order,\n}));\n\n/** The navigation entries of one group, in order. */\nexport function entriesInGroup(group: string): NavigationEntry[] {\n    return componentsNavigationEntries.filter(entry => entry.group === group).sort((first, second) => first.order - second.order);\n}\n\n/** Every group named by the navigation, in first-declared order. */\nexport const componentsNavigationGroups: string[] = [...new Set(componentsNavigationEntries.map(entry => entry.group))];\n\n/** The section a screen belongs to, for the first entry of its breadcrumb trail. */\nexport function groupOfScreen(screenName: string): string | undefined {\n    return componentsNavigationEntries.find(entry => entry.targetScreen === screenName)?.group;\n}\n\n/** The navigation label of a screen, for the last entry of its breadcrumb trail. */\nexport function labelOfScreen(screenName: string): string | undefined {\n    return componentsNavigationEntries.find(entry => entry.targetScreen === screenName)?.label;\n}\n"],"names":["componentsNavigationEntries","label","targetScreen","icon","group","order","componentsNavigationContributions","map","entry","contributionPointName","navigationContributionPoint","content","navigationElement","entriesInGroup","filter","sort","first","second","componentsNavigationGroups","Set","groupOfScreen","screenName","find","labelOfScreen"],"mappings":";;;;AAAA;AACA;AAKA;;;;;;;;;;;;UAaaA,2BAAAA,GAAiD;AAC1D,IAAA;QAAEC,KAAAA,EAAO,WAAA;QAAaC,YAAAA,EAAc,eAAA;QAAiBC,IAAAA,EAAM,iBAAA;QAAmBC,KAAAA,EAAO,SAAA;QAAWC,KAAAA,EAAO;AAAG,KAAA;AAC1G,IAAA;QAAEJ,KAAAA,EAAO,UAAA;QAAYC,YAAAA,EAAc,cAAA;QAAgBC,IAAAA,EAAM,YAAA;QAAcC,KAAAA,EAAO,SAAA;QAAWC,KAAAA,EAAO;AAAG,KAAA;AACnG,IAAA;QAAEJ,KAAAA,EAAO,WAAA;QAAaC,YAAAA,EAAc,wBAAA;QAA0BC,IAAAA,EAAM,YAAA;QAAcC,KAAAA,EAAO,SAAA;QAAWC,KAAAA,EAAO;AAAG,KAAA;AAC9G,IAAA;QAAEJ,KAAAA,EAAO,qBAAA;QAAuBC,YAAAA,EAAc,wBAAA;QAA0BC,IAAAA,EAAM,uBAAA;QAAyBC,KAAAA,EAAO,SAAA;QAAWC,KAAAA,EAAO;AAAG,KAAA;AACnI,IAAA;QAAEJ,KAAAA,EAAO,mBAAA;QAAqBC,YAAAA,EAAc,kBAAA;QAAoBC,IAAAA,EAAM,aAAA;QAAeC,KAAAA,EAAO,SAAA;QAAWC,KAAAA,EAAO;AAAG,KAAA;AACjH,IAAA;QAAEJ,KAAAA,EAAO,qBAAA;QAAuBC,YAAAA,EAAc,iBAAA;QAAmBC,IAAAA,EAAM,mBAAA;QAAqBC,KAAAA,EAAO,SAAA;QAAWC,KAAAA,EAAO;AAAG,KAAA;AACxH,IAAA;QAAEJ,KAAAA,EAAO,mBAAA;QAAqBC,YAAAA,EAAc,kBAAA;QAAoBC,IAAAA,EAAM,eAAA;QAAiBC,KAAAA,EAAO,SAAA;QAAWC,KAAAA,EAAO;AAAG,KAAA;AACnH,IAAA;QAAEJ,KAAAA,EAAO,kBAAA;QAAoBC,YAAAA,EAAc,kBAAA;QAAoBC,IAAAA,EAAM,iBAAA;QAAmBC,KAAAA,EAAO,SAAA;QAAWC,KAAAA,EAAO;AAAG,KAAA;AACpH,IAAA;QAAEJ,KAAAA,EAAO,gBAAA;QAAkBC,YAAAA,EAAc,gBAAA;QAAkBC,IAAAA,EAAM,gBAAA;QAAkBC,KAAAA,EAAO,SAAA;QAAWC,KAAAA,EAAO;AAAG,KAAA;AAC/G,IAAA;QAAEJ,KAAAA,EAAO,qBAAA;QAAuBC,YAAAA,EAAc,oBAAA;QAAsBC,IAAAA,EAAM,cAAA;QAAgBC,KAAAA,EAAO,SAAA;QAAWC,KAAAA,EAAO;AAAG,KAAA;AACtH,IAAA;QAAEJ,KAAAA,EAAO,sBAAA;QAAwBC,YAAAA,EAAc,qBAAA;QAAuBC,IAAAA,EAAM,cAAA;QAAgBC,KAAAA,EAAO,SAAA;QAAWC,KAAAA,EAAO;AAAG;;AAG5H;;;;;;UAOaC,iCAAAA,GAAoDN,2BAAAA,CAA4BO,GAAG,CAACC,CAAAA,SAAU;QACvGC,qBAAAA,EAAuBC,mDAAAA;AACvBC,QAAAA,OAAAA,EAASC,yCAAAA,CAAkBJ,KAAAA,CAAAA;AAC3BH,QAAAA,KAAAA,EAAOG,MAAMH;AACjB,KAAA,CAAA;AAEA,sDACO,SAASQ,cAAAA,CAAeT,KAAa,EAAA;AACxC,IAAA,OAAOJ,4BAA4Bc,MAAM,CAACN,CAAAA,KAAAA,GAASA,KAAAA,CAAMJ,KAAK,KAAKA,KAAAA,CAAAA,CAAOW,IAAI,CAAC,CAACC,KAAAA,EAAOC,MAAAA,GAAWD,MAAMX,KAAK,GAAGY,OAAOZ,KAAK,CAAA;AAChI;AAEA,qEACO,MAAMa,0BAAAA,GAAuC;AAAI,IAAA,GAAA,IAAIC,IAAInB,2BAAAA,CAA4BO,GAAG,CAACC,CAAAA,KAAAA,GAASA,MAAMJ,KAAK,CAAA;;AAEpH,qFACO,SAASgB,aAAAA,CAAcC,UAAkB,EAAA;IAC5C,OAAOrB,2BAAAA,CAA4BsB,IAAI,CAACd,CAAAA,QAASA,KAAAA,CAAMN,YAAY,KAAKmB,UAAAA,CAAAA,EAAajB,KAAAA;AACzF;AAEA,qFACO,SAASmB,aAAAA,CAAcF,UAAkB,EAAA;IAC5C,OAAOrB,2BAAAA,CAA4BsB,IAAI,CAACd,CAAAA,QAASA,KAAAA,CAAMN,YAAY,KAAKmB,UAAAA,CAAAA,EAAapB,KAAAA;AACzF;;;;;;;;;"}

package/dist/cjs/gallery/previewProfile.js

@@ -0,0 +1,87 @@
+'use strict';
+
+var scene_react = require('@cratis/scene.react');
+var scene_components = require('@cratis/scene.components');
+var scene_blueprint_default = require('@cratis/scene.blueprint.default');
+var ComponentName = require('../ComponentName.js');
+var packageName = require('../packageName.js');
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The names this blueprint borrows from `PrimeReact`.
+ *
+ * Every other package in the catalog below contributes its *real* manifest, because this package takes an
+ * npm dependency on each of them. `PrimeReact` is the exception: this blueprint depends on it in the
+ * manifest sense - `column` comes from there - without depending on its bundle, so its declaration is not
+ * importable here and the borrowed names are written out instead.
+ *
+ * Every name below was checked against `primeReactPackage.ts`'s own component list rather than assumed.
+ * The default blueprint learned why that matters when it referenced `chart` and `fileUpload`, which
+ * neither library declares - names that look obvious and render as dashed red boxes.
+ *
+ * A host that has all five packages loaded should build this catalog 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 primeReactComponentNames = [
+    'column',
+    'dataTable',
+    'table',
+    'dialog',
+    'button',
+    'card',
+    'text',
+    'toolbar',
+    'dropdown',
+    'tooltip',
+    'menu',
+    'breadcrumb',
+    'sidebar'
+];
+/**
+ * The profile this blueprint's templates resolve against.
+ *
+ * Declaration order is ascending priority, which is why this exact order matters rather than being
+ * cosmetic. `Cratis.Components` outranks `PrimeReact`, so a template naming `table` or `dialog` gets the
+ * Arc-aware one and PrimeReact's is recorded as shadowed. Both blueprints outrank both libraries, so
+ * `pageHeader` and `arcPageHeader` resolve to the packages that declare them. And this blueprint sits at
+ * the top, which costs nothing today - it declares one name nobody else does - but is the correct place
+ * for the package doing the layering.
+ *
+ * `core` is listed explicitly rather than left to `effectivePackages` to prepend, because a theme's
+ * compatibility is checked against exactly what a profile declares, and a profile leaning on the implicit
+ * fallback would make a theme look incompatible with a package the profile never admitted to using.
+ *
+ * Unlike the default blueprint, this package needs no separate *preview* profile. That blueprint takes no
+ * npm dependency on the libraries its templates reference, so previewing it from its own package resolves
+ * most names to implementations that are not loaded. This one depends on `@cratis/scene.components` and
+ * `@cratis/scene.blueprint.default` for real, so everything its templates name is loadable except
+ * PrimeReact's `column` - and a `column` never reaches the DOM at design time anyway, because the table it
+ * belongs to is a placeholder until a host registers its query.
+ */ const componentsBlueprintProfile = {
+    name: 'Arc pages',
+    targetPlatform: 'web',
+    packages: [
+        'core',
+        'PrimeReact',
+        scene_components.cratisComponentsPackageManifest.name,
+        scene_blueprint_default.defaultBlueprintName,
+        packageName.componentsBlueprintName
+    ]
+};
+/**
+ * The component catalog the templates resolve against.
+ *
+ * Four of the five entries are the owning package's real declared list, read straight off its manifest, so
+ * a name renamed upstream fails a spec here instead of rendering as a dashed box in someone's application.
+ */ const componentsBlueprintCatalog = {
+    [scene_react.corePackageManifest.name]: scene_react.corePackageManifest.components,
+    PrimeReact: primeReactComponentNames,
+    [scene_components.cratisComponentsPackageManifest.name]: scene_components.cratisComponentsPackageManifest.components,
+    [scene_blueprint_default.defaultBlueprintName]: scene_blueprint_default.defaultBlueprintManifest.components,
+    [packageName.componentsBlueprintName]: Object.values(ComponentName.ComponentName)
+};
+
+exports.componentsBlueprintCatalog = componentsBlueprintCatalog;
+exports.componentsBlueprintProfile = componentsBlueprintProfile;
+exports.primeReactComponentNames = primeReactComponentNames;
+//# 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 { corePackageManifest } from '@cratis/scene.react';\nimport { cratisComponentsPackageManifest } from '@cratis/scene.components';\nimport { defaultBlueprintManifest, defaultBlueprintName } from '@cratis/scene.blueprint.default';\nimport { ComponentName } from '../ComponentName';\nimport { componentsBlueprintName } from '../packageName';\n\n/**\n * The names this blueprint borrows from `PrimeReact`.\n *\n * Every other package in the catalog below contributes its *real* manifest, because this package takes an\n * npm dependency on each of them. `PrimeReact` is the exception: this blueprint depends on it in the\n * manifest sense - `column` comes from there - without depending on its bundle, so its declaration is not\n * importable here and the borrowed names are written out instead.\n *\n * Every name below was checked against `primeReactPackage.ts`'s own component list rather than assumed.\n * The default blueprint learned why that matters when it referenced `chart` and `fileUpload`, which\n * neither library declares - names that look obvious and render as dashed red boxes.\n *\n * A host that has all five packages loaded should build this catalog from their manifests instead. The\n * shape is the same, and anything that has drifted then fails this blueprint's specs rather than a preview.\n */\nexport const primeReactComponentNames: string[] = ['column', 'dataTable', 'table', 'dialog', 'button', 'card', 'text', 'toolbar', 'dropdown', 'tooltip', 'menu', 'breadcrumb', 'sidebar'];\n\n/**\n * The profile this blueprint's templates resolve against.\n *\n * Declaration order is ascending priority, which is why this exact order matters rather than being\n * cosmetic. `Cratis.Components` outranks `PrimeReact`, so a template naming `table` or `dialog` gets the\n * Arc-aware one and PrimeReact's is recorded as shadowed. Both blueprints outrank both libraries, so\n * `pageHeader` and `arcPageHeader` resolve to the packages that declare them. And this blueprint sits at\n * the top, which costs nothing today - it declares one name nobody else does - but is the correct place\n * for the package doing the layering.\n *\n * `core` is listed explicitly rather than left to `effectivePackages` to prepend, because a theme's\n * compatibility is checked against exactly what a profile declares, and a profile leaning on the implicit\n * fallback would make a theme look incompatible with a package the profile never admitted to using.\n *\n * Unlike the default blueprint, this package needs no separate *preview* profile. That blueprint takes no\n * npm dependency on the libraries its templates reference, so previewing it from its own package resolves\n * most names to implementations that are not loaded. This one depends on `@cratis/scene.components` and\n * `@cratis/scene.blueprint.default` for real, so everything its templates name is loadable except\n * PrimeReact's `column` - and a `column` never reaches the DOM at design time anyway, because the table it\n * belongs to is a placeholder until a host registers its query.\n */\nexport const componentsBlueprintProfile: UiProfile = {\n    name: 'Arc pages',\n    targetPlatform: 'web',\n    packages: ['core', 'PrimeReact', cratisComponentsPackageManifest.name, defaultBlueprintName, componentsBlueprintName],\n};\n\n/**\n * The component catalog the templates resolve against.\n *\n * Four of the five entries are the owning package's real declared list, read straight off its manifest, so\n * a name renamed upstream fails a spec here instead of rendering as a dashed box in someone's application.\n */\nexport const componentsBlueprintCatalog: PackageCatalog = {\n    [corePackageManifest.name]: corePackageManifest.components,\n    PrimeReact: primeReactComponentNames,\n    [cratisComponentsPackageManifest.name]: cratisComponentsPackageManifest.components,\n    [defaultBlueprintName]: defaultBlueprintManifest.components,\n    [componentsBlueprintName]: Object.values(ComponentName),\n};\n"],"names":["primeReactComponentNames","componentsBlueprintProfile","name","targetPlatform","packages","cratisComponentsPackageManifest","defaultBlueprintName","componentsBlueprintName","componentsBlueprintCatalog","corePackageManifest","components","PrimeReact","defaultBlueprintManifest","Object","values","ComponentName"],"mappings":";;;;;;;;AAAA;AACA;AAUA;;;;;;;;;;;;;;UAeaA,wBAAAA,GAAqC;AAAC,IAAA,QAAA;AAAU,IAAA,WAAA;AAAa,IAAA,OAAA;AAAS,IAAA,QAAA;AAAU,IAAA,QAAA;AAAU,IAAA,MAAA;AAAQ,IAAA,MAAA;AAAQ,IAAA,SAAA;AAAW,IAAA,UAAA;AAAY,IAAA,SAAA;AAAW,IAAA,MAAA;AAAQ,IAAA,YAAA;AAAc,IAAA;;AAE/K;;;;;;;;;;;;;;;;;;;;UAqBaC,0BAAAA,GAAwC;IACjDC,IAAAA,EAAM,WAAA;IACNC,cAAAA,EAAgB,KAAA;IAChBC,QAAAA,EAAU;AAAC,QAAA,MAAA;AAAQ,QAAA,YAAA;AAAcC,QAAAA,gDAAAA,CAAgCH,IAAI;AAAEI,QAAAA,4CAAAA;AAAsBC,QAAAA;AAAwB;AACzH;AAEA;;;;;UAMaC,0BAAAA,GAA6C;AACtD,IAAA,CAACC,+BAAAA,CAAoBP,IAAI,GAAGO,gCAAoBC,UAAU;IAC1DC,UAAAA,EAAYX,wBAAAA;AACZ,IAAA,CAACK,gDAAAA,CAAgCH,IAAI,GAAGG,iDAAgCK,UAAU;IAClF,CAACJ,4CAAAA,GAAuBM,gDAAAA,CAAyBF,UAAU;AAC3D,IAAA,CAACH,mCAAAA,GAA0BM,MAAAA,CAAOC,MAAM,CAACC,2BAAAA;AAC7C;;;;;;"}