@liquidcars/atlas-geometry-processes 0.2.0 → 0.3.0

package/README.md

@@ -37,6 +37,10 @@ not depend on Three.js.
 | process.annotation | Note attached to a symbol |
 | process.control-transfer | Control-flow transfer |
 | process.condition | Condition/rule gate |
+| process.rocket | Project / startup rocket |
+| process.laurel-wreath | Epic / laurel wreath |
+| process.rabbit | Sprint / running rabbit |
+| process.wrench | Task / open-ended wrench |
 
 The symbols are intentionally process-oriented rather than generic primitives:
 they preserve the visual vocabulary of flowcharts while remaining volumetric,
@@ -122,3 +126,18 @@ import processGeometryPack from "@liquidcars/atlas-geometry-processes";
 
 console.log(processGeometryPack.geometries.map(geometry => geometry.id));
 ~~~
+
+## Work management (0.3.0)
+
+The four work-management symbols appear under **Processes · Work management**.
+Their ids describe reusable shapes, independently of the host application’s entity types.
+The suggested mapping is project → `process.rocket`, epic → `process.laurel-wreath`,
+sprint → `process.rabbit`, task → `process.wrench`. Existing geometry ids are unchanged.
+
+The silhouettes use solid SVG extrusions with real thickness and local palette colors.
+Atlas derives 2D diagrams and thumbnails from the same geometry used in 3D; no emoji,
+font, remote image or Three.js dependency is required by the pack. Atlas >= 0.1.40
+is required for SVG extrusion support. Colors use `workPrimary`, `workPaper`,
+`workWindow`, `workGold`, `workGreen`, `workMetal` and `workFlame`.
+
+Run `npm test` to check the pack contract and backwards-compatible symbol ids.

package/index.js

@@ -56,7 +56,7 @@ const processPalette = {
 export const processGeometryPack = {
   namespace: "process",
   name: "Process Symbols",
-  version: "0.2.0",
+  version: "0.3.0",
   category: "Processes",
   palette: processPalette,
   geometries: [
@@ -467,6 +467,80 @@ export const processGeometryPack = {
   ]
 };
 
+// Work-management vocabulary. Every silhouette is a solid SVG extrusion, so
+// Atlas uses the same outline for its 2D diagrams and its volumetric 3D view.
+const workSvg = (paths, size, position = [0, 0, 0], color = "workPrimary") => ({
+  shape: "svg-extrude",
+  svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">${paths}</svg>`,
+  size, position, color, edges: false, bevel: .018, curveSegments: 10,
+  metalness: .16, roughness: .48
+});
+const workEye = (position, diameter, color = "workPaper") => ({
+  shape: "cylinder", size: [diameter, .055, diameter],
+  rotation: [Math.PI / 2, 0, 0], position, color, edges: false
+});
+const rocketOutline = '<path d="M50 3C31 16 27 35 28 57L13 72V88L35 79H65L87 88V72L72 57C73 35 69 16 50 3Z"/>';
+const rocketFlame = '<path d="M24 4Q50 25 76 4Q84 55 50 97Q16 55 24 4Z"/>';
+const rabbitOutline = '<path d="M14 62C6 65 2 57 6 51C9 47 14 49 18 52C24 39 37 37 49 43L59 36L55 18Q54 8 60 13L70 32L74 11Q78 3 82 10L81 34Q90 36 94 44L97 49Q99 54 92 57L81 58L75 64L91 76Q95 83 87 83L70 72L62 70L52 79L32 89Q24 91 26 84L39 75L46 65Q35 60 27 66L18 79L7 83Q0 84 4 77L14 68Z"/>';
+// Opposite contour winding keeps the handle hole without discarding the body caps in Atlas.
+const wrenchOutline = '<path fill-rule="evenodd" d="M63 8L57 10C45 14 38 28 44 40L8 68C0 74 -2 84 5 91C12 98 22 97 29 89L59 55C73 63 87 59 94 45L77 45L70 32L79 20L95 20C90 8 76 2 63 8ZM20 81A5 5 0 1 1 10 81A5 5 0 1 1 20 81Z"/>';
+const laurelOutline = (() => {
+  const point = (x, y) => `${x.toFixed(2)} ${y.toFixed(2)}`;
+  const leaf = (x, y, tx, ty, width) => {
+    const dx = tx - x, dy = ty - y, length = Math.hypot(dx, dy), nx = -dy / length * width, ny = dx / length * width;
+    return `<path d="M${point(x,y)}C${point(x+dx*.25+nx,y+dy*.25+ny)} ${point(x+dx*.75+nx,y+dy*.75+ny)} ${point(tx,ty)}C${point(x+dx*.75-nx,y+dy*.75-ny)} ${point(x+dx*.25-nx,y+dy*.25-ny)} ${point(x,y)}Z"/>`;
+  };
+  let paths = '<path d="M49 94C16 78 9 46 34 10L37 12C16 47 23 75 51 90ZM51 94C84 78 91 46 66 10L63 12C84 47 77 75 49 90Z"/>';
+  for (const side of [-1, 1]) for (let i = 0; i < 7; i++) {
+    const angle = (90 + side * (20 + i * 22)) * Math.PI / 180;
+    const rx = Math.cos(angle), ry = Math.sin(angle), dx = -ry * side, dy = rx * side;
+    const x = 50 + rx * 34, y = 50 + ry * 34;
+    paths += leaf(x, y, x + rx * 13 + dx * 7, y + ry * 13 + dy * 7, 3.8);
+    paths += leaf(x, y, x - rx * 11 + dx * 9, y - ry * 11 + dy * 9, 3.2);
+  }
+  return paths;
+})();
+Object.assign(processPalette, {
+  workPrimary: "#7961c9", workPaper: "#fff9ef", workWindow: "#81d6ec",
+  workGold: "#d6a739", workGreen: "#43856b", workMetal: "#55788d", workFlame: "#efa34b"
+});
+processGeometryPack.geometries.push(
+  {
+    id: "rocket", name: "Project · Rocket", description: "Startup rocket: a project taking off.",
+    category: "Processes · Work management", canonicalSize: [1.8, 2.5, .6],
+    anchors: { input: [-.9, 0, 0], output: [.9, 0, 0], detail: [0, 0, .3] },
+    create() { return { parts: [
+      workSvg(rocketFlame, [.48, .65, .22], [0, -.93, -.015], "workFlame"),
+      workSvg(rocketOutline, [1.45, 1.85, .32], [0, .18, 0]),
+      workEye([0, .49, .18], .46), workEye([0, .49, .215], .30, "workWindow"),
+      frontLine([0, -.43, .185], [.48, .07, .05], "workPaper")
+    ] }; }
+  },
+  {
+    id: "laurel-wreath", name: "Epic · Laurel wreath", description: "A laurel wreath framing a significant achievement.",
+    category: "Processes · Work management", canonicalSize: [2.3, 2.3, .5],
+    anchors: { input: [-1.15, 0, 0], output: [1.15, 0, 0], detail: [0, 0, .25] },
+    create() { return { parts: [workSvg(laurelOutline, [2, 2.05, .3], [0, 0, 0], "workGold")] }; }
+  },
+  {
+    id: "rabbit", name: "Sprint · Running rabbit", description: "A running hare, with long ears and extended legs, for a short delivery iteration.",
+    category: "Processes · Work management", canonicalSize: [2.7, 2.15, .6],
+    anchors: { input: [-1.35, 0, 0], output: [1.35, 0, 0], detail: [0, 0, .3] },
+    create() { return { parts: [
+      workSvg(rabbitOutline, [2.15, 1.95, .3], [.1, .04, 0], "workGreen"),
+      workEye([.9, .20, .185], .095),
+      { ...frontLine([-.99, -.08, 0], [.54, .075, .12], "workGreen"), radius: .035 },
+      { ...frontLine([-1.03, -.35, 0], [.4, .065, .12], "workGreen"), radius: .03 }
+    ] }; }
+  },
+  {
+    id: "wrench", name: "Task · Wrench", description: "An open-ended wrench with a pierced handle for concrete work on an asset.",
+    category: "Processes · Work management", canonicalSize: [2.3, 2.3, .55],
+    anchors: { input: [-1.15, 0, 0], output: [1.15, 0, 0], detail: [0, 0, .275] },
+    create() { return { parts: [workSvg(wrenchOutline, [2.05, 2.05, .32], [0, 0, 0], "workMetal")] }; }
+  }
+);
+
 registerGeometryPack(processGeometryPack);
 
 export default processGeometryPack;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liquidcars/atlas-geometry-processes",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Standard process and flowchart geometry pack for LiquidCars Atlas",
   "type": "module",
   "main": "./index.js",
@@ -14,7 +14,7 @@
   ],
   "sideEffects": true,
   "peerDependencies": {
-    "@liquidcars/atlas": ">=0.1.25"
+    "@liquidcars/atlas": ">=0.1.40"
   },
   "keywords": [
     "liquidcars",
@@ -23,7 +23,11 @@
     "geometry-pack",
     "process",
     "flowchart",
-    "bpmn"
+    "bpmn",
+    "work-management"
   ],
-  "license": "MIT"
+  "license": "MIT",
+  "scripts": {
+    "test": "node --test test/*.test.mjs"
+  }
 }