@things-factory/figure-library 10.1.207 → 10.1.210

package/dist-client/figure-palette-group.d.ts

@@ -0,0 +1,52 @@
+/** One line of the domain's type map, as the tray reads it. */
+export interface FigureTypeMapLine {
+    name: string;
+    /** Whether the domain draws the name as an item a holder holds (ADR-0155 개정 1 E). */
+    item?: boolean;
+    release?: {
+        ref: string;
+        name: string;
+        formatSupported: boolean;
+        assetFormat?: string;
+        dependencies?: Array<{
+            role: string;
+            hash: string;
+        }>;
+    } | null;
+}
+export interface FigurePaletteTemplate {
+    type: string;
+    description: string;
+    group: 'figure';
+    /** The release's thumbnail; a modeller's tray template always has the field, undefined when there is none. */
+    icon: string | undefined;
+    model: {
+        type: string;
+        left: number;
+        top: number;
+    };
+    unavailableLabel?: string;
+    unavailableReason?: string;
+    /**
+     * The domain draws it as an item a holder holds (ADR-0155 개정 1 E). The platform tray offers it all the same
+     * (ADR-0123 결정 11); a modeller whose boards place items only by data leaves it out (fmsim's, where items are carriers).
+     */
+    item: boolean;
+}
+export interface FigurePaletteGroup {
+    name: 'figure';
+    description: string;
+    icon: string;
+    symbol: string;
+    templates: FigurePaletteTemplate[];
+}
+/** The lines a board can place now: those with a release in a format this server reads. */
+export declare function placeableFigureTypes(lines: readonly FigureTypeMapLine[]): string[];
+/**
+ * The tray group. `contextPath` is where this server's figure files are served from; `t` the app's translator.
+ * A line with no release has nothing to draw and is left out.
+ */
+export declare function figurePaletteGroupOf(lines: readonly FigureTypeMapLine[], { contextPath, t }: {
+    contextPath: string;
+    t: (key: string, options?: Record<string, unknown>) => string;
+}): FigurePaletteGroup;

package/dist-client/figure-palette-group.js

@@ -0,0 +1,41 @@
+/*
+ * The modeller tray's "Figure" group, from the domain's figure type map (ADR-0114): one template per line, with the
+ * release it draws with. A line whose format this server cannot read is shown dimmed with its reason and cannot be
+ * placed. Pure: the lines and the words come in, the group goes out -- `figure-palette.ts` asks the server.
+ */
+/** The lines a board can place now: those with a release in a format this server reads. */
+export function placeableFigureTypes(lines) {
+    return lines.filter(line => line.release?.formatSupported).map(line => line.name);
+}
+/**
+ * The tray group. `contextPath` is where this server's figure files are served from; `t` the app's translator.
+ * A line with no release has nothing to draw and is left out.
+ */
+export function figurePaletteGroupOf(lines, { contextPath, t }) {
+    return {
+        name: 'figure',
+        description: t('figure-library.palette.description'),
+        icon: '',
+        symbol: 'deployed_code',
+        templates: lines
+            .filter(line => line.release)
+            .map(line => {
+            const release = line.release;
+            const thumbnail = (release.dependencies ?? []).find(d => d.role === 'thumbnail')?.hash;
+            return {
+                type: line.name,
+                description: release.name,
+                group: 'figure',
+                icon: thumbnail ? `${contextPath}/figure-library-file/${thumbnail}` : undefined,
+                /* No box: placed, the figure takes the size it is made at through the drawing's scale (ADR-0144 2.3). */
+                model: { type: line.name, left: 0, top: 0 },
+                item: !!line.item,
+                ...(!release.formatSupported && {
+                    unavailableLabel: t('figure-library.text.format-unsupported'),
+                    unavailableReason: t('figure-library.text.cannot-use-format', { format: release.assetFormat })
+                })
+            };
+        })
+    };
+}
+//# sourceMappingURL=figure-palette-group.js.map

package/dist-client/figure-palette-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"figure-palette-group.js","sourceRoot":"","sources":["../client/figure-palette-group.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAwCH,2FAA2F;AAC3F,MAAM,UAAU,oBAAoB,CAAC,KAAmC;IACtE,OAAO,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;AACnF,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,oBAAoB,CAClC,KAAmC,EACnC,EAAE,WAAW,EAAE,CAAC,EAA0F;IAE1G,OAAO;QACL,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,CAAC,CAAC,oCAAoC,CAAC;QACpD,IAAI,EAAE,EAAE;QACR,MAAM,EAAE,eAAe;QACvB,SAAS,EAAE,KAAK;aACb,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC;aAC5B,GAAG,CAAC,IAAI,CAAC,EAAE;YACV,MAAM,OAAO,GAAG,IAAI,CAAC,OAAQ,CAAA;YAC7B,MAAM,SAAS,GAAG,CAAC,OAAO,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,WAAW,CAAC,EAAE,IAAI,CAAA;YACtF,OAAO;gBACL,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,WAAW,EAAE,OAAO,CAAC,IAAI;gBACzB,KAAK,EAAE,QAAiB;gBACxB,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,WAAW,wBAAwB,SAAS,EAAE,CAAC,CAAC,CAAC,SAAS;gBAC/E,yGAAyG;gBACzG,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE;gBAC3C,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI;gBACjB,GAAG,CAAC,CAAC,OAAO,CAAC,eAAe,IAAI;oBAC9B,gBAAgB,EAAE,CAAC,CAAC,wCAAwC,CAAC;oBAC7D,iBAAiB,EAAE,CAAC,CAAC,uCAAuC,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC,WAAW,EAAE,CAAC;iBAC/F,CAAC;aACH,CAAA;QACH,CAAC,CAAC;KACL,CAAA;AACH,CAAC","sourcesContent":["/*\n * The modeller tray's \"Figure\" group, from the domain's figure type map (ADR-0114): one template per line, with the\n * release it draws with. A line whose format this server cannot read is shown dimmed with its reason and cannot be\n * placed. Pure: the lines and the words come in, the group goes out -- `figure-palette.ts` asks the server.\n */\n\n/** One line of the domain's type map, as the tray reads it. */\nexport interface FigureTypeMapLine {\n  name: string\n  /** Whether the domain draws the name as an item a holder holds (ADR-0155 개정 1 E). */\n  item?: boolean\n  release?: {\n    ref: string\n    name: string\n    formatSupported: boolean\n    assetFormat?: string\n    dependencies?: Array<{ role: string; hash: string }>\n  } | null\n}\n\nexport interface FigurePaletteTemplate {\n  type: string\n  description: string\n  group: 'figure'\n  /** The release's thumbnail; a modeller's tray template always has the field, undefined when there is none. */\n  icon: string | undefined\n  model: { type: string; left: number; top: number }\n  unavailableLabel?: string\n  unavailableReason?: string\n  /**\n   * The domain draws it as an item a holder holds (ADR-0155 개정 1 E). The platform tray offers it all the same\n   * (ADR-0123 결정 11); a modeller whose boards place items only by data leaves it out (fmsim's, where items are carriers).\n   */\n  item: boolean\n}\n\nexport interface FigurePaletteGroup {\n  name: 'figure'\n  description: string\n  icon: string\n  symbol: string\n  templates: FigurePaletteTemplate[]\n}\n\n/** The lines a board can place now: those with a release in a format this server reads. */\nexport function placeableFigureTypes(lines: readonly FigureTypeMapLine[]): string[] {\n  return lines.filter(line => line.release?.formatSupported).map(line => line.name)\n}\n\n/**\n * The tray group. `contextPath` is where this server's figure files are served from; `t` the app's translator.\n * A line with no release has nothing to draw and is left out.\n */\nexport function figurePaletteGroupOf(\n  lines: readonly FigureTypeMapLine[],\n  { contextPath, t }: { contextPath: string; t: (key: string, options?: Record<string, unknown>) => string }\n): FigurePaletteGroup {\n  return {\n    name: 'figure',\n    description: t('figure-library.palette.description'),\n    icon: '',\n    symbol: 'deployed_code',\n    templates: lines\n      .filter(line => line.release)\n      .map(line => {\n        const release = line.release!\n        const thumbnail = (release.dependencies ?? []).find(d => d.role === 'thumbnail')?.hash\n        return {\n          type: line.name,\n          description: release.name,\n          group: 'figure' as const,\n          icon: thumbnail ? `${contextPath}/figure-library-file/${thumbnail}` : undefined,\n          /* No box: placed, the figure takes the size it is made at through the drawing's scale (ADR-0144 2.3). */\n          model: { type: line.name, left: 0, top: 0 },\n          item: !!line.item,\n          ...(!release.formatSupported && {\n            unavailableLabel: t('figure-library.text.format-unsupported'),\n            unavailableReason: t('figure-library.text.cannot-use-format', { format: release.assetFormat })\n          })\n        }\n      })\n  }\n}\n"]}

package/dist-client/figure-palette.d.ts

@@ -0,0 +1,7 @@
+import { type FigurePaletteGroup } from './figure-palette-group.js';
+export * from './figure-palette-group.js';
+/**
+ * Asks the type map, registers the figures that can be placed, and gives the tray its "Figure" group. A server with no
+ * figure library, or a user with no right to read it, gets no group and no error: the tray simply has none.
+ */
+export declare function registerFigurePalette(registerGroup: (group: FigurePaletteGroup) => void): Promise<void>;

package/dist-client/figure-palette.js

@@ -0,0 +1,49 @@
+/*
+ * The figures this board server imported (ADR-0114), in a board modeller's tray. Every app whose boards place library
+ * figures calls this once from its bootstrap and hands it its modeller's `registerGroup` -- the tray belongs to the
+ * modeller the app uses, and an app may carry its own (fmsim).
+ */
+import gql from 'graphql-tag';
+import { resolveUnknownTypes } from '@hatiolab/things-scene';
+import { client } from '@operato/graphql';
+import { i18next } from '@operato/i18n';
+import { getPathInfo } from '@operato/utils';
+import { figurePaletteGroupOf, placeableFigureTypes } from './figure-palette-group.js';
+export * from './figure-palette-group.js';
+const TYPE_MAP = gql `
+  query {
+    figureTypeMap {
+      name
+      item
+      release {
+        ref
+        name
+        formatSupported
+        assetFormat
+        dependencies
+      }
+    }
+  }
+`;
+/**
+ * Asks the type map, registers the figures that can be placed, and gives the tray its "Figure" group. A server with no
+ * figure library, or a user with no right to read it, gets no group and no error: the tray simply has none.
+ */
+export async function registerFigurePalette(registerGroup) {
+    try {
+        const lines = (await client.query({ query: TYPE_MAP, fetchPolicy: 'network-only' })).data?.figureTypeMap ?? [];
+        /*
+          A figure placed from the tray must already be registered: the scene resolves types only when a board opens, and
+          a type nobody registered is placed as the stand-in that cannot move. The figure provider registers them now.
+        */
+        const placeable = placeableFigureTypes(lines);
+        if (placeable.length)
+            await resolveUnknownTypes({ components: placeable.map(type => ({ type })) });
+        const { contextPath } = getPathInfo(location.pathname);
+        registerGroup(figurePaletteGroupOf(lines, { contextPath, t: (key, options) => i18next.t(key, options) }));
+    }
+    catch {
+        /* No figure library on this server or no right to read it: the tray has no Figure group. */
+    }
+}
+//# sourceMappingURL=figure-palette.js.map

package/dist-client/figure-palette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"figure-palette.js","sourceRoot":"","sources":["../client/figure-palette.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,GAAG,MAAM,aAAa,CAAA;AAE7B,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAE5C,OAAO,EAAE,oBAAoB,EAAE,oBAAoB,EAAmD,MAAM,2BAA2B,CAAA;AAEvI,cAAc,2BAA2B,CAAA;AAEzC,MAAM,QAAQ,GAAG,GAAG,CAAA;;;;;;;;;;;;;;CAcnB,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,KAAK,UAAU,qBAAqB,CAAC,aAAkD;IAC5F,IAAI,CAAC;QACH,MAAM,KAAK,GAAwB,CAAC,MAAM,MAAM,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,aAAa,IAAI,EAAE,CAAA;QACnI;;;UAGE;QACF,MAAM,SAAS,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAA;QAC7C,IAAI,SAAS,CAAC,MAAM;YAAE,MAAM,mBAAmB,CAAC,EAAE,UAAU,EAAE,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAA;QAElG,MAAM,EAAE,WAAW,EAAE,GAAG,WAAW,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAA;QACtD,aAAa,CAAC,oBAAoB,CAAC,KAAK,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,OAAO,CAAC,EAAE,CAAC,CAAC,CAAA;IAC3G,CAAC;IAAC,MAAM,CAAC;QACP,4FAA4F;IAC9F,CAAC;AACH,CAAC","sourcesContent":["/*\n * The figures this board server imported (ADR-0114), in a board modeller's tray. Every app whose boards place library\n * figures calls this once from its bootstrap and hands it its modeller's `registerGroup` -- the tray belongs to the\n * modeller the app uses, and an app may carry its own (fmsim).\n */\nimport gql from 'graphql-tag'\n\nimport { resolveUnknownTypes } from '@hatiolab/things-scene'\nimport { client } from '@operato/graphql'\nimport { i18next } from '@operato/i18n'\nimport { getPathInfo } from '@operato/utils'\n\nimport { figurePaletteGroupOf, placeableFigureTypes, type FigurePaletteGroup, type FigureTypeMapLine } from './figure-palette-group.js'\n\nexport * from './figure-palette-group.js'\n\nconst TYPE_MAP = gql`\n  query {\n    figureTypeMap {\n      name\n      item\n      release {\n        ref\n        name\n        formatSupported\n        assetFormat\n        dependencies\n      }\n    }\n  }\n`\n\n/**\n * Asks the type map, registers the figures that can be placed, and gives the tray its \"Figure\" group. A server with no\n * figure library, or a user with no right to read it, gets no group and no error: the tray simply has none.\n */\nexport async function registerFigurePalette(registerGroup: (group: FigurePaletteGroup) => void): Promise<void> {\n  try {\n    const lines: FigureTypeMapLine[] = (await client.query({ query: TYPE_MAP, fetchPolicy: 'network-only' })).data?.figureTypeMap ?? []\n    /*\n      A figure placed from the tray must already be registered: the scene resolves types only when a board opens, and\n      a type nobody registered is placed as the stand-in that cannot move. The figure provider registers them now.\n    */\n    const placeable = placeableFigureTypes(lines)\n    if (placeable.length) await resolveUnknownTypes({ components: placeable.map(type => ({ type })) })\n\n    const { contextPath } = getPathInfo(location.pathname)\n    registerGroup(figurePaletteGroupOf(lines, { contextPath, t: (key, options) => i18next.t(key, options) }))\n  } catch {\n    /* No figure library on this server or no right to read it: the tray has no Figure group. */\n  }\n}\n"]}

package/dist-client/item-types/index.d.ts

@@ -0,0 +1,10 @@
+import { ITEM_TYPES_THEME, type ItemTypeTable } from '@hatiolab/things-scene';
+export { ITEM_TYPES_THEME };
+export * from './item-types-rows.js';
+export declare function registerItemTypesEditor(type?: string): void;
+/**
+ * The domain's item type table (ADR-0155): its active theme of the type, read by things-scene's rule. Asked each time a
+ * scene opens, so a board opened after the table changed draws by the new one. A server without themes, or a user with
+ * no right to read them, gets an empty table.
+ */
+export declare function fetchDomainItemTypes(type?: string): Promise<ItemTypeTable>;

package/dist-client/item-types/index.js

@@ -0,0 +1,48 @@
+/*
+ * Item types (ADR-0155): the domain's table, kept as a theme of type item-types -- or the type an app keeps them under
+ * (fmsim, whose items are carriers: carrier-types). An app's bootstrap calls registerItemTypesEditor() once, with its
+ * type, so its theme screen edits and shows that type's value.
+ */
+import gql from 'graphql-tag';
+import { registerEditor, registerRenderer } from '@operato/data-grist';
+import { client } from '@operato/graphql';
+import { ITEM_TYPES_THEME, itemTypesFromThemes } from '@hatiolab/things-scene';
+import { OxGristEditorItemTypes } from './item-types-editor.js';
+import { OxGristRendererItemTypes } from './item-types-renderer.js';
+export { ITEM_TYPES_THEME };
+export * from './item-types-rows.js';
+export function registerItemTypesEditor(type = ITEM_TYPES_THEME) {
+    registerEditor(type, OxGristEditorItemTypes);
+    registerRenderer(type, OxGristRendererItemTypes);
+}
+const ITEM_TYPE_THEMES = gql `
+  query ($filters: [Filter!]) {
+    themes(filters: $filters) {
+      items {
+        name
+        type
+        active
+        value
+      }
+    }
+  }
+`;
+/**
+ * The domain's item type table (ADR-0155): its active theme of the type, read by things-scene's rule. Asked each time a
+ * scene opens, so a board opened after the table changed draws by the new one. A server without themes, or a user with
+ * no right to read them, gets an empty table.
+ */
+export async function fetchDomainItemTypes(type = ITEM_TYPES_THEME) {
+    try {
+        const { data } = await client.query({
+            query: ITEM_TYPE_THEMES,
+            variables: { filters: [{ name: 'type', operator: 'eq', value: type }] },
+            fetchPolicy: 'network-only'
+        });
+        return itemTypesFromThemes(data?.themes?.items ?? [], type);
+    }
+    catch {
+        return itemTypesFromThemes([], type);
+    }
+}
+//# sourceMappingURL=index.js.map

package/dist-client/item-types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../client/item-types/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,GAAG,MAAM,aAAa,CAAA;AAE7B,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAsB,MAAM,wBAAwB,CAAA;AAElG,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AAC/D,OAAO,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAA;AAEnE,OAAO,EAAE,gBAAgB,EAAE,CAAA;AAC3B,cAAc,sBAAsB,CAAA;AAEpC,MAAM,UAAU,uBAAuB,CAAC,OAAe,gBAAgB;IACrE,cAAc,CAAC,IAAI,EAAE,sBAAsB,CAAC,CAAA;IAC5C,gBAAgB,CAAC,IAAI,EAAE,wBAAwB,CAAC,CAAA;AAClD,CAAC;AAED,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;CAW3B,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,KAAK,UAAU,oBAAoB,CAAC,OAAe,gBAAgB;IACxE,IAAI,CAAC;QACH,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;YAClC,KAAK,EAAE,gBAAgB;YACvB,SAAS,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAE;YACvE,WAAW,EAAE,cAAc;SAC5B,CAAC,CAAA;QACF,OAAO,mBAAmB,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,EAAE,EAAE,IAAI,CAAC,CAAA;IAC7D,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,mBAAmB,CAAC,EAAE,EAAE,IAAI,CAAC,CAAA;IACtC,CAAC;AACH,CAAC","sourcesContent":["/*\n * Item types (ADR-0155): the domain's table, kept as a theme of type item-types -- or the type an app keeps them under\n * (fmsim, whose items are carriers: carrier-types). An app's bootstrap calls registerItemTypesEditor() once, with its\n * type, so its theme screen edits and shows that type's value.\n */\nimport gql from 'graphql-tag'\n\nimport { registerEditor, registerRenderer } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { ITEM_TYPES_THEME, itemTypesFromThemes, type ItemTypeTable } from '@hatiolab/things-scene'\n\nimport { OxGristEditorItemTypes } from './item-types-editor.js'\nimport { OxGristRendererItemTypes } from './item-types-renderer.js'\n\nexport { ITEM_TYPES_THEME }\nexport * from './item-types-rows.js'\n\nexport function registerItemTypesEditor(type: string = ITEM_TYPES_THEME): void {\n  registerEditor(type, OxGristEditorItemTypes)\n  registerRenderer(type, OxGristRendererItemTypes)\n}\n\nconst ITEM_TYPE_THEMES = gql`\n  query ($filters: [Filter!]) {\n    themes(filters: $filters) {\n      items {\n        name\n        type\n        active\n        value\n      }\n    }\n  }\n`\n\n/**\n * The domain's item type table (ADR-0155): its active theme of the type, read by things-scene's rule. Asked each time a\n * scene opens, so a board opened after the table changed draws by the new one. A server without themes, or a user with\n * no right to read them, gets an empty table.\n */\nexport async function fetchDomainItemTypes(type: string = ITEM_TYPES_THEME): Promise<ItemTypeTable> {\n  try {\n    const { data } = await client.query({\n      query: ITEM_TYPE_THEMES,\n      variables: { filters: [{ name: 'type', operator: 'eq', value: type }] },\n      fetchPolicy: 'network-only'\n    })\n    return itemTypesFromThemes(data?.themes?.items ?? [], type)\n  } catch {\n    return itemTypesFromThemes([], type)\n  }\n}\n"]}

package/dist-client/item-types/item-types-editor.d.ts

@@ -0,0 +1,9 @@
+import './ox-item-types-input.js';
+import { OxGristEditor } from '@operato/data-grist';
+export declare class OxGristEditorItemTypes extends OxGristEditor {
+    private popup?;
+    get editorTemplate(): import("lit-html").TemplateResult<1>;
+    _onclick(e: Event): void;
+    _onkeydown(e: KeyboardEvent): void;
+    openTable(): void;
+}

package/dist-client/item-types/item-types-editor.js

@@ -0,0 +1,49 @@
+import { __decorate } from "tslib";
+/*
+ * The value cell of a theme of type item-types (ADR-0155): shows how many types the table has and opens the table in a
+ * popup. The value is written back as it came -- an object, or text for a store that keeps text.
+ */
+import './ox-item-types-input.js';
+import { html } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { OxGristEditor } from '@operato/data-grist';
+import { i18next } from '@operato/i18n';
+import { openPopup } from '@operato/popup';
+import { rowsOf, valueOf } from './item-types-rows.js';
+let OxGristEditorItemTypes = class OxGristEditorItemTypes extends OxGristEditor {
+    get editorTemplate() {
+        return html `<div tabindex="0">${i18next.t('figure-library.item-types.count', { count: rowsOf(this.value).length })}</div>`;
+    }
+    _onclick(e) {
+        e.stopPropagation();
+        this.openTable();
+    }
+    _onkeydown(e) {
+        if (e.key == 'Enter') {
+            e.stopPropagation();
+            this.openTable();
+        }
+    }
+    openTable() {
+        delete this.popup;
+        const asText = typeof this.value === 'string';
+        const confirmCallback = (rows) => {
+            const value = valueOf(rows);
+            this.dispatchEvent(new CustomEvent('field-change', {
+                bubbles: true,
+                composed: true,
+                detail: { before: this.value, after: asText ? JSON.stringify(value) : value, record: this.record, column: this.column, row: this.row }
+            }));
+        };
+        this.popup = openPopup(html `<ox-item-types-input .rows=${rowsOf(this.value)} .confirmCallback=${confirmCallback}></ox-item-types-input>`, {
+            backdrop: true,
+            size: 'large',
+            title: `${i18next.t('figure-library.item-types.title')} : ${this.record?.name ?? ''}`
+        });
+    }
+};
+OxGristEditorItemTypes = __decorate([
+    customElement('ox-grist-editor-item-types')
+], OxGristEditorItemTypes);
+export { OxGristEditorItemTypes };
+//# sourceMappingURL=item-types-editor.js.map

package/dist-client/item-types/item-types-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item-types-editor.js","sourceRoot":"","sources":["../../client/item-types/item-types-editor.ts"],"names":[],"mappings":";AAAA;;;GAGG;AACH,OAAO,0BAA0B,CAAA;AAEjC,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,SAAS,EAAoB,MAAM,gBAAgB,CAAA;AAE5D,OAAO,EAAE,MAAM,EAAE,OAAO,EAAoB,MAAM,sBAAsB,CAAA;AAGjE,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,aAAa;IAGvD,IAAI,cAAc;QAChB,OAAO,IAAI,CAAA,qBAAqB,OAAO,CAAC,CAAC,CAAC,iCAAiC,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAA;IAC5H,CAAC;IAED,QAAQ,CAAC,CAAQ;QACf,CAAC,CAAC,eAAe,EAAE,CAAA;QACnB,IAAI,CAAC,SAAS,EAAE,CAAA;IAClB,CAAC;IAED,UAAU,CAAC,CAAgB;QACzB,IAAI,CAAC,CAAC,GAAG,IAAI,OAAO,EAAE,CAAC;YACrB,CAAC,CAAC,eAAe,EAAE,CAAA;YACnB,IAAI,CAAC,SAAS,EAAE,CAAA;QAClB,CAAC;IACH,CAAC;IAED,SAAS;QACP,OAAO,IAAI,CAAC,KAAK,CAAA;QACjB,MAAM,MAAM,GAAG,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAA;QAC7C,MAAM,eAAe,GAAG,CAAC,IAAmB,EAAE,EAAE;YAC9C,MAAM,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;YAC3B,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,cAAc,EAAE;gBAC9B,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE;aACvI,CAAC,CACH,CAAA;QACH,CAAC,CAAA;QACD,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC,IAAI,CAAA,8BAA8B,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,qBAAqB,eAAe,yBAAyB,EAAE;YACxI,QAAQ,EAAE,IAAI;YACd,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,iCAAiC,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,EAAE,EAAE;SACtF,CAAC,CAAA;IACJ,CAAC;CACF,CAAA;AAtCY,sBAAsB;IADlC,aAAa,CAAC,4BAA4B,CAAC;GAC/B,sBAAsB,CAsClC","sourcesContent":["/*\n * The value cell of a theme of type item-types (ADR-0155): shows how many types the table has and opens the table in a\n * popup. The value is written back as it came -- an object, or text for a store that keeps text.\n */\nimport './ox-item-types-input.js'\n\nimport { html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\nimport { OxGristEditor } from '@operato/data-grist'\nimport { i18next } from '@operato/i18n'\nimport { openPopup, type PopupHandle } from '@operato/popup'\n\nimport { rowsOf, valueOf, type ItemTypeRow } from './item-types-rows.js'\n\n@customElement('ox-grist-editor-item-types')\nexport class OxGristEditorItemTypes extends OxGristEditor {\n  private popup?: PopupHandle\n\n  get editorTemplate() {\n    return html`<div tabindex=\"0\">${i18next.t('figure-library.item-types.count', { count: rowsOf(this.value).length })}</div>`\n  }\n\n  _onclick(e: Event): void {\n    e.stopPropagation()\n    this.openTable()\n  }\n\n  _onkeydown(e: KeyboardEvent): void {\n    if (e.key == 'Enter') {\n      e.stopPropagation()\n      this.openTable()\n    }\n  }\n\n  openTable() {\n    delete this.popup\n    const asText = typeof this.value === 'string'\n    const confirmCallback = (rows: ItemTypeRow[]) => {\n      const value = valueOf(rows)\n      this.dispatchEvent(\n        new CustomEvent('field-change', {\n          bubbles: true,\n          composed: true,\n          detail: { before: this.value, after: asText ? JSON.stringify(value) : value, record: this.record, column: this.column, row: this.row }\n        })\n      )\n    }\n    this.popup = openPopup(html`<ox-item-types-input .rows=${rowsOf(this.value)} .confirmCallback=${confirmCallback}></ox-item-types-input>`, {\n      backdrop: true,\n      size: 'large',\n      title: `${i18next.t('figure-library.item-types.title')} : ${this.record?.name ?? ''}`\n    })\n  }\n}\n"]}

package/dist-client/item-types/item-types-renderer.d.ts

@@ -0,0 +1,2 @@
+import type { FieldRenderer } from '@operato/data-grist';
+export declare const OxGristRendererItemTypes: FieldRenderer;

package/dist-client/item-types/item-types-renderer.js

@@ -0,0 +1,8 @@
+/* The value cell of a theme of type item-types, shown: its codes, as many as fit (ADR-0155). */
+import { html } from 'lit';
+import { rowsOf } from './item-types-rows.js';
+export const OxGristRendererItemTypes = (value) => {
+    const codes = rowsOf(value).map(r => r.code).filter(Boolean);
+    return html `<span title=${codes.join(', ')}>${codes.join(' · ')}</span>`;
+};
+//# sourceMappingURL=item-types-renderer.js.map

package/dist-client/item-types/item-types-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item-types-renderer.js","sourceRoot":"","sources":["../../client/item-types/item-types-renderer.ts"],"names":[],"mappings":"AAAA,gGAAgG;AAChG,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAI1B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAE7C,MAAM,CAAC,MAAM,wBAAwB,GAAkB,CAAC,KAAc,EAAE,EAAE;IACxE,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;IAC5D,OAAO,IAAI,CAAA,eAAe,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAA;AAC1E,CAAC,CAAA","sourcesContent":["/* The value cell of a theme of type item-types, shown: its codes, as many as fit (ADR-0155). */\nimport { html } from 'lit'\n\nimport type { FieldRenderer } from '@operato/data-grist'\n\nimport { rowsOf } from './item-types-rows.js'\n\nexport const OxGristRendererItemTypes: FieldRenderer = (value: unknown) => {\n  const codes = rowsOf(value).map(r => r.code).filter(Boolean)\n  return html`<span title=${codes.join(', ')}>${codes.join(' · ')}</span>`\n}\n"]}

package/dist-client/item-types/item-types-rows.d.ts

@@ -0,0 +1,16 @@
+import { type ItemTypeIssue } from '@hatiolab/things-scene';
+/** One row as typed. */
+export interface ItemTypeRow {
+    code: string;
+    name: string;
+    figure: string;
+}
+export declare const emptyRow: () => ItemTypeRow;
+/** The rows of a theme's value; a value given as text (a store that keeps text) is read as JSON. Anything else: none. */
+export declare function rowsOf(value: unknown): ItemTypeRow[];
+/** The value the rows make. Rows with nothing typed are left out. */
+export declare function valueOf(rows: ReadonlyArray<ItemTypeRow>): {
+    types: any[];
+};
+/** What does not hold, by row: the issues of things-scene's rule, each on the rows (of those written) it names. */
+export declare function rowIssues(rows: ReadonlyArray<ItemTypeRow>): Map<number, ItemTypeIssue[]>;

package/dist-client/item-types/item-types-rows.js

@@ -0,0 +1,58 @@
+/*
+ * The item type table as the editor shows it (ADR-0155): one row per type, each cell as typed. The value a theme of
+ * type item-types (fmsim: carrier-types) keeps is `{ types: [{ code, name, figure }] }` -- a type has no size
+ * (amendment 1); what holds is judged by things-scene's one rule (readItemTypes), so the editor and every scene read a
+ * table the same way.
+ */
+import { readItemTypes } from '@hatiolab/things-scene';
+export const emptyRow = () => ({ code: '', name: '', figure: '' });
+const text = (v) => (v === undefined || v === null ? '' : String(v));
+/** The rows of a theme's value; a value given as text (a store that keeps text) is read as JSON. Anything else: none. */
+export function rowsOf(value) {
+    let v = value;
+    if (typeof v === 'string') {
+        try {
+            v = JSON.parse(v);
+        }
+        catch {
+            return [];
+        }
+    }
+    const types = v && typeof v === 'object' && Array.isArray(v.types) ? v.types : [];
+    return types.map((t) => ({ code: text(t?.code), name: text(t?.name), figure: text(t?.figure) }));
+}
+/** The value the rows make. Rows with nothing typed are left out. */
+export function valueOf(rows) {
+    return {
+        types: rows
+            .filter(r => Object.values(r).some(c => c.trim() !== ''))
+            .map(r => {
+            const type = { code: r.code };
+            if (r.name.trim())
+                type.name = r.name;
+            if (r.figure.trim())
+                type.figure = r.figure.trim();
+            return type;
+        })
+    };
+}
+/** What does not hold, by row: the issues of things-scene's rule, each on the rows (of those written) it names. */
+export function rowIssues(rows) {
+    const written = rows.map((r, i) => [r, i]).filter(([r]) => Object.values(r).some(c => c.trim() !== ''));
+    const { issues } = readItemTypes(valueOf(rows));
+    const byRow = new Map();
+    const add = (at, issue) => {
+        const row = written[at]?.[1];
+        if (row !== undefined)
+            byRow.set(row, [...(byRow.get(row) ?? []), issue]);
+    };
+    for (const issue of issues) {
+        if ('at' in issue && typeof issue.at === 'number')
+            add(issue.at, issue);
+        else if ('at' in issue && Array.isArray(issue.at))
+            for (const at of issue.at)
+                add(at, issue);
+    }
+    return byRow;
+}
+//# sourceMappingURL=item-types-rows.js.map

package/dist-client/item-types/item-types-rows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item-types-rows.js","sourceRoot":"","sources":["../../client/item-types/item-types-rows.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * The item type table as the editor shows it (ADR-0155): one row per type, each cell as typed. The value a theme of\n * type item-types (fmsim: carrier-types) keeps is `{ types: [{ code, name, figure }] }` -- a type has no size\n * (amendment 1); what holds is judged by things-scene's one rule (readItemTypes), so the editor and every scene read a\n * table the same way.\n */\nimport { readItemTypes, type ItemTypeIssue } from '@hatiolab/things-scene'\n\n/** One row as typed. */\nexport interface ItemTypeRow {\n  code: string\n  name: string\n  figure: string\n}\n\nexport const emptyRow = (): ItemTypeRow => ({ code: '', name: '', figure: '' })\n\nconst text = (v: unknown) => (v === undefined || v === null ? '' : String(v))\n\n/** The rows of a theme's value; a value given as text (a store that keeps text) is read as JSON. Anything else: none. */\nexport function rowsOf(value: unknown): ItemTypeRow[] {\n  let v = value\n  if (typeof v === 'string') {\n    try {\n      v = JSON.parse(v)\n    } catch {\n      return []\n    }\n  }\n  const types = v && typeof v === 'object' && Array.isArray((v as any).types) ? (v as any).types : []\n  return types.map((t: any) => ({ code: text(t?.code), name: text(t?.name), figure: text(t?.figure) }))\n}\n\n/** The value the rows make. Rows with nothing typed are left out. */\nexport function valueOf(rows: ReadonlyArray<ItemTypeRow>): { types: any[] } {\n  return {\n    types: rows\n      .filter(r => Object.values(r).some(c => c.trim() !== ''))\n      .map(r => {\n        const type: any = { code: r.code }\n        if (r.name.trim()) type.name = r.name\n        if (r.figure.trim()) type.figure = r.figure.trim()\n        return type\n      })\n  }\n}\n\n/** What does not hold, by row: the issues of things-scene's rule, each on the rows (of those written) it names. */\nexport function rowIssues(rows: ReadonlyArray<ItemTypeRow>): Map<number, ItemTypeIssue[]> {\n  const written = rows.map((r, i) => [r, i] as const).filter(([r]) => Object.values(r).some(c => c.trim() !== ''))\n  const { issues } = readItemTypes(valueOf(rows))\n  const byRow = new Map<number, ItemTypeIssue[]>()\n  const add = (at: number, issue: ItemTypeIssue) => {\n    const row = written[at]?.[1]\n    if (row !== undefined) byRow.set(row, [...(byRow.get(row) ?? []), issue])\n  }\n  for (const issue of issues) {\n    if ('at' in issue && typeof issue.at === 'number') add(issue.at, issue)\n    else if ('at' in issue && Array.isArray(issue.at)) for (const at of issue.at) add(at, issue)\n  }\n  return byRow\n}\n"]}

package/dist-client/item-types/ox-item-types-input.d.ts

@@ -0,0 +1,24 @@
+import '@material/web/icon/icon.js';
+import { LitElement } from 'lit';
+import { type ItemTypeRow } from './item-types-rows.js';
+export declare class OxItemTypesInput extends LitElement {
+    static styles: import("lit").CSSResult[];
+    /** The rows as typed; the popup's own copy (see the note in ox-popup-value-map-input on re-rendered popups). */
+    rows: ItemTypeRow[];
+    confirmCallback?: (rows: ItemTypeRow[]) => void;
+    /** The domain's item figures; null until they are read, empty when the library cannot be read or marks none. */
+    private figures;
+    /** Thumbnails that could not be drawn: an empty box in their place, not a broken image. */
+    private unreadThumbnails;
+    connectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+    private renderRow;
+    private issueText;
+    private onInput;
+    private onAdd;
+    private onRemove;
+    private onCancel;
+    private onConfirm;
+    /** The names the domain's library marks as items, by display name. None when the library cannot be read. */
+    private fetchFigures;
+}