@visualli/core 0.1.7 → 0.2.1

package/dist/config/index.js

@@ -1,38 +1,56 @@
 import {
-  ACTIVE_BLOB_TYPES,
-  ALL_BLOB_SHAPES,
-  BLOB_LAYER_CONFIG,
-  BLOB_TEXT_OFFSETS,
-  CONTAINER_LABEL_BASE_FONT_PX,
-  DESCRIPTION_TEXT_BASE_FONT_PX,
-  EDGE_LABEL_BASE_FONT_PX,
-  NODE_LAYER_CONFIG,
-  NODE_TEXT_BASE_FONT_PX,
-  OVERLAY_FONT_UPPER_BOOST_PX,
-  computeEdgeLabelScale,
-  computeNodeTextScreenScale,
-  computeNodeTextWorldScale,
-  computeOverlayScale,
-  drawBlobPath,
-  getBlobTypeForLayer
-} from "../chunk-LNTJTDB2.js";
-import "../chunk-LDJRGT2Q.js";
+  BLOB_SHAPES,
+  MAX_RINGS,
+  RINGS,
+  SHAPE,
+  arrowPath,
+  blobPath,
+  blobRadius,
+  connectorGeometry,
+  drawBlob,
+  edgePath,
+  nodeBounds,
+  nodeRadii,
+  outlineRadius,
+  ringCount,
+  ringsFor,
+  shapeForLevel,
+  shapeOfLevel
+} from "../chunk-64PUANNH.js";
+import {
+  IDEA,
+  LABEL_GROWTH,
+  approximateMeasure,
+  ideaKindOf,
+  ideaSize,
+  labelGrowth,
+  wrapLines
+} from "../chunk-25AJTPMS.js";
+import "../chunk-RFMUATWB.js";
 export {
-  ACTIVE_BLOB_TYPES,
-  ALL_BLOB_SHAPES,
-  BLOB_LAYER_CONFIG,
-  BLOB_TEXT_OFFSETS,
-  CONTAINER_LABEL_BASE_FONT_PX,
-  DESCRIPTION_TEXT_BASE_FONT_PX,
-  EDGE_LABEL_BASE_FONT_PX,
-  NODE_LAYER_CONFIG,
-  NODE_TEXT_BASE_FONT_PX,
-  OVERLAY_FONT_UPPER_BOOST_PX,
-  computeEdgeLabelScale,
-  computeNodeTextScreenScale,
-  computeNodeTextWorldScale,
-  computeOverlayScale,
-  drawBlobPath,
-  getBlobTypeForLayer
+  BLOB_SHAPES,
+  IDEA,
+  LABEL_GROWTH,
+  MAX_RINGS,
+  RINGS,
+  SHAPE,
+  approximateMeasure,
+  arrowPath,
+  blobPath,
+  blobRadius,
+  connectorGeometry,
+  drawBlob,
+  edgePath,
+  ideaKindOf,
+  ideaSize,
+  labelGrowth,
+  nodeBounds,
+  nodeRadii,
+  outlineRadius,
+  ringCount,
+  ringsFor,
+  shapeForLevel,
+  shapeOfLevel,
+  wrapLines
 };
 //# sourceMappingURL=index.js.map

package/dist/constants/index.cjs

@@ -20,30 +20,15 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/constants/index.ts
 var constants_exports = {};
 __export(constants_exports, {
-  BORDER_WIDTH_NORMAL: () => BORDER_WIDTH_NORMAL,
-  BORDER_WIDTH_SELECTED: () => BORDER_WIDTH_SELECTED,
-  BRAND_COLORS: () => BRAND_COLORS,
-  CANVAS_COLORS: () => CANVAS_COLORS,
-  CHAR_WIDTH: () => CHAR_WIDTH,
   CIRCULAR_REFERENCE_MAX_DEPTH: () => CIRCULAR_REFERENCE_MAX_DEPTH,
   CLICK_THRESHOLD: () => CLICK_THRESHOLD,
-  COLOR_BORDER_DARK: () => COLOR_BORDER_DARK,
-  COLOR_BORDER_LIGHT: () => COLOR_BORDER_LIGHT,
-  COLOR_DEFAULT_NODE: () => COLOR_DEFAULT_NODE,
-  COLOR_SELECTED: () => COLOR_SELECTED,
-  CORNER_RADIUS: () => CORNER_RADIUS,
   CULLING_QUERY_TIME_BUDGET: () => CULLING_QUERY_TIME_BUDGET,
   DEFAULT_CANVAS_HEIGHT: () => DEFAULT_CANVAS_HEIGHT,
   DEFAULT_CANVAS_WIDTH: () => DEFAULT_CANVAS_WIDTH,
   DEFAULT_RENDER_CONFIG: () => DEFAULT_RENDER_CONFIG,
   DOUBLE_CLICK_DELAY: () => DOUBLE_CLICK_DELAY,
   DRAG_START_DISTANCE: () => DRAG_START_DISTANCE,
-  DS_COLORS: () => DS_COLORS,
-  DS_RADII: () => DS_RADII,
-  DS_TYPOGRAPHY: () => DS_TYPOGRAPHY,
   FEATURE_FLAGS: () => FEATURE_FLAGS,
-  FONTS: () => FONTS,
-  FONT_SIZES: () => FONT_SIZES,
   FPS_CRITICAL_THRESHOLD: () => FPS_CRITICAL_THRESHOLD,
   FPS_DOWNGRADE_THRESHOLD: () => FPS_DOWNGRADE_THRESHOLD,
   FPS_SAMPLE_WINDOW: () => FPS_SAMPLE_WINDOW,
@@ -54,8 +39,6 @@ __export(constants_exports, {
   FPS_UPGRADE_THRESHOLD: () => FPS_UPGRADE_THRESHOLD,
   FPS_WARNING_THRESHOLD: () => FPS_WARNING_THRESHOLD,
   LAYOUT_SPACING: () => LAYOUT_SPACING,
-  LEVEL_COLORS: () => LEVEL_COLORS,
-  LEVEL_COLOR_ARRAY: () => LEVEL_COLOR_ARRAY,
   MAX_FRAME_TIME: () => MAX_FRAME_TIME,
   MAX_NODES: () => MAX_NODES,
   MAX_VISIBLE_NODES: () => MAX_VISIBLE_NODES,
@@ -65,10 +48,6 @@ __export(constants_exports, {
   MEMORY_TARGET_MB: () => MEMORY_TARGET_MB,
   MEMORY_WARNING_MB: () => MEMORY_WARNING_MB,
   NODE_COUNT_THRESHOLDS: () => NODE_COUNT_THRESHOLDS,
-  NODE_HEIGHT: () => NODE_HEIGHT,
-  NODE_MIN_WIDTH: () => NODE_MIN_WIDTH,
-  NODE_PADDING: () => NODE_PADDING,
-  PARENT_FALLBACK_COLORS: () => PARENT_FALLBACK_COLORS,
   PERFORMANCE_TOAST_COOLDOWN: () => PERFORMANCE_TOAST_COOLDOWN,
   QUALITY_HIGH: () => QUALITY_HIGH,
   QUALITY_LEVELS: () => QUALITY_LEVELS,
@@ -80,36 +59,33 @@ __export(constants_exports, {
   RESIZE_DEBOUNCE: () => RESIZE_DEBOUNCE,
   SCROLL_THROTTLE: () => SCROLL_THROTTLE,
   SEARCH_DEBOUNCE: () => SEARCH_DEBOUNCE,
-  SEMANTIC_COLORS: () => SEMANTIC_COLORS,
   SIMPLIFIED_RENDER_CONFIG: () => SIMPLIFIED_RENDER_CONFIG,
-  SPACING: () => SPACING,
   SPATIAL_INDEX_BUILD_BUDGET: () => SPATIAL_INDEX_BUILD_BUDGET,
   TARGET_FRAME_TIME: () => TARGET_FRAME_TIME,
-  TEXT_LABEL_HIDE_BELOW_ZOOM: () => TEXT_LABEL_HIDE_BELOW_ZOOM,
-  THEME_COLORS: () => THEME_COLORS,
   TIMING_THRESHOLDS: () => TIMING_THRESHOLDS,
-  TITLE_MAX_LENGTH: () => TITLE_MAX_LENGTH,
   VIEWPORT_CONFIG: () => VIEWPORT_CONFIG,
   VIEWPORT_MARGIN: () => VIEWPORT_MARGIN,
   ZOOM_DEFAULT: () => ZOOM_DEFAULT,
   ZOOM_MAX: () => ZOOM_MAX,
   ZOOM_MIN: () => ZOOM_MIN,
-  ZOOM_NAV_IN_THRESHOLD: () => ZOOM_NAV_IN_THRESHOLD,
-  ZOOM_NAV_OUT_THRESHOLD: () => ZOOM_NAV_OUT_THRESHOLD,
-  ZOOM_STEP: () => ZOOM_STEP,
-  ZOOM_WHEEL_SENSITIVITY: () => ZOOM_WHEEL_SENSITIVITY,
-  darkenHexColor: () => darkenHexColor,
-  getColorForLevel: () => getColorForLevel,
   getOptimalQualityLevel: () => getOptimalQualityLevel,
   getRecommendedRenderConfig: () => getRecommendedRenderConfig,
   getRenderConfigForQuality: () => getRenderConfigForQuality,
-  getThemeBackground: () => getThemeBackground,
-  getThemeBorder: () => getThemeBorder,
-  getThemeText: () => getThemeText,
   isFeatureEnabled: () => isFeatureEnabled
 });
 module.exports = __toCommonJS(constants_exports);
 
+// src/generated/geometry/interaction.ts
+var VIEW = {
+  /** Each zoom step multiplies or divides the zoom by this. */
+  zoomStep: 1.2,
+  /** Zoom limits (the zoom-min / zoom-max tokens; the build checks they agree). */
+  zoomMin: 0.3,
+  zoomMax: 5,
+  /** Fit to view never enlarges a layer beyond this. */
+  fitMax: 1.1
+};
+
 // src/constants/performanceConstants.ts
 var FPS_TARGET = 60;
 var FPS_WARNING_THRESHOLD = 45;
@@ -143,26 +119,9 @@ var MAX_VISIBLE_NODES = 800;
 var CULLING_QUERY_TIME_BUDGET = 5;
 var RBUSH_MAX_ENTRIES = 16;
 var SPATIAL_INDEX_BUILD_BUDGET = 50;
-var NODE_MIN_WIDTH = 200;
-var NODE_HEIGHT = 80;
-var NODE_PADDING = 40;
-var CHAR_WIDTH = 8;
-var TITLE_MAX_LENGTH = 150;
-var CORNER_RADIUS = 8;
-var BORDER_WIDTH_NORMAL = 2;
-var BORDER_WIDTH_SELECTED = 3;
-var COLOR_SELECTED = "#1B2D4F";
-var COLOR_BORDER_LIGHT = "#4A3728";
-var COLOR_BORDER_DARK = "#FAF6F1";
-var COLOR_DEFAULT_NODE = "#FAF6F1";
-var ZOOM_MIN = 0.05;
-var ZOOM_MAX = 5;
+var ZOOM_MIN = VIEW.zoomMin;
+var ZOOM_MAX = VIEW.zoomMax;
 var ZOOM_DEFAULT = 1;
-var ZOOM_STEP = 0.1;
-var ZOOM_WHEEL_SENSITIVITY = 1e-3;
-var ZOOM_NAV_IN_THRESHOLD = 2.7;
-var ZOOM_NAV_OUT_THRESHOLD = 0.4;
-var TEXT_LABEL_HIDE_BELOW_ZOOM = 0.3;
 var QUALITY_HIGH = {
   shadows: true,
   bezierCurves: true,
@@ -212,256 +171,13 @@ var VIEWPORT_CONFIG = {
   MIN_VISIBLE_NODES: 10
 };
 
-// src/constants/design.ts
-var DS_COLORS = {
-  light: {
-    bgApp: "#F0EDE6",
-    bgSurface: "#FAF8F4",
-    bgInput: "#FFFFFF",
-    border: "#DDD9D0",
-    borderDivider: "#E8E4DC",
-    primary: "#1B2D4F",
-    primaryHover: "#243B68",
-    textPrimary: "#1A1A18",
-    textSecondary: "#6B6860",
-    textMuted: "#747270",
-    textOnPrimary: "#FAF8F4",
-    hoverItem: "rgba(27,45,79,0.07)",
-    focusRing: "rgba(27,45,79,0.40)",
-    btnMuted: "#8E8C88"
-  },
-  dark: {
-    bgApp: "#141412",
-    bgSurface: "#1C1C1A",
-    bgInput: "#262622",
-    border: "#333330",
-    borderDivider: "#2A2A28",
-    primary: "#BB532D",
-    primaryHover: "#CC6440",
-    textPrimary: "#F0EDE6",
-    textSecondary: "#B0ABA3",
-    textMuted: "#8E8C88",
-    textOnPrimary: "#FAF8F4",
-    hoverItem: "rgba(198,94,56,0.12)",
-    focusRing: "rgba(198,94,56,0.50)",
-    btnMuted: "#4A4845"
-  }
-};
-var DS_TYPOGRAPHY = {
-  fontDisplay: "'Nunito', sans-serif",
-  fontBody: "'Nunito Sans', sans-serif",
-  logo: { size: "20px", weight: 800, letterSpacing: "0.04em" },
-  heading: { size: "16px", weight: 700, letterSpacing: "-0.2px" },
-  cta: { size: "11px", weight: 800, letterSpacing: "0.12em", transform: "uppercase" },
-  body: { size: "13px", weight: 400 },
-  input: { size: "13px", weight: 300, style: "italic" },
-  search: { size: "12px", weight: 400 },
-  username: { size: "13px", weight: 600 },
-  avatar: { size: "11px", weight: 700 },
-  footer: { size: "12px", weight: 400 },
-  empty: { size: "11px", weight: 300, style: "italic" }
-};
-var DS_RADII = {
-  sidebar: 16,
-  input: 8,
-  cta: 7,
-  item: 6,
-  swatch: 10
-};
-var BRAND_COLORS = {
-  primary: {
-    50: "#EFF6FF",
-    100: "#DBEAFE",
-    200: "#BFDBFE",
-    300: "#93C5FD",
-    400: "#60A5FA",
-    500: "#3B82F6",
-    600: "#2563EB",
-    700: "#1D4ED8",
-    800: "#1E40AF",
-    900: "#1E3A8A"
-  },
-  secondary: {
-    50: "#F0FDF4",
-    100: "#DCFCE7",
-    200: "#BBF7D0",
-    300: "#86EFAC",
-    400: "#4ADE80",
-    500: "#10B981",
-    600: "#059669",
-    700: "#047857",
-    800: "#065F46",
-    900: "#064E3B"
-  },
-  accent: {
-    purple: "#8B5CF6",
-    cyan: "#06B6D4",
-    sky: "#0EA5E9",
-    lime: "#84CC16",
-    amber: "#F59E0B",
-    red: "#EF4444"
-  }
-};
-var LEVEL_COLORS = {
-  level0: BRAND_COLORS.primary[500],
-  level1: BRAND_COLORS.primary[400],
-  level2: BRAND_COLORS.primary[300],
-  level3: BRAND_COLORS.primary[200],
-  level4: BRAND_COLORS.primary[300],
-  level5: BRAND_COLORS.primary[400],
-  level6: BRAND_COLORS.primary[500],
-  level7: BRAND_COLORS.primary[600],
-  level8: BRAND_COLORS.primary[700]
-};
-var LEVEL_COLOR_ARRAY = [
-  LEVEL_COLORS.level0,
-  LEVEL_COLORS.level1,
-  LEVEL_COLORS.level2,
-  LEVEL_COLORS.level3,
-  LEVEL_COLORS.level4,
-  LEVEL_COLORS.level5,
-  LEVEL_COLORS.level6,
-  LEVEL_COLORS.level7,
-  LEVEL_COLORS.level8
-];
-var PARENT_FALLBACK_COLORS = [
-  "#12C7D3",
-  "#325E8C",
-  "#8A70A6",
-  "#F54A57",
-  "#FF6C4D",
-  "#F28C16",
-  "#FFD347",
-  "#7F7F7F",
-  "#8D8D8D"
-];
-var SEMANTIC_COLORS = {
-  success: BRAND_COLORS.secondary[500],
-  error: BRAND_COLORS.accent.red,
-  warning: BRAND_COLORS.accent.amber,
-  info: BRAND_COLORS.primary[500]
-};
-var THEME_COLORS = {
-  light: {
-    background: { primary: "#FAF8F4", secondary: "#F0EDE6", tertiary: "#FFFFFF" },
-    text: { primary: "#1A1A18", secondary: "#6B6860", tertiary: "#747270" },
-    border: { primary: "#DDD9D0", secondary: "#E8E4DC" }
-  },
-  dark: {
-    background: { primary: "#1C1C1A", secondary: "#141412", tertiary: "#262622" },
-    text: { primary: "#F0EDE6", secondary: "#B0ABA3", tertiary: "#8E8C88" },
-    border: { primary: "#333330", secondary: "#2A2A28" }
-  }
-};
-var CANVAS_COLORS = {
-  node: {
-    border: "#FFFFFF",
-    titleColor: "#1e1b4b",
-    badgeBackground: "#FFC107",
-    badgeStroke: "#fcd34d"
-  }
-};
-var SPACING = {
-  xs: 4,
-  sm: 8,
-  md: 16,
-  lg: 24,
-  xl: 32,
-  "2xl": 48,
-  "3xl": 64,
-  "4xl": 96
-};
+// src/constants/layout.ts
 var LAYOUT_SPACING = {
   nodeSpacing: 200,
   levelSpacing: 150,
   containerPadding: 20,
   gridSize: 50
 };
-var FONTS = {
-  primary: "'Inter', sans-serif",
-  secondary: "'Poppins', sans-serif",
-  mono: "'Roboto Mono', monospace"
-};
-var FONT_SIZES = {
-  xs: "0.75rem",
-  sm: "0.875rem",
-  base: "1rem",
-  lg: "1.125rem",
-  xl: "1.25rem",
-  "2xl": "1.5rem",
-  "3xl": "1.875rem",
-  "4xl": "2.25rem"
-};
-function getColorForLevel(level) {
-  return LEVEL_COLOR_ARRAY[level % LEVEL_COLOR_ARRAY.length];
-}
-function darkenHexColor(hex, amount = 0.22) {
-  if (!hex || !hex.startsWith("#")) return hex;
-  let r, g, b;
-  if (hex.length === 4) {
-    r = parseInt(hex[1] + hex[1], 16);
-    g = parseInt(hex[2] + hex[2], 16);
-    b = parseInt(hex[3] + hex[3], 16);
-  } else if (hex.length === 7) {
-    r = parseInt(hex.slice(1, 3), 16);
-    g = parseInt(hex.slice(3, 5), 16);
-    b = parseInt(hex.slice(5, 7), 16);
-  } else {
-    return hex;
-  }
-  if (isNaN(r) || isNaN(g) || isNaN(b)) return hex;
-  const rn = r / 255, gn = g / 255, bn = b / 255;
-  const cmax = Math.max(rn, gn, bn), cmin = Math.min(rn, gn, bn);
-  const d = cmax - cmin;
-  const l = (cmax + cmin) / 2;
-  const s = d === 0 ? 0 : d / (1 - Math.abs(2 * l - 1));
-  let h = 0;
-  if (d !== 0) {
-    const seg = cmax === rn ? (gn - bn) / d : cmax === gn ? (bn - rn) / d + 2 : (rn - gn) / d + 4;
-    h = (seg * 60 + 360) % 360;
-  }
-  const newL = Math.max(0, l - amount);
-  const c2 = (1 - Math.abs(2 * newL - 1)) * s;
-  const x2 = c2 * (1 - Math.abs(h / 60 % 2 - 1));
-  const m2 = newL - c2 / 2;
-  let r1 = 0, g1 = 0, b1 = 0;
-  if (h < 60) {
-    r1 = c2;
-    g1 = x2;
-    b1 = 0;
-  } else if (h < 120) {
-    r1 = x2;
-    g1 = c2;
-    b1 = 0;
-  } else if (h < 180) {
-    r1 = 0;
-    g1 = c2;
-    b1 = x2;
-  } else if (h < 240) {
-    r1 = 0;
-    g1 = x2;
-    b1 = c2;
-  } else if (h < 300) {
-    r1 = x2;
-    g1 = 0;
-    b1 = c2;
-  } else {
-    r1 = c2;
-    g1 = 0;
-    b1 = x2;
-  }
-  const toHex = (v) => Math.round((v + m2) * 255).toString(16).padStart(2, "0");
-  return `#${toHex(r1)}${toHex(g1)}${toHex(b1)}`;
-}
-function getThemeBackground(isDark, variant = "primary") {
-  return isDark ? THEME_COLORS.dark.background[variant] : THEME_COLORS.light.background[variant];
-}
-function getThemeText(isDark, variant = "primary") {
-  return isDark ? THEME_COLORS.dark.text[variant] : THEME_COLORS.light.text[variant];
-}
-function getThemeBorder(isDark, variant = "primary") {
-  return isDark ? THEME_COLORS.dark.border[variant] : THEME_COLORS.light.border[variant];
-}
 
 // src/constants/renderConfig.ts
 var DEFAULT_RENDER_CONFIG = {
@@ -551,30 +267,15 @@ function getRecommendedRenderConfig() {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  BORDER_WIDTH_NORMAL,
-  BORDER_WIDTH_SELECTED,
-  BRAND_COLORS,
-  CANVAS_COLORS,
-  CHAR_WIDTH,
   CIRCULAR_REFERENCE_MAX_DEPTH,
   CLICK_THRESHOLD,
-  COLOR_BORDER_DARK,
-  COLOR_BORDER_LIGHT,
-  COLOR_DEFAULT_NODE,
-  COLOR_SELECTED,
-  CORNER_RADIUS,
   CULLING_QUERY_TIME_BUDGET,
   DEFAULT_CANVAS_HEIGHT,
   DEFAULT_CANVAS_WIDTH,
   DEFAULT_RENDER_CONFIG,
   DOUBLE_CLICK_DELAY,
   DRAG_START_DISTANCE,
-  DS_COLORS,
-  DS_RADII,
-  DS_TYPOGRAPHY,
   FEATURE_FLAGS,
-  FONTS,
-  FONT_SIZES,
   FPS_CRITICAL_THRESHOLD,
   FPS_DOWNGRADE_THRESHOLD,
   FPS_SAMPLE_WINDOW,
@@ -585,8 +286,6 @@ function getRecommendedRenderConfig() {
   FPS_UPGRADE_THRESHOLD,
   FPS_WARNING_THRESHOLD,
   LAYOUT_SPACING,
-  LEVEL_COLORS,
-  LEVEL_COLOR_ARRAY,
   MAX_FRAME_TIME,
   MAX_NODES,
   MAX_VISIBLE_NODES,
@@ -596,10 +295,6 @@ function getRecommendedRenderConfig() {
   MEMORY_TARGET_MB,
   MEMORY_WARNING_MB,
   NODE_COUNT_THRESHOLDS,
-  NODE_HEIGHT,
-  NODE_MIN_WIDTH,
-  NODE_PADDING,
-  PARENT_FALLBACK_COLORS,
   PERFORMANCE_TOAST_COOLDOWN,
   QUALITY_HIGH,
   QUALITY_LEVELS,
@@ -611,32 +306,18 @@ function getRecommendedRenderConfig() {
   RESIZE_DEBOUNCE,
   SCROLL_THROTTLE,
   SEARCH_DEBOUNCE,
-  SEMANTIC_COLORS,
   SIMPLIFIED_RENDER_CONFIG,
-  SPACING,
   SPATIAL_INDEX_BUILD_BUDGET,
   TARGET_FRAME_TIME,
-  TEXT_LABEL_HIDE_BELOW_ZOOM,
-  THEME_COLORS,
   TIMING_THRESHOLDS,
-  TITLE_MAX_LENGTH,
   VIEWPORT_CONFIG,
   VIEWPORT_MARGIN,
   ZOOM_DEFAULT,
   ZOOM_MAX,
   ZOOM_MIN,
-  ZOOM_NAV_IN_THRESHOLD,
-  ZOOM_NAV_OUT_THRESHOLD,
-  ZOOM_STEP,
-  ZOOM_WHEEL_SENSITIVITY,
-  darkenHexColor,
-  getColorForLevel,
   getOptimalQualityLevel,
   getRecommendedRenderConfig,
   getRenderConfigForQuality,
-  getThemeBackground,
-  getThemeBorder,
-  getThemeText,
   isFeatureEnabled
 });
 //# sourceMappingURL=index.cjs.map