@developer_tribe/react-builder 0.1.29 → 0.1.30

package/dist/utils/querySelector.d.ts

@@ -0,0 +1,2 @@
+import { Node, NodeData } from '../types/Node';
+export declare function querySelector(node: Node, selector: string): NodeData[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@developer_tribe/react-builder",
-  "version": "0.1.29",
+  "version": "0.1.30",
   "type": "module",
   "restricted": true,
   "main": "dist/index.cjs.js",

package/src/index.ts

@@ -24,3 +24,4 @@ export type { Device } from './types/Device';
 export { AttributesEditor };
 export * from './build-components/index';
 export { default as useNode } from './build-components/useNode';
+export { querySelector } from './utils/querySelector';

package/src/utils/querySelector.ts

@@ -0,0 +1,43 @@
+import { Node, NodeData } from '../types/Node';
+
+function isNodeData(value: Node): value is NodeData<Record<string, unknown>> {
+  if (value === null || value === undefined) return false;
+  if (Array.isArray(value)) return false;
+  if (typeof value === 'string') return false;
+  if (typeof value !== 'object') return false;
+  return (
+    'type' in (value as Record<string, unknown>) &&
+    'children' in (value as Record<string, unknown>)
+  );
+}
+
+export function querySelector(node: Node, selector: string): NodeData[] {
+  if (node === null || node === undefined) return [];
+  if (!selector) return [];
+
+  const isKeySearch = selector.startsWith('#');
+  const keyToMatch = isKeySearch ? selector.slice(1) : undefined;
+
+  const matches = (n: NodeData): boolean => {
+    if (isKeySearch) return n.key === keyToMatch;
+    return n.type === selector;
+  };
+
+  const result: NodeData[] = [];
+
+  const visit = (current: Node) => {
+    if (current === null || current === undefined) return;
+    if (Array.isArray(current)) {
+      for (const child of current) visit(child);
+      return;
+    }
+    if (typeof current === 'string') return;
+    if (isNodeData(current)) {
+      if (matches(current)) result.push(current);
+      visit(current.children);
+    }
+  };
+
+  visit(node);
+  return result;
+}