@component-compass/parser-react 0.0.4 → 0.1.0

package/dist/jsx-attrs.js

@@ -0,0 +1,72 @@
+import { unwrapTsNoise } from "./infer-value.js";
+/**
+ * Extract per-prop usage from a JSXOpeningElement. Drops event handlers
+ * (`onClick` etc.) — events are tracked separately (see #57). Drops empty
+ * expression containers (`{}`). Returns one entry per recognised attribute.
+ *
+ * `captureValues` controls whether literal values flow through to the artifact;
+ * when false, only the prop name + isDynamic flag is captured.
+ */
+export function readJsxAttrs(opening, captureValues) {
+    const props = [];
+    for (const attr of opening.attributes) {
+        if (attr.type === "JSXSpreadAttribute") {
+            if (props.some((p) => p.name === "...rest"))
+                continue;
+            props.push({ name: "...rest", isDynamic: true });
+            continue;
+        }
+        if (attr.type !== "JSXAttribute")
+            continue;
+        // TS narrows attr to JSXAttribute after the guard above — no cast needed.
+        const nameNode = attr.name;
+        const name = nameNode.type === "JSXIdentifier" ? nameNode.name : "";
+        if (!name)
+            continue;
+        if (name.startsWith("on") && name.length > 2 && /[A-Z]/.test(name.charAt(2))) {
+            continue;
+        }
+        if (!attr.value) {
+            const usage = { name, isDynamic: false };
+            if (captureValues)
+                usage.literalValue = true;
+            props.push(usage);
+            continue;
+        }
+        // JSXAttributeValue = StringLiteral | JSXExpressionContainer | JSXElement | JSXFragment.
+        // Only StringLiteral has type "Literal"; TS narrows to StringLiteral here,
+        // and StringLiteral.value is already typed as string — no cast needed.
+        if (attr.value.type === "Literal") {
+            const usage = { name, isDynamic: false };
+            if (captureValues)
+                usage.literalValue = attr.value.value;
+            props.push(usage);
+            continue;
+        }
+        if (attr.value.type === "JSXExpressionContainer") {
+            const rawExpr = attr.value.expression;
+            // JSXExpression = JSXEmptyExpression | Expression; drop empty containers.
+            if (rawExpr.type === "JSXEmptyExpression")
+                continue;
+            const expr = unwrapTsNoise(rawExpr);
+            if (!expr)
+                continue;
+            if (expr.type === "Literal") {
+                const litVal = expr.value;
+                const kind = typeof litVal;
+                if (kind === "string" || kind === "number" || kind === "boolean") {
+                    const usage = { name, isDynamic: false };
+                    if (captureValues)
+                        usage.literalValue = litVal;
+                    props.push(usage);
+                    continue;
+                }
+                props.push({ name, isDynamic: true });
+                continue;
+            }
+            props.push({ name, isDynamic: true });
+        }
+    }
+    return props;
+}
+//# sourceMappingURL=jsx-attrs.js.map

package/dist/jsx-attrs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-attrs.js","sourceRoot":"","sources":["../src/jsx-attrs.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@component-compass/parser-react",
-  "version": "0.0.4",
+  "version": "0.1.0",
   "description": "Consumer-scan parser for React JSX. Detects component usages in .tsx and .jsx files.",
   "license": "MIT",
   "type": "module",
@@ -27,16 +27,17 @@
     "clean": "rm -rf dist .turbo"
   },
   "dependencies": {
-    "@component-compass/ast-utils": "^0.0.4",
-    "@component-compass/plugin-core": "^0.0.4",
-    "@oxc-project/types": "^0.130.0",
-    "oxc-walker": "^1.0.0"
+    "@component-compass/ast-utils": "0.1.0",
+    "@component-compass/plugin-core": "0.1.0",
+    "@component-compass/reference-graph": "0.1.0",
+    "@oxc-project/types": "0.130.0",
+    "oxc-walker": "1.0.0"
   },
   "devDependencies": {
-    "@types/node": "^24.0.0",
-    "oxc-parser": "^0.130.0",
-    "typescript": "^5.9.0",
-    "vitest": "^4.0.0"
+    "@types/node": "24.12.2",
+    "oxc-parser": "0.130.0",
+    "typescript": "5.9.3",
+    "vitest": "4.1.5"
   },
   "engines": {
     "node": ">=24"

package/dist/walk-jsx.d.ts

@@ -1,21 +0,0 @@
-import type { Program } from "@oxc-project/types";
-import type { DiagnosticCollector, Occurrence, FileImport, WrapperDef, Warning, LocalDefinitionIndex, LookupByTag, ResolveLazyManifest } from "@component-compass/plugin-core";
-type WalkOptions = {
-    file: string;
-    source: string;
-    ast: Program;
-    resolveLazyManifest: ResolveLazyManifest;
-    lookupByTag: LookupByTag;
-    localIndex: LocalDefinitionIndex;
-    captureValues: boolean;
-    repoRoot: string;
-    collector?: DiagnosticCollector;
-};
-export type WalkOutput = {
-    occurrences: Occurrence[];
-    wrappers: WrapperDef[];
-    imports: FileImport[];
-    warnings: Warning[];
-};
-export declare function walkJsx(opts: WalkOptions): WalkOutput;
-export {};