@formicoidea/labre-framework-ddd-event-storming 0.39.1 → 0.40.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/background.js +8 -4
  2. package/dist/commands.js +2 -1
  3. package/dist/templates.js +2 -1
  4. package/package.json +3 -3
package/dist/background.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import { ES_STICKIES, FONT_FAMILY } from '@formicoidea/labre-ddd-shared';
2
+ import { NOTATION_NEUTRALS } from '@formicoidea/labre-core/shared/consts';
2
3
  import { ES_ROLE } from './roles.js';
3
4
  /**
4
5
  * The Event Storming board, DECLARED (the `FrameworkBackgroundDef` primitive).
@@ -33,9 +34,12 @@ import { ES_ROLE } from './roles.js';
33
34
  * own colours" the answer is already written down, in one place, beside the
34
35
  * card it belongs to.
35
36
  */
36
- /** Ink for the frame itself: the axis line and the word beside it. */
37
- const AXIS_COLOR = '#6d6e71';
38
- const CARD_BORDER = '#d5d9e0';
37
+ /**
38
+ * Ink for the frame itself: the axis line and the word beside it. The card, its
39
+ * border and this ink are the shared notation scale's, painted at render time.
40
+ */
41
+ const AXIS_COLOR = NOTATION_NEUTRALS.frameInk;
42
+ const CARD_BORDER = NOTATION_NEUTRALS.cardBorder;
39
43
  /**
40
44
  * The one word this board writes on itself, and it is written BIG: 64 units
41
45
  * (PO recette, 26/08/2026).
@@ -81,7 +85,7 @@ export const EVENT_STORMING_BACKGROUND = {
81
85
  chrome: {
82
86
  fontFamily: FONT_FAMILY,
83
87
  palette: {
84
- card: '#ffffff',
88
+ card: NOTATION_NEUTRALS.cardFill,
85
89
  cardBorder: CARD_BORDER,
86
90
  axis: AXIS_COLOR,
87
91
  ...STICKY_PALETTE,
package/dist/commands.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import { addSticky, ES_HOTSPOT, ES_STICKIES, placeDddElement, STICKY_SIZE, } from '@formicoidea/labre-ddd-shared';
2
+ import { NOTATION_NEUTRALS } from '@formicoidea/labre-core/shared/consts';
2
3
  import { GfxControllerIdentifier } from '@formicoidea/labre-core/std/gfx';
3
4
  import { svg } from 'lit';
4
5
  import { activateEventStormingFlow, createEventStormingBoard } from './actions.js';
@@ -16,7 +17,7 @@ import { ES_STICKY_ROLE } from './roles.js';
16
17
  const squareSwatch = (color) => svg `<svg width="24" height="24" viewBox="0 0 24 24"><rect x="3" y="3" width="18" height="18" rx="3" fill="${color}"/></svg>`;
17
18
  const diamondSwatch = (color) => svg `<svg width="24" height="24" viewBox="0 0 24 24"><rect x="6" y="6" width="12" height="12" transform="rotate(45 12 12)" fill="${color}"/></svg>`;
18
19
  const flowSwatch = svg `<svg width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M4 12 H18" stroke="currentColor" stroke-width="2"/><path d="M16 8 L20 12 L16 16" stroke="currentColor" stroke-width="2" fill="none"/></svg>`;
19
- const boardSwatch = svg `<svg width="24" height="24" viewBox="0 0 24 24" fill="none"><rect x="2.5" y="4" width="19" height="16" rx="2" fill="#ffffff" stroke="currentColor" stroke-width="1.6"/><rect x="5" y="7.5" width="4" height="4" rx="1" fill="#F5963B"/><rect x="10.5" y="7.5" width="4" height="4" rx="1" fill="#5BA3DB"/><rect x="16" y="7.5" width="4" height="4" rx="1" fill="#FAF2C9" stroke="#c9bd7f" stroke-width="0.6"/><path d="M4.5 16.5 H19.5" stroke="currentColor" stroke-width="1.2"/><path d="M17.5 14.8 L19.8 16.5 L17.5 18.2" stroke="currentColor" stroke-width="1.2"/></svg>`;
20
+ const boardSwatch = svg `<svg width="24" height="24" viewBox="0 0 24 24" fill="none"><rect x="2.5" y="4" width="19" height="16" rx="2" fill="${NOTATION_NEUTRALS.cardFill}" stroke="currentColor" stroke-width="1.6"/><rect x="5" y="7.5" width="4" height="4" rx="1" fill="#F5963B"/><rect x="10.5" y="7.5" width="4" height="4" rx="1" fill="#5BA3DB"/><rect x="16" y="7.5" width="4" height="4" rx="1" fill="#FAF2C9" stroke="#c9bd7f" stroke-width="0.6"/><path d="M4.5 16.5 H19.5" stroke="currentColor" stroke-width="1.2"/><path d="M17.5 14.8 L19.8 16.5 L17.5 18.2" stroke="currentColor" stroke-width="1.2"/></svg>`;
20
21
  /**
21
22
  * The aggregate is created BIG — 160 against the standard 120.
22
23
  *
package/dist/templates.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import { ES_HOTSPOT, ES_STICKIES } from '@formicoidea/labre-ddd-shared';
2
2
  import { templateFromCommand, } from '@formicoidea/labre-core/gfx/template';
3
+ import { NOTATION_NEUTRALS } from '@formicoidea/labre-core/shared/consts';
3
4
  import { eventStormingCommands } from './commands.js';
4
5
  /**
5
6
  * The Event Storming palette — DERIVED from the toolbox, one template per
@@ -27,7 +28,7 @@ const ATTRS = 'width="100%" height="100%" viewBox="0 0 135 80" xmlns="http://www
27
28
  const sq = (c) => `<svg ${ATTRS}><rect x="38" y="13" width="60" height="54" rx="5" fill="${c}"/></svg>`;
28
29
  const dia = (c) => `<svg ${ATTRS}><rect x="48" y="20" width="40" height="40" transform="rotate(45 68 40)" fill="${c}"/></svg>`;
29
30
  /** The roll, in miniature: a white card, a few stickies, and the one axis. */
30
- const BOARD_PREVIEW = `<svg ${ATTRS} fill="none"><rect x="4" y="6" width="127" height="68" rx="6" fill="#ffffff" stroke="#d5d9e0" stroke-width="1.5"/><rect x="14" y="18" width="18" height="18" rx="3" fill="${ES_STICKIES[0].fill}"/><rect x="38" y="18" width="18" height="18" rx="3" fill="${ES_STICKIES[1].fill}"/><rect x="62" y="18" width="18" height="18" rx="3" fill="${ES_STICKIES[2].fill}"/><rect x="86" y="18" width="18" height="18" rx="3" fill="${ES_STICKIES[3].fill}"/><path d="M12 58 H114" stroke="#6d6e71" stroke-width="3"/><path d="M112 53 L122 58 L112 63 Z" fill="#6d6e71"/></svg>`;
31
+ const BOARD_PREVIEW = `<svg ${ATTRS} fill="none"><rect x="4" y="6" width="127" height="68" rx="6" fill="${NOTATION_NEUTRALS.cardFill}" stroke="${NOTATION_NEUTRALS.cardBorder}" stroke-width="1.5"/><rect x="14" y="18" width="18" height="18" rx="3" fill="${ES_STICKIES[0].fill}"/><rect x="38" y="18" width="18" height="18" rx="3" fill="${ES_STICKIES[1].fill}"/><rect x="62" y="18" width="18" height="18" rx="3" fill="${ES_STICKIES[2].fill}"/><rect x="86" y="18" width="18" height="18" rx="3" fill="${ES_STICKIES[3].fill}"/><path d="M12 58 H114" stroke="${NOTATION_NEUTRALS.frameInk}" stroke-width="3"/><path d="M112 53 L122 58 L112 63 Z" fill="${NOTATION_NEUTRALS.frameInk}"/></svg>`;
31
32
  export const eventStormingTemplateCategory = {
32
33
  name: 'Event Storming',
33
34
  templates: [
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@formicoidea/labre-framework-ddd-event-storming",
3
3
  "description": "Labre ddd-event-storming framework for @formicoidea/labre-core.",
4
- "version": "0.39.1",
4
+ "version": "0.40.0",
5
5
  "type": "module",
6
6
  "sideEffects": false,
7
7
  "author": "lajola",
@@ -31,8 +31,8 @@
31
31
  "dist"
32
32
  ],
33
33
  "dependencies": {
34
- "@formicoidea/labre-core": "0.39.1",
35
- "@formicoidea/labre-ddd-shared": "0.39.1",
34
+ "@formicoidea/labre-core": "0.40.0",
35
+ "@formicoidea/labre-ddd-shared": "0.40.0",
36
36
  "lit": "^3.2.0"
37
37
  }
38
38
  }