canicode 0.7.0 → 0.8.0

package/README.md

@@ -78,6 +78,8 @@ For Cursor / Claude Desktop config, see [`docs/CUSTOMIZATION.md`](docs/CUSTOMIZA
 
 Then ask: *"Analyze this Figma design: https://www.figma.com/design/..."*
 
+> **Note:** MCP/Skill path extracts style data from Figma MCP's generated code (React + Tailwind), not raw Figma node properties. For the most accurate analysis, use the CLI with a Figma API token.
+
 ### 3. Web (no install)
 
 Go to **[let-sunny.github.io/canicode](https://let-sunny.github.io/canicode/)**, paste a Figma URL, and get results instantly in your browser.

package/dist/cli/index.js

@@ -2563,11 +2563,11 @@ async function runCalibration(config2, executor, options) {
     };
   }
 }
-
-// src/cli/docs.ts
+var require2 = createRequire(import.meta.url);
+var pkg = require2("../../package.json");
 function printDocsIndex() {
   console.log(`
-CANICODE DOCUMENTATION
+CANICODE DOCUMENTATION (v${pkg.version})
 
   canicode docs setup    Full setup guide (CLI, MCP, Skills)
   canicode docs rules    Custom rules guide + example
@@ -2618,8 +2618,9 @@ CANICODE SETUP GUIDE
 
   Flow:
     Claude Code
-      -> Figma MCP get_metadata(fileKey, nodeId) -> XML node tree
-      -> Convert to fixture JSON
+      -> Figma MCP get_metadata(fileKey, nodeId) -> XML node tree (structure)
+      -> Figma MCP get_design_context(fileKey, nodeId) -> code (styles)
+      -> Merge into fixture JSON (structure + styles)
       -> canicode analyze fixture.json -> report
 
 \u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501
@@ -2640,6 +2641,19 @@ CANICODE SETUP GUIDE
   In Figma                 -> Figma Plugin
   Browser                  -> Web App (GitHub Pages)
   Quick trial, offline     -> CLI + JSON fixtures
+
+\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501
+ DATA SOURCE DIFFERENCES
+\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501
+
+  CLI (REST API)    Reads raw Figma node data directly.
+                    Most accurate \u2014 all style properties available.
+
+  MCP / Skill       Uses Figma MCP's get_metadata (structure) and
+                    get_design_context (styles). Style data is extracted
+                    from Figma MCP's own generated code (React + Tailwind),
+                    not raw Figma node properties. Results may differ
+                    slightly from CLI due to this interpretation layer.
 `.trimStart());
 }
 function printDocsRules() {
@@ -4070,13 +4084,13 @@ defineRule({
 
 // src/cli/index.ts
 config();
-var require2 = createRequire(import.meta.url);
-var pkg = require2("../../package.json");
+var require3 = createRequire(import.meta.url);
+var pkg2 = require3("../../package.json");
 var cli = cac("canicode");
 {
   const monitoringConfig = {
     environment: "cli",
-    version: pkg.version,
+    version: pkg2.version,
     enabled: getTelemetryEnabled()
   };
   const phKey = getPosthogApiKey() || POSTHOG_API_KEY;
@@ -4620,7 +4634,7 @@ cli.help((sections) => {
     }
   );
 });
-cli.version("0.1.0");
+cli.version(pkg2.version);
 cli.parse();
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map