@texturehq/edges 1.29.1 → 1.30.0

package/dist/server.d.cts

@@ -1,10 +1,9 @@
-export { A as ActionItem, a as ActionMenuProps, b as AppShell, c as AppShellProps, d as AvatarProps, B as BadgeProps, e as BaseDataPoint, C as ChartMargin, f as CodeEditorProps, g as CodeLanguage, h as CodeTheme, E as ENTITY_CONFIG, i as EntityConfig, j as EntityType, H as Heading, I as InteractiveMapProps, L as Loader, k as Logo, M as MapPoint, l as MeterProps, S as SegmentOption, m as SegmentedControlProps, n as SideNav, o as SideNavItem, p as SideNavProps, q as StaticMapProps, T as TextLink, r as TooltipData, s as TooltipSeries, t as TopNav, u as TopNavProps, Y as YFormatSettings, v as YFormatType, w as clearColorCache, x as createCategoryColorMap, y as createXScale, z as createYScale, D as defaultMargin, F as getContrastingTextColor, G as getDefaultChartColor, J as getDefaultColors, K as getEntityConfig, N as getEntityIcon, O as getEntityLabel, P as getResolvedColor, Q as getThemeCategoricalColors, R as getYFormatSettings, U as isLightColor } from './colors-CkJf6_Bz.cjs';
+export { A as ActionItem, a as ActionMenuProps, b as AppShell, c as AppShellProps, d as AvatarProps, B as BadgeProps, e as BaseDataPoint, C as ChartMargin, f as CodeEditorProps, g as CodeLanguage, h as CodeTheme, E as ENTITY_CONFIG, i as EntityConfig, j as EntityType, H as Heading, I as InteractiveMapProps, L as Loader, k as Logo, M as MapPoint, l as MeterProps, S as SegmentOption, m as SegmentedControlProps, n as SideNav, o as SideNavItem, p as SideNavProps, q as StaticMapProps, T as TextLink, r as TooltipData, s as TooltipSeries, t as TopNav, u as TopNavProps, Y as YFormatSettings, v as YFormatType, w as clearColorCache, x as createCategoryColorMap, y as createXScale, z as createYScale, D as defaultMargin, F as getContrastingTextColor, G as getDefaultChartColor, J as getDefaultColors, K as getEntityConfig, N as getEntityIcon, O as getEntityLabel, P as getResolvedColor, Q as getThemeCategoricalColors, R as getYFormatSettings, U as isLightColor } from './colors-BgVu6fze.cjs';
 export { BreadcrumbProps, BreadcrumbsProps } from 'react-aria-components';
 export { D as DateFieldProps, F as FileUploadProps, R as RichTextEditorProps } from './RichTextEditor-CxrunTg7.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { IconProps } from '@phosphor-icons/react';
 import React__default from 'react';
-import '@visx/vendor/d3-scale';
 import 'd3-scale';
 import 'react-map-gl';
 

package/dist/server.d.ts

@@ -1,10 +1,9 @@
-export { A as ActionItem, a as ActionMenuProps, b as AppShell, c as AppShellProps, d as AvatarProps, B as BadgeProps, e as BaseDataPoint, C as ChartMargin, f as CodeEditorProps, g as CodeLanguage, h as CodeTheme, E as ENTITY_CONFIG, i as EntityConfig, j as EntityType, H as Heading, I as InteractiveMapProps, L as Loader, k as Logo, M as MapPoint, l as MeterProps, S as SegmentOption, m as SegmentedControlProps, n as SideNav, o as SideNavItem, p as SideNavProps, q as StaticMapProps, T as TextLink, r as TooltipData, s as TooltipSeries, t as TopNav, u as TopNavProps, Y as YFormatSettings, v as YFormatType, w as clearColorCache, x as createCategoryColorMap, y as createXScale, z as createYScale, D as defaultMargin, F as getContrastingTextColor, G as getDefaultChartColor, J as getDefaultColors, K as getEntityConfig, N as getEntityIcon, O as getEntityLabel, P as getResolvedColor, Q as getThemeCategoricalColors, R as getYFormatSettings, U as isLightColor } from './colors-DR1jXZhL.js';
+export { A as ActionItem, a as ActionMenuProps, b as AppShell, c as AppShellProps, d as AvatarProps, B as BadgeProps, e as BaseDataPoint, C as ChartMargin, f as CodeEditorProps, g as CodeLanguage, h as CodeTheme, E as ENTITY_CONFIG, i as EntityConfig, j as EntityType, H as Heading, I as InteractiveMapProps, L as Loader, k as Logo, M as MapPoint, l as MeterProps, S as SegmentOption, m as SegmentedControlProps, n as SideNav, o as SideNavItem, p as SideNavProps, q as StaticMapProps, T as TextLink, r as TooltipData, s as TooltipSeries, t as TopNav, u as TopNavProps, Y as YFormatSettings, v as YFormatType, w as clearColorCache, x as createCategoryColorMap, y as createXScale, z as createYScale, D as defaultMargin, F as getContrastingTextColor, G as getDefaultChartColor, J as getDefaultColors, K as getEntityConfig, N as getEntityIcon, O as getEntityLabel, P as getResolvedColor, Q as getThemeCategoricalColors, R as getYFormatSettings, U as isLightColor } from './colors-soT9-oWB.js';
 export { BreadcrumbProps, BreadcrumbsProps } from 'react-aria-components';
 export { D as DateFieldProps, F as FileUploadProps, R as RichTextEditorProps } from './RichTextEditor-CxrunTg7.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { IconProps } from '@phosphor-icons/react';
 import React__default from 'react';
-import '@visx/vendor/d3-scale';
 import 'd3-scale';
 import 'react-map-gl';
 

package/dist/utilities.manifest.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.29.1",
+  "version": "1.30.0",
   "categories": {
     "hooks": {
       "description": "React hooks for common functionality like breakpoints, debouncing, local storage, and media queries",
@@ -1056,6 +1056,13 @@
           "description": "Utility to check if export is supported in the current environment",
           "category": "charts",
           "file": "utils/chartExport.ts"
+        },
+        {
+          "name": "resolveCSSVariables",
+          "type": "function",
+          "description": "Resolves CSS custom properties (e.g. `var(--color-brand-primary)`) in a cloned SVG by reading computed styles from the original DOM-attached SVG. When an SVG is cloned and serialized for export (PNG/SVG), it loses access to the page's CSS context, so any `var(--*)` values become empty/transparent. This function walks both trees in parallel and replaces unresolved variables with their computed values.",
+          "category": "charts",
+          "file": "utils/chartExport.ts"
         }
       ]
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@texturehq/edges",
-  "version": "1.29.1",
+  "version": "1.30.0",
   "author": "Nicholas Brown <nick@texturehq.com>",
   "description": "A shared component library for Texture",
   "type": "module",
@@ -133,7 +133,7 @@
     "tailwind-merge": "^3.2.0"
   },
   "devDependencies": {
-    "@biomejs/biome": "^2.2.4",
+    "@biomejs/biome": "2.4.9",
     "@hookform/resolvers": "^3.9.0",
     "@storybook/addon-essentials": "^8.6.14",
     "@storybook/addon-interactions": "^8.6.14",

package/scripts/generate-edges-docs.js

@@ -88,10 +88,7 @@ function findComponentFile(relPath) {
 function findStorybookFile(relPath) {
   const base = path.join(SRC_DIR, "components", relPath);
   const componentName = relPath.split("/").pop();
-  const candidates = [
-    path.join(base, `${componentName}.stories.tsx`),
-    path.join(base, `${componentName}.stories.ts`),
-  ];
+  const candidates = [path.join(base, `${componentName}.stories.tsx`), path.join(base, `${componentName}.stories.ts`)];
   for (const f of candidates) {
     if (fs.existsSync(f)) return f;
   }
@@ -153,15 +150,11 @@ function extractProps(content, componentName) {
   );
   let m = ifaceRe.exec(content);
   if (!m) {
-    const anyIfaceRe =
-      /export\s+interface\s+([A-Za-z0-9_]+Props)\s*(?:extends\s+[^{]+)?\{([\s\S]*?)\}/m;
+    const anyIfaceRe = /export\s+interface\s+([A-Za-z0-9_]+Props)\s*(?:extends\s+[^{]+)?\{([\s\S]*?)\}/m;
     m = anyIfaceRe.exec(content);
   }
   if (!m) {
-    const typeRe = new RegExp(
-      `export\\s+type\\s+${componentName}Props\\s*=\\s*(?:[^{&]+&\s*)?([\\s\\S]*?)\\}`,
-      "m"
-    );
+    const typeRe = new RegExp(`export\\s+type\\s+${componentName}Props\\s*=\\s*(?:[^{&]+&\s*)?([\\s\\S]*?)\\}`, "m");
     m = typeRe.exec(content);
   }
   const props = [];
@@ -302,9 +295,7 @@ function generateComponentsManifest() {
   ensureDir(DIST_DIR);
   writeFile(path.join(DIST_DIR, "components.manifest.json"), JSON.stringify(manifest, null, 2));
 
-  console.log(
-    `  Found ${components.length} components in ${Object.keys(categories).length} categories`
-  );
+  console.log(`  Found ${components.length} components in ${Object.keys(categories).length} categories`);
   return manifest;
 }
 
@@ -314,10 +305,7 @@ function generateComponentsManifest() {
 
 function extractJSDoc(content, functionName) {
   const patterns = [
-    new RegExp(
-      `\\/\\*\\*([^*]|\\*(?!\\/))*\\*\\/\\s*export\\s+(?:async\\s+)?function\\s+${functionName}\\b`,
-      "s"
-    ),
+    new RegExp(`\\/\\*\\*([^*]|\\*(?!\\/))*\\*\\/\\s*export\\s+(?:async\\s+)?function\\s+${functionName}\\b`, "s"),
     new RegExp(`\\/\\*\\*([^*]|\\*(?!\\/))*\\*\\/\\s*export\\s+const\\s+${functionName}\\s*=`, "s"),
   ];
 
@@ -326,9 +314,7 @@ function extractJSDoc(content, functionName) {
     if (match) {
       const jsdocMatch = match[0].match(/\/\*\*([\s\S]*?)\*\//);
       if (jsdocMatch) {
-        const lines = jsdocMatch[1]
-          .split("\n")
-          .map((line) => line.replace(/^\s*\*\s?/, "").trim());
+        const lines = jsdocMatch[1].split("\n").map((line) => line.replace(/^\s*\*\s?/, "").trim());
 
         // Extract only the main description (before any @tags)
         const descriptionLines = [];
@@ -406,10 +392,7 @@ function extractExportsFromFile(filePath) {
   while ((match = constPattern.exec(content))) {
     if (!isInComment(match.index)) {
       const name = match[1];
-      const afterMatch = content.slice(
-        match.index + match[0].length,
-        match.index + match[0].length + 50
-      );
+      const afterMatch = content.slice(match.index + match[0].length, match.index + match[0].length + 50);
       const isFunction = afterMatch.includes("=>") || afterMatch.includes("function");
 
       utilities.push({
@@ -517,17 +500,12 @@ function generateUtilitiesManifest() {
     };
   }
 
-  const totalUtilities = Object.values(manifest.categories).reduce(
-    (sum, cat) => sum + cat.utilities.length,
-    0
-  );
+  const totalUtilities = Object.values(manifest.categories).reduce((sum, cat) => sum + cat.utilities.length, 0);
 
   ensureDir(DIST_DIR);
   writeFile(path.join(DIST_DIR, "utilities.manifest.json"), JSON.stringify(manifest, null, 2));
 
-  console.log(
-    `  Found ${totalUtilities} utilities in ${Object.keys(manifest.categories).length} categories`
-  );
+  console.log(`  Found ${totalUtilities} utilities in ${Object.keys(manifest.categories).length} categories`);
   return manifest;
 }
 
@@ -1101,9 +1079,7 @@ async function main() {
     });
     console.log(output);
   } catch (_err) {
-    console.log(
-      "⚠️  Note: Could not merge agent instructions (merge script may not be available yet)"
-    );
+    console.log("⚠️  Note: Could not merge agent instructions (merge script may not be available yet)");
   }
 
   console.log("\n✅ Edges AI context generation complete!");

package/scripts/setup-cursor-rules-manual.js

@@ -132,8 +132,7 @@ const setupCursorRules = () => {
       for (const c of manifest.components || []) {
         lines.push(`- ${c.name}`);
         if (c.importRoot) lines.push(`  - Import: \`import { ${c.name} } from "${c.importRoot}"\``);
-        if (c.importPath)
-          lines.push(`  - Subpath: \`import { ${c.name} } from "${c.importPath}"\``);
+        if (c.importPath) lines.push(`  - Subpath: \`import { ${c.name} } from "${c.importPath}"\``);
         if (c.props && c.props.length) {
           const propNames = c.props
             .slice(0, 8)

package/scripts/setup-cursor-rules.js

@@ -34,18 +34,9 @@ const setupCursorRules = () => {
     }
   });
 
-  const cursorTemplatesDir = path.join(
-    path.dirname(new URL(import.meta.url).pathname),
-    "../templates/cursor-rules"
-  );
-  const claudeTemplatesDir = path.join(
-    path.dirname(new URL(import.meta.url).pathname),
-    "../templates/claude-rules"
-  );
-  const codexTemplatesDir = path.join(
-    path.dirname(new URL(import.meta.url).pathname),
-    "../templates/codex-rules"
-  );
+  const cursorTemplatesDir = path.join(path.dirname(new URL(import.meta.url).pathname), "../templates/cursor-rules");
+  const claudeTemplatesDir = path.join(path.dirname(new URL(import.meta.url).pathname), "../templates/claude-rules");
+  const codexTemplatesDir = path.join(path.dirname(new URL(import.meta.url).pathname), "../templates/codex-rules");
   const cursorDir = path.join(cwd, ".cursor");
   const rulesDir = path.join(cursorDir, "rules");
 
@@ -55,9 +46,7 @@ const setupCursorRules = () => {
 
   // Setup Cursor rules
   if (fs.existsSync(cursorTemplatesDir)) {
-    const templateFiles = fs
-      .readdirSync(cursorTemplatesDir)
-      .filter((file) => file.endsWith(".mdc"));
+    const templateFiles = fs.readdirSync(cursorTemplatesDir).filter((file) => file.endsWith(".mdc"));
 
     if (templateFiles.length > 0) {
       let copiedCount = 0;
@@ -80,18 +69,16 @@ const setupCursorRules = () => {
 
   // Setup Claude rules
   if (fs.existsSync(claudeTemplatesDir)) {
-    const _claudeTemplateFiles = fs
-      .readdirSync(claudeTemplatesDir)
-      .filter((file) => file.endsWith(".md"));
+    const _claudeTemplateFiles = fs.readdirSync(claudeTemplatesDir).filter((file) => file.endsWith(".md"));
 
     // Claude template processing is done later with component injection (lines 221-236)
     // so we don't need to copy templates here
   }
 
   // Also render edges-components.mdc from manifest when present
-  const manifestPath = [
-    path.join(cwd, "node_modules/@texturehq/edges/dist/components.manifest.json"),
-  ].find((p) => fs.existsSync(p));
+  const manifestPath = [path.join(cwd, "node_modules/@texturehq/edges/dist/components.manifest.json")].find((p) =>
+    fs.existsSync(p)
+  );
 
   // Track what we generated for summary
   let cursorComponentCount = 0;
@@ -153,9 +140,7 @@ const setupCursorRules = () => {
 
       fs.writeFileSync(cursorOutPath, cursorLines.join("\n"), "utf8");
       cursorComponentCount = manifest.components?.length || 0;
-      console.log(
-        `✅ Wrote .cursor/rules/edges-components.mdc from manifest (${cursorComponentCount} components)`
-      );
+      console.log(`✅ Wrote .cursor/rules/edges-components.mdc from manifest (${cursorComponentCount} components)`);
 
       // Generate Claude components list
       const claudeLines = [];
@@ -207,9 +192,7 @@ const setupCursorRules = () => {
         const claudeOutPath = path.join(claudeDir, "edges.md");
         fs.writeFileSync(claudeOutPath, claudeContent, "utf8");
         claudeComponentCount = manifest.components?.length || 0;
-        console.log(
-          `✅ Wrote .claude/edges.md with components list (${claudeComponentCount} components)`
-        );
+        console.log(`✅ Wrote .claude/edges.md with components list (${claudeComponentCount} components)`);
       }
 
       // Generate Codex docs using template
@@ -224,9 +207,7 @@ const setupCursorRules = () => {
         const codexOutPath = path.join(codexDir, "edges.md");
         fs.writeFileSync(codexOutPath, codexContent, "utf8");
         codexComponentCount = manifest.components?.length || 0;
-        console.log(
-          `✅ Wrote .codex/edges.md with components list (${codexComponentCount} components)`
-        );
+        console.log(`✅ Wrote .codex/edges.md with components list (${codexComponentCount} components)`);
       }
     } catch (err) {
       console.log("⚠️  Failed to read components.manifest.json:", err.message);