@almadar/shell-web 1.0.0 → 1.1.0

package/dist/chunk-DZBQA2OW.js

@@ -1,176 +0,0 @@
-import { effectCategoryOf, EFFECT_CATEGORY_COLORS, asEffectOperator } from './chunk-UXLE3IPR.js';
-import { createLogger } from '@almadar/logger';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
-var log = createLogger("almadar:ui:avl:effect");
-function headIcon(type, x, y, s, color) {
-  switch (type) {
-    case "render-ui":
-      return /* @__PURE__ */ jsxs("g", { children: [
-        /* @__PURE__ */ jsx("rect", { x: x - s, y: y - s, width: s * 2, height: s * 2, fill: "none", stroke: color, strokeWidth: 1.5, rx: 1 }),
-        /* @__PURE__ */ jsx("line", { x1: x, y1: y - s, x2: x, y2: y + s, stroke: color, strokeWidth: 1 }),
-        /* @__PURE__ */ jsx("line", { x1: x - s, y1: y, x2: x + s, y2: y, stroke: color, strokeWidth: 1 })
-      ] });
-    case "set":
-      return /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: `M${x - s * 0.6},${y + s} L${x - s},${y + s * 0.4} L${x + s * 0.4},${y - s} L${x + s},${y - s * 0.4} Z`,
-          fill: "none",
-          stroke: color,
-          strokeWidth: 1.5,
-          strokeLinejoin: "round"
-        }
-      );
-    case "persist":
-      return /* @__PURE__ */ jsxs("g", { children: [
-        /* @__PURE__ */ jsx("ellipse", { cx: x, cy: y - s * 0.6, rx: s, ry: s * 0.4, fill: "none", stroke: color, strokeWidth: 1.5 }),
-        /* @__PURE__ */ jsx("line", { x1: x - s, y1: y - s * 0.6, x2: x - s, y2: y + s * 0.4, stroke: color, strokeWidth: 1.5 }),
-        /* @__PURE__ */ jsx("line", { x1: x + s, y1: y - s * 0.6, x2: x + s, y2: y + s * 0.4, stroke: color, strokeWidth: 1.5 }),
-        /* @__PURE__ */ jsx("ellipse", { cx: x, cy: y + s * 0.4, rx: s, ry: s * 0.4, fill: "none", stroke: color, strokeWidth: 1.5 })
-      ] });
-    case "fetch":
-      return /* @__PURE__ */ jsxs("g", { children: [
-        /* @__PURE__ */ jsx("line", { x1: x, y1: y - s, x2: x, y2: y + s * 0.6, stroke: color, strokeWidth: 1.5 }),
-        /* @__PURE__ */ jsx("polyline", { points: `${x - s * 0.5},${y + s * 0.1} ${x},${y + s} ${x + s * 0.5},${y + s * 0.1}`, fill: "none", stroke: color, strokeWidth: 1.5, strokeLinejoin: "round" })
-      ] });
-    case "emit":
-      return /* @__PURE__ */ jsxs("g", { children: [
-        /* @__PURE__ */ jsx("circle", { cx: x, cy: y, r: s * 0.3, fill: color }),
-        /* @__PURE__ */ jsx("path", { d: `M${x - s * 0.7},${y - s * 0.7} A${s},${s} 0 0,1 ${x + s * 0.7},${y - s * 0.7}`, fill: "none", stroke: color, strokeWidth: 1.5 }),
-        /* @__PURE__ */ jsx("path", { d: `M${x - s},${y - s} A${s * 1.4},${s * 1.4} 0 0,1 ${x + s},${y - s}`, fill: "none", stroke: color, strokeWidth: 1, opacity: 0.6 })
-      ] });
-    case "navigate":
-      return /* @__PURE__ */ jsxs("g", { children: [
-        /* @__PURE__ */ jsx("line", { x1: x - s, y1: y, x2: x + s * 0.6, y2: y, stroke: color, strokeWidth: 1.5 }),
-        /* @__PURE__ */ jsx("polyline", { points: `${x + s * 0.1},${y - s * 0.5} ${x + s},${y} ${x + s * 0.1},${y + s * 0.5}`, fill: "none", stroke: color, strokeWidth: 1.5, strokeLinejoin: "round" })
-      ] });
-    case "call-service":
-      return /* @__PURE__ */ jsxs("g", { children: [
-        /* @__PURE__ */ jsx("line", { x1: x - s, y1: y - s * 0.3, x2: x + s, y2: y - s * 0.3, stroke: color, strokeWidth: 1.5 }),
-        /* @__PURE__ */ jsx("polyline", { points: `${x + s * 0.5},${y - s * 0.7} ${x + s},${y - s * 0.3} ${x + s * 0.5},${y + s * 0.1}`, fill: "none", stroke: color, strokeWidth: 1.5, strokeLinejoin: "round" }),
-        /* @__PURE__ */ jsx("line", { x1: x + s, y1: y + s * 0.3, x2: x - s, y2: y + s * 0.3, stroke: color, strokeWidth: 1.5 }),
-        /* @__PURE__ */ jsx("polyline", { points: `${x - s * 0.5},${y - s * 0.1} ${x - s},${y + s * 0.3} ${x - s * 0.5},${y + s * 0.7}`, fill: "none", stroke: color, strokeWidth: 1.5, strokeLinejoin: "round" })
-      ] });
-    case "spawn":
-      return /* @__PURE__ */ jsxs("g", { children: [
-        /* @__PURE__ */ jsx("circle", { cx: x, cy: y, r: s, fill: "none", stroke: color, strokeWidth: 1.5 }),
-        /* @__PURE__ */ jsx("line", { x1: x - s * 0.5, y1: y, x2: x + s * 0.5, y2: y, stroke: color, strokeWidth: 1.5 }),
-        /* @__PURE__ */ jsx("line", { x1: x, y1: y - s * 0.5, x2: x, y2: y + s * 0.5, stroke: color, strokeWidth: 1.5 })
-      ] });
-    case "despawn":
-      return /* @__PURE__ */ jsxs("g", { children: [
-        /* @__PURE__ */ jsx("circle", { cx: x, cy: y, r: s, fill: "none", stroke: color, strokeWidth: 1.5 }),
-        /* @__PURE__ */ jsx("line", { x1: x - s * 0.5, y1: y, x2: x + s * 0.5, y2: y, stroke: color, strokeWidth: 1.5 })
-      ] });
-    case "do":
-      return /* @__PURE__ */ jsxs("g", { children: [
-        /* @__PURE__ */ jsx("circle", { cx: x, cy: y, r: s, fill: "none", stroke: color, strokeWidth: 1.5 }),
-        /* @__PURE__ */ jsx("polygon", { points: `${x - s * 0.3},${y - s * 0.5} ${x + s * 0.5},${y} ${x - s * 0.3},${y + s * 0.5}`, fill: color })
-      ] });
-    case "if":
-      return /* @__PURE__ */ jsx(
-        "polygon",
-        {
-          points: `${x},${y - s} ${x + s * 0.7},${y} ${x},${y + s} ${x - s * 0.7},${y}`,
-          fill: "none",
-          stroke: color,
-          strokeWidth: 1.5,
-          strokeLinejoin: "round"
-        }
-      );
-    case "log":
-      return /* @__PURE__ */ jsx(
-        "text",
-        {
-          x,
-          y,
-          textAnchor: "middle",
-          dominantBaseline: "central",
-          fill: color,
-          fontSize: s * 2.2,
-          fontFamily: "serif",
-          children: "\xB6"
-        }
-      );
-    default:
-      return null;
-  }
-}
-var clock = (x, y, s, color) => /* @__PURE__ */ jsxs("g", { children: [
-  /* @__PURE__ */ jsx("circle", { cx: x, cy: y, r: s, fill: "none", stroke: color, strokeWidth: 1.5 }),
-  /* @__PURE__ */ jsx("polyline", { points: `${x},${y - s * 0.6} ${x},${y} ${x + s * 0.5},${y + s * 0.3}`, fill: "none", stroke: color, strokeWidth: 1.5, strokeLinejoin: "round" })
-] });
-var neuron = (x, y, s, color) => /* @__PURE__ */ jsxs("g", { children: [
-  /* @__PURE__ */ jsx("line", { x1: x - s, y1: y - s * 0.6, x2: x + s * 0.8, y2: y, stroke: color, strokeWidth: 1 }),
-  /* @__PURE__ */ jsx("line", { x1: x - s, y1: y + s * 0.6, x2: x + s * 0.8, y2: y, stroke: color, strokeWidth: 1 }),
-  /* @__PURE__ */ jsx("circle", { cx: x - s, cy: y - s * 0.6, r: s * 0.3, fill: color }),
-  /* @__PURE__ */ jsx("circle", { cx: x - s, cy: y + s * 0.6, r: s * 0.3, fill: color }),
-  /* @__PURE__ */ jsx("circle", { cx: x + s * 0.8, cy: y, r: s * 0.35, fill: color })
-] });
-var gear = (x, y, s, color) => /* @__PURE__ */ jsxs("g", { children: [
-  /* @__PURE__ */ jsx("circle", { cx: x, cy: y, r: s * 0.75, fill: "none", stroke: color, strokeWidth: 1.5, strokeDasharray: `${s * 0.5} ${s * 0.3}` }),
-  /* @__PURE__ */ jsx("circle", { cx: x, cy: y, r: s * 0.3, fill: color })
-] });
-var unknown = (x, y, s, color) => /* @__PURE__ */ jsxs("g", { children: [
-  /* @__PURE__ */ jsx("circle", { cx: x, cy: y, r: s, fill: "none", stroke: color, strokeWidth: 1.2, strokeDasharray: "2 2" }),
-  /* @__PURE__ */ jsx("text", { x, y, textAnchor: "middle", dominantBaseline: "central", fill: color, fontSize: s * 1.4, children: "?" })
-] });
-var CATEGORY_GLYPH = {
-  ui: (x, y, s, c) => headIcon("render-ui", x, y, s, c),
-  data: (x, y, s, c) => headIcon("set", x, y, s, c),
-  communication: (x, y, s, c) => headIcon("emit", x, y, s, c),
-  lifecycle: (x, y, s, c) => headIcon("spawn", x, y, s, c),
-  control: (x, y, s, c) => headIcon("if", x, y, s, c),
-  async: clock,
-  compute: neuron,
-  system: gear
-};
-function effectIcon(type, x, y, s, color) {
-  const op = asEffectOperator(type);
-  const own = op ? headIcon(op, x, y, s, color) : null;
-  if (own) return own;
-  const category = effectCategoryOf(type);
-  if (category) return CATEGORY_GLYPH[category](x, y, s, color);
-  log.error("unknown-effect-operator", { effectType: type });
-  return unknown(x, y, s, color);
-}
-var AvlEffect = ({
-  x = 0,
-  y = 0,
-  effectType,
-  size = 8,
-  label,
-  color = "var(--color-primary)",
-  opacity = 1,
-  className,
-  showBackground = false
-}) => {
-  const category = effectCategoryOf(effectType);
-  const catColors = category ? EFFECT_CATEGORY_COLORS[category] : null;
-  const iconColor = showBackground && catColors ? catColors.color : color;
-  return /* @__PURE__ */ jsxs("g", { className, opacity, children: [
-    showBackground && catColors && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("circle", { cx: x, cy: y, r: size * 1.2, fill: catColors.bg }),
-      /* @__PURE__ */ jsx("circle", { cx: x, cy: y, r: size * 1.2, fill: "none", stroke: catColors.color, strokeWidth: 0.5, opacity: 0.3 })
-    ] }),
-    effectIcon(effectType, x, y, size, iconColor),
-    label && /* @__PURE__ */ jsx(
-      "text",
-      {
-        x,
-        y: y + size + 10,
-        textAnchor: "middle",
-        fill: iconColor,
-        fontSize: 11,
-        fontWeight: 500,
-        fontFamily: "inherit",
-        opacity: 0.7,
-        children: label
-      }
-    )
-  ] });
-};
-AvlEffect.displayName = "AvlEffect";
-
-export { AvlEffect };

package/dist/chunk-EOWMARUB.js

@@ -1,16 +0,0 @@
-import { createContext, useContext } from 'react';
-
-var DEFAULT_CONFIG = {
-  modelOverrides: {},
-  effectsEnabled: true,
-  palette: null
-};
-var Avl3DContext = createContext(DEFAULT_CONFIG);
-function useAvl3DConfig() {
-  return useContext(Avl3DContext);
-}
-function useAvl3DPalette() {
-  return useContext(Avl3DContext).palette;
-}
-
-export { Avl3DContext, useAvl3DConfig, useAvl3DPalette };