@tscircuit/core 0.0.1

package/lib/utils/selector-matching/index.ts

@@ -0,0 +1,62 @@
+import type { PrimitiveComponent } from "lib/components"
+import type { Primitive } from "schematic-symbols/drawing/types"
+
+/**
+ * Determines if a component matches a given selector.
+ *
+ * This function supports the following selector types:
+ * - ID selectors (#id)
+ * - Class selectors (.className)
+ * - Type selectors (resistor)
+ * - Attribute selectors ([key='value'])
+ *
+ * It also supports combinations of these selectors.
+ *
+ * @param component - The component to check.
+ * @param selector - The selector string to match against.
+ * @returns True if the component matches the selector, false otherwise.
+ */
+export function isMatchingSelector(
+  component: PrimitiveComponent,
+  selector: string,
+): boolean {
+  // Check for ID selector
+  const idMatch = selector.match(/^#(\w+)/)
+  if (idMatch) {
+    return component.props.id === idMatch[1]
+  }
+
+  // Check for class selector
+  const classMatch = selector.match(/^\.(\w+)/)
+  if (classMatch) {
+    return component.isMatchingNameOrAlias(classMatch[1])
+  }
+
+  // Split the selector into type and conditions
+  const [type, ...conditions] = selector.split(/(?=[#.[])/)
+
+  // Check if the component type matches
+  if (
+    type &&
+    type !== "*" &&
+    component.lowercaseComponentName !== type.toLowerCase()
+  ) {
+    return false
+  }
+
+  // Check all conditions
+  return conditions.every((condition) => {
+    if (condition.startsWith("#")) {
+      return component.props.id === condition.slice(1)
+    }
+    if (condition.startsWith(".")) {
+      return component.isMatchingNameOrAlias(condition.slice(1))
+    }
+
+    // Check for attribute selector
+    const match = condition.match(/\[(\w+)=['"]?(.+?)['"]?\]/)
+    if (!match) return true
+    const [, prop, value] = match
+    return component.props[prop] === value
+  })
+}

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@tscircuit/core",
+  "module": "index.ts",
+  "type": "module",
+  "types": "index.ts",
+  "version": "0.0.1",
+  "main": "dist/index.cjs",
+  "files": [
+    "index.ts",
+    "lib",
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup index.ts"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "^1.8.3",
+    "@tscircuit/log-soup": "^1.0.2",
+    "@types/bun": "latest",
+    "@types/react": "^18.3.3",
+    "@types/react-reconciler": "^0.28.8",
+    "circuit-to-svg": "^0.0.3",
+    "looks-same": "^9.0.1",
+    "tsup": "^8.2.4"
+  },
+  "peerDependencies": {
+    "typescript": "^5.0.0"
+  },
+  "dependencies": {
+    "@tscircuit/infgrid-ijump-astar": "0.0.2",
+    "@tscircuit/props": "^0.0.36",
+    "@tscircuit/soup": "^0.0.52",
+    "@tscircuit/soup-util": "0.0.18",
+    "footprinter": "^0.0.44",
+    "react": "^18.3.1",
+    "react-reconciler": "^0.29.2",
+    "schematic-symbols": "0.0.10",
+    "transformation-matrix": "^2.16.1"
+  }
+}