@formicoidea/labre-framework-wardley 0.40.0 → 0.41.0

package/dist/toolbar/config.js

@@ -5,6 +5,45 @@ import { BlockFlavourIdentifier } from '@formicoidea/labre-core/std';
 import { html } from 'lit';
 import { createWardleyLegend } from '../legend.js';
 import { wardleyLegendIcon } from './icons.js';
+/** The seven toolbar tooltips this file used to hard-code as English literals. */
+const EVOLUTION_AXIS_TOGGLE = [
+    'com.labre.wardley.toolbar.evolution-axis',
+    'Evolution axis (X)',
+];
+const EVOLUTION_PHASE_LABELS_TOGGLE = [
+    'com.labre.wardley.toolbar.evolution-phase-labels',
+    'Evolution phase labels',
+];
+const COLUMNS_TOGGLE = [
+    'com.labre.wardley.toolbar.columns',
+    'Columns (dividers)',
+];
+const CORNER_LABELS_TOGGLE = [
+    'com.labre.wardley.toolbar.corner-labels',
+    'Labels Uncharted / Industrialized',
+];
+const GRADIENT_TOGGLE = [
+    'com.labre.wardley.toolbar.gradient',
+    'Show / hide the gradient',
+];
+const VALUE_CHAIN_AXIS_TOGGLE = [
+    'com.labre.wardley.toolbar.value-chain-axis',
+    'Value Chain axis (Y)',
+];
+const VISIBILITY_LABELS_TOGGLE = [
+    'com.labre.wardley.toolbar.visibility-labels',
+    'Labels Visible / Invisible',
+];
+/** Every wording above, for `translations.ts`'s manifest contribution. */
+export const WARDLEY_TOOLBAR_WORDINGS = [
+    EVOLUTION_AXIS_TOGGLE,
+    EVOLUTION_PHASE_LABELS_TOGGLE,
+    COLUMNS_TOGGLE,
+    CORNER_LABELS_TOGGLE,
+    GRADIENT_TOGGLE,
+    VALUE_CHAIN_AXIS_TOGGLE,
+    VISIBILITY_LABELS_TOGGLE,
+];
 const ResizeIcon = html `<svg
   width="24"
   height="24"
@@ -162,12 +201,12 @@ export const wardleyToolbarConfig = {
         {
             id: 'b.evolution',
             actions: [
-                booleanToggle('b.1-axis-x', 'Evolution axis (X)', XAxisIcon, 'showXAxis'),
-                booleanToggle('b.2-column-labels', 'Evolution phase labels', ColumnLabelsIcon, 'showColumnLabels'),
-                booleanToggle('b.3-columns', 'Columns (dividers)', ColumnsIcon, 'showColumnDividers'),
-                booleanToggle('b.4-corner-labels', 'Labels Uncharted / Industrialized', CornerLabelsIcon, 'showCornerLabels'),
+                booleanToggle('b.1-axis-x', EVOLUTION_AXIS_TOGGLE, XAxisIcon, 'showXAxis'),
+                booleanToggle('b.2-column-labels', EVOLUTION_PHASE_LABELS_TOGGLE, ColumnLabelsIcon, 'showColumnLabels'),
+                booleanToggle('b.3-columns', COLUMNS_TOGGLE, ColumnsIcon, 'showColumnDividers'),
+                booleanToggle('b.4-corner-labels', CORNER_LABELS_TOGGLE, CornerLabelsIcon, 'showCornerLabels'),
                 // Only relevant when the selection has a gradient variant.
-                booleanToggle('b.5-gradient', 'Show / hide the gradient', GradientIcon, 'showGradient', ctx => ctx
+                booleanToggle('b.5-gradient', GRADIENT_TOGGLE, GradientIcon, 'showGradient', ctx => ctx
                     .getSurfaceModelsByType(WardleyBackgroundElementModel)
                     .some(model => model.variant !== 'classic')),
             ],
@@ -176,8 +215,8 @@ export const wardleyToolbarConfig = {
         {
             id: 'c.value-chain',
             actions: [
-                booleanToggle('c.1-axis-y', 'Value Chain axis (Y)', YAxisIcon, 'showYAxis'),
-                booleanToggle('c.2-visibility-labels', 'Labels Visible / Invisible', VisibilityIcon, 'showVisibilityLabels'),
+                booleanToggle('c.1-axis-y', VALUE_CHAIN_AXIS_TOGGLE, YAxisIcon, 'showYAxis'),
+                booleanToggle('c.2-visibility-labels', VISIBILITY_LABELS_TOGGLE, VisibilityIcon, 'showVisibilityLabels'),
             ],
         },
         // Generate the auto-legend from the components present inside this

package/dist/toolbar/node-config.d.ts

@@ -1,4 +1,6 @@
-import { type Color, type Palette, type ShapeElementModel } from '@formicoidea/labre-core/model';
+import type { NamedPalette } from '@formicoidea/labre-core/components/color-picker';
+import { type Color, type ShapeElementModel } from '@formicoidea/labre-core/model';
+import { type ChromeWording } from '@formicoidea/labre-core/shared/services';
 /**
  * What a picked swatch WRITES on a Wardley node.
  *
@@ -13,9 +15,31 @@ import { type Color, type Palette, type ShapeElementModel } from '@formicoidea/l
  * (`--affine-…`) is not a hex at all and must reach the document intact.
  */
 export declare function wardleyFillColor(model: ShapeElementModel, value: Color): Color;
+/**
+ * The nine Wardley swatches' own names, resolved by `resolvePaletteLabel`
+ * (`@labre/affine-components/color-picker`) through each swatch's own
+ * {@link NamedPalette.labelWording} — the framework-agnostic mechanism a
+ * gfx module uses to name a palette without touching `Palette`
+ * (`packages/affine/model`, RED ZONE) or importing another framework.
+ *
+ * Exported so `../translations.ts` can list them in the manifest under
+ * source `chrome`, the same treatment `WARDLEY_TOOLBAR_WORDINGS` already
+ * gets — a swatch's name is toolbar chrome, re-rendered on every locale
+ * switch, never seeded into a document.
+ */
+export declare const WARDLEY_PALETTE_WORDING_WONDER: ChromeWording;
+export declare const WARDLEY_PALETTE_WORDING_PEACE: ChromeWording;
+export declare const WARDLEY_PALETTE_WORDING_WAR: ChromeWording;
+export declare const WARDLEY_PALETTE_WORDING_WONDER_LIGHT: ChromeWording;
+export declare const WARDLEY_PALETTE_WORDING_PEACE_LIGHT: ChromeWording;
+export declare const WARDLEY_PALETTE_WORDING_WAR_LIGHT: ChromeWording;
+export declare const WARDLEY_PALETTE_WORDING_RED: ChromeWording;
+export declare const WARDLEY_PALETTE_WORDING_INERTIA: ChromeWording;
+export declare const WARDLEY_PALETTE_WORDING_METHOD_GREY: ChromeWording;
+export declare const WARDLEY_PALETTE_WORDINGS: readonly ChromeWording[];
 /**
  * From the default editor palette we keep ONLY the neutrals — the historical
  * colours are dropped in favour of the Wardley swatches above.
  */
-export declare const WARDLEY_PALETTE_LIST: Palette[];
+export declare const WARDLEY_PALETTE_LIST: NamedPalette[];
 export declare const wardleyNodeToolbarExtension: import("@formicoidea/labre-core/store").ExtensionType;

package/dist/toolbar/node-config.js

@@ -29,6 +29,65 @@ export function wardleyFillColor(model, value) {
         return value;
     return `${value}${AREA_ALPHA}`;
 }
+/**
+ * The nine Wardley swatches' own names, resolved by `resolvePaletteLabel`
+ * (`@labre/affine-components/color-picker`) through each swatch's own
+ * {@link NamedPalette.labelWording} — the framework-agnostic mechanism a
+ * gfx module uses to name a palette without touching `Palette`
+ * (`packages/affine/model`, RED ZONE) or importing another framework.
+ *
+ * Exported so `../translations.ts` can list them in the manifest under
+ * source `chrome`, the same treatment `WARDLEY_TOOLBAR_WORDINGS` already
+ * gets — a swatch's name is toolbar chrome, re-rendered on every locale
+ * switch, never seeded into a document.
+ */
+export const WARDLEY_PALETTE_WORDING_WONDER = [
+    'com.labre.wardley.palette.wonder',
+    'Wonder',
+];
+export const WARDLEY_PALETTE_WORDING_PEACE = [
+    'com.labre.wardley.palette.peace',
+    'Peace',
+];
+export const WARDLEY_PALETTE_WORDING_WAR = [
+    'com.labre.wardley.palette.war',
+    'War',
+];
+export const WARDLEY_PALETTE_WORDING_WONDER_LIGHT = [
+    'com.labre.wardley.palette.wonder-light',
+    'Wonder light',
+];
+export const WARDLEY_PALETTE_WORDING_PEACE_LIGHT = [
+    'com.labre.wardley.palette.peace-light',
+    'Peace light',
+];
+export const WARDLEY_PALETTE_WORDING_WAR_LIGHT = [
+    'com.labre.wardley.palette.war-light',
+    'War light',
+];
+export const WARDLEY_PALETTE_WORDING_RED = [
+    'com.labre.wardley.palette.wardley-red',
+    'Wardley red',
+];
+export const WARDLEY_PALETTE_WORDING_INERTIA = [
+    'com.labre.wardley.palette.inertia',
+    'Inertia',
+];
+export const WARDLEY_PALETTE_WORDING_METHOD_GREY = [
+    'com.labre.wardley.palette.method-grey',
+    'Method grey',
+];
+export const WARDLEY_PALETTE_WORDINGS = [
+    WARDLEY_PALETTE_WORDING_WONDER,
+    WARDLEY_PALETTE_WORDING_PEACE,
+    WARDLEY_PALETTE_WORDING_WAR,
+    WARDLEY_PALETTE_WORDING_WONDER_LIGHT,
+    WARDLEY_PALETTE_WORDING_PEACE_LIGHT,
+    WARDLEY_PALETTE_WORDING_WAR_LIGHT,
+    WARDLEY_PALETTE_WORDING_RED,
+    WARDLEY_PALETTE_WORDING_INERTIA,
+    WARDLEY_PALETTE_WORDING_METHOD_GREY,
+];
 /**
  * The Wardley **evolution cycle**, surfaced as ready-made swatches in the node
  * colour picker: Wonder / Peace / War, the three climatic phases a component
@@ -41,15 +100,47 @@ export function wardleyFillColor(model, value) {
  * an author is free to ignore them, and the custom picker stays one click away.
  */
 const WARDLEY_PALETTES = [
-    { key: 'Wonder', value: '#3ec9f2' },
-    { key: 'Peace', value: '#5b9cf6' },
-    { key: 'War', value: '#9d6df0' },
-    { key: 'Wonder light', value: '#b9e9fa' },
-    { key: 'Peace light', value: '#c6dbfc' },
-    { key: 'War light', value: '#d9c9fa' },
-    { key: 'Wardley red', value: WARDLEY_RED },
-    { key: 'Inertia', value: INERTIA_COLOR },
-    { key: 'Method grey', value: METHOD_FILL },
+    {
+        key: 'Wonder',
+        value: '#3ec9f2',
+        labelWording: WARDLEY_PALETTE_WORDING_WONDER,
+    },
+    {
+        key: 'Peace',
+        value: '#5b9cf6',
+        labelWording: WARDLEY_PALETTE_WORDING_PEACE,
+    },
+    { key: 'War', value: '#9d6df0', labelWording: WARDLEY_PALETTE_WORDING_WAR },
+    {
+        key: 'Wonder light',
+        value: '#b9e9fa',
+        labelWording: WARDLEY_PALETTE_WORDING_WONDER_LIGHT,
+    },
+    {
+        key: 'Peace light',
+        value: '#c6dbfc',
+        labelWording: WARDLEY_PALETTE_WORDING_PEACE_LIGHT,
+    },
+    {
+        key: 'War light',
+        value: '#d9c9fa',
+        labelWording: WARDLEY_PALETTE_WORDING_WAR_LIGHT,
+    },
+    {
+        key: 'Wardley red',
+        value: WARDLEY_RED,
+        labelWording: WARDLEY_PALETTE_WORDING_RED,
+    },
+    {
+        key: 'Inertia',
+        value: INERTIA_COLOR,
+        labelWording: WARDLEY_PALETTE_WORDING_INERTIA,
+    },
+    {
+        key: 'Method grey',
+        value: METHOD_FILL,
+        labelWording: WARDLEY_PALETTE_WORDING_METHOD_GREY,
+    },
 ];
 /**
  * From the default editor palette we keep ONLY the neutrals — the historical

package/dist/translations.js

@@ -1,12 +1,87 @@
+import { tagDefsTranslationEntries } from '@formicoidea/labre-core/shared/services';
 import { collectTranslationKeys, commandCategoryTranslationEntries, commandTranslationEntries, mergeTranslationEntries, } from '@formicoidea/labre-core/std';
+import { WARDLEY_AXIS_SEED } from './actions.js';
 import { WARDLEY_AUDIT_CRITERIA } from './audit-criteria.js';
 import { WARDLEY_BACKGROUND } from './background.js';
 import { wardleyCommands } from './commands.js';
+import { WARDLEY_OWM_IMPORT_REMARKS } from './import.js';
+import { WARDLEY_LEGEND_WORDINGS } from './legend.js';
+import { WARDLEY_TAG_DEFS } from './natures.js';
 import { WARDLEY_NUDGES } from './nudges.js';
+import { WARDLEY_NODE_LABEL, wardleyNodeLabelKey } from './presets.js';
 import { WARDLEY_PROFILES } from './profiles.js';
 import { WARDLEY_READING } from './reading.js';
 import { WARDLEY_ROLES } from './roles.js';
 import { WARDLEY_RULES } from './rules.js';
+import { KODAK_INERTIA_SEED, TEA_SHOP_SEED, WARDLEY_TEMPLATE_NAME_KODAK_INERTIA, WARDLEY_TEMPLATE_NAME_TEA_SHOP, } from './templates/maps.js';
+import { WARDLEY_TEMPLATE_NAME_EVOLUTION_ARROW, WARDLEY_TEMPLATE_NAME_LINK, } from './templates/index.js';
+import { WARDLEY_TOOLBAR_WORDINGS } from './toolbar/config.js';
+import { WARDLEY_PALETTE_WORDINGS } from './toolbar/node-config.js';
+/**
+ * The prompt every labelled artefact is created NEXT TO — the fallback IS
+ * `WARDLEY_NODE_LABEL[kind]`, never restated, mirroring BPMN's `seedEntries`.
+ */
+const nodeSeedEntries = () => Object.entries(WARDLEY_NODE_LABEL).map(([kind, label]) => ({
+    key: wardleyNodeLabelKey(kind),
+    fallback: label,
+    source: 'seed',
+}));
+/** The three axis words a translated background variant is seeded with. */
+const axisSeedEntries = () => Object.values(WARDLEY_AXIS_SEED).map(({ key, fallback }) => ({
+    key,
+    fallback,
+    source: 'seed',
+}));
+/**
+ * The seeds the two worked-example maps write — derived from the very tables
+ * `templates/maps.ts` reads at placement.
+ */
+const exampleSeedEntries = () => [...Object.values(TEA_SHOP_SEED), ...Object.values(KODAK_INERTIA_SEED)].map(({ key, fallback }) => ({ key, fallback, source: 'seed' }));
+/**
+ * The auto-legend's own wordings — title, row captions, gradient blocks and
+ * the Porter panel — derived from `legend.ts`'s own `WARDLEY_LEGEND_WORDINGS`,
+ * the very table `createWardleyLegend` reads when it writes the group onto
+ * the canvas.
+ */
+const legendSeedEntries = () => WARDLEY_LEGEND_WORDINGS.map(([key, fallback]) => ({
+    key,
+    fallback,
+    source: 'seed',
+}));
+/** The toolbar tooltips this framework used to hard-code as English literals. */
+const toolbarChromeEntries = () => WARDLEY_TOOLBAR_WORDINGS.map(([key, fallback]) => ({
+    key,
+    fallback,
+    source: 'chrome',
+}));
+/**
+ * The four hand-composed cards' own tile names — chrome, not seeds: a
+ * `Template.nameKey`, re-resolved every time the panel opens, never written
+ * into a document. See `templates/index.ts` and `templates/maps.ts`.
+ */
+const templateNameEntries = () => [
+    WARDLEY_TEMPLATE_NAME_LINK,
+    WARDLEY_TEMPLATE_NAME_EVOLUTION_ARROW,
+    WARDLEY_TEMPLATE_NAME_TEA_SHOP,
+    WARDLEY_TEMPLATE_NAME_KODAK_INERTIA,
+].map(([key, fallback]) => ({ key, fallback, source: 'chrome' }));
+/** The five fixed-wording OWM import remarks ({@link WARDLEY_OWM_IMPORT_REMARKS}). */
+const importRemarkEntries = () => Object.values(WARDLEY_OWM_IMPORT_REMARKS).map(([key, english]) => ({
+    key,
+    fallback: english,
+    source: 'chrome',
+}));
+/**
+ * The nine node-colour-picker swatches' own names (`WARDLEY_PALETTE_WORDINGS`,
+ * `toolbar/node-config.ts`) — chrome, like the toolbar tooltips above: a
+ * swatch's name is re-rendered on every locale switch, never seeded into a
+ * document.
+ */
+const paletteWordingEntries = () => WARDLEY_PALETTE_WORDINGS.map(([key, fallback]) => ({
+    key,
+    fallback,
+    source: 'chrome',
+}));
 /**
  * THIS framework's contribution to the translation-key manifest — every
  * `com.labre.*` key Wardley can hand to `TranslationProvider.t`, derived from
@@ -27,4 +102,8 @@ export const wardleyTranslationEntries = mergeTranslationEntries(commandTranslat
 // registry names no framework category in the bundled distribution, so a
 // host that composed core's manifest alone drew translated entries under
 // English headers (#183).
-commandCategoryTranslationEntries(wardleyCommands), collectTranslationKeys('role', WARDLEY_ROLES), collectTranslationKeys('background', WARDLEY_BACKGROUND), collectTranslationKeys('rule', WARDLEY_RULES), collectTranslationKeys('nudge', WARDLEY_NUDGES), collectTranslationKeys('profile', WARDLEY_PROFILES), collectTranslationKeys('audit-criterion', WARDLEY_AUDIT_CRITERIA), collectTranslationKeys('reading', WARDLEY_READING));
+commandCategoryTranslationEntries(wardleyCommands), collectTranslationKeys('role', WARDLEY_ROLES), collectTranslationKeys('background', WARDLEY_BACKGROUND), collectTranslationKeys('rule', WARDLEY_RULES), collectTranslationKeys('nudge', WARDLEY_NUDGES), collectTranslationKeys('profile', WARDLEY_PROFILES), collectTranslationKeys('audit-criterion', WARDLEY_AUDIT_CRITERIA), nodeSeedEntries(), axisSeedEntries(), exampleSeedEntries(), legendSeedEntries(), templateNameEntries(), toolbarChromeEntries(), importRemarkEntries(), paletteWordingEntries(), collectTranslationKeys('reading', WARDLEY_READING), 
+// The library's own tag pack (`WARDLEY_TAG_DEFS`) — the natures and the
+// Porter competition tags. A host's app-seeded pack needs no entry here:
+// see `tagDefsTranslationEntries`.
+tagDefsTranslationEntries(WARDLEY_TAG_DEFS));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@formicoidea/labre-framework-wardley",
   "description": "Labre wardley framework for @formicoidea/labre-core.",
-  "version": "0.40.0",
+  "version": "0.41.0",
   "type": "module",
   "sideEffects": false,
   "author": "lajola",
@@ -31,7 +31,7 @@
     "dist"
   ],
   "dependencies": {
-    "@formicoidea/labre-core": "0.40.0",
+    "@formicoidea/labre-core": "0.41.0",
     "lit": "^3.2.0"
   }
 }