@developer_tribe/react-builder 0.1.28 → 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.28",
+  "version": "0.1.30",
   "type": "module",
   "restricted": true,
   "main": "dist/index.cjs.js",

package/src/build-components/OnboardButton/OnboardButton.tsx

@@ -22,14 +22,18 @@ function OnboardButton({ node }: OnboardButtonComponentProps) {
 
   const handleClick = () => {
     const events = (node.attributes as any)?.events || [];
+    let navigateHandled = false;
     for (const e of events) {
       if (e.type === 'Permission') {
         alert(`Permission requested: ${e.permission ?? 'unknown'}`);
       } else if (e.type === 'Navigate') {
-        // no-op for web demo
+        if (typeof node.attributes?.targetIndex === 'number') {
+          emblaApi?.scrollTo(node.attributes.targetIndex);
+          navigateHandled = true;
+        }
       }
     }
-    if (typeof node.attributes?.targetIndex === 'number') {
+    if (!navigateHandled && typeof node.attributes?.targetIndex === 'number') {
       emblaApi?.scrollTo(node.attributes.targetIndex);
     }
   };

package/src/build-components/OnboardButton/OnboardButtonProps.generated.ts

@@ -4,8 +4,8 @@ import type { NodeData } from '../../types/Node';
 
 export interface EventObjectGenerated {
   type?: 'Permission' | 'Navigate';
-  permission?: string;
-  next_page_key?: string;
+  permission?: 'att' | 'notification' | 'rating' | 'null';
+  navigate_to?: 'string' | 'null';
 }
 
 export interface OnboardButtonPropsGenerated {

package/src/build-components/OnboardButton/pattern.json

@@ -24,8 +24,8 @@
   "types": {
     "EventObject": {
       "type": ["Permission", "Navigate"],
-      "permission": "string",
-      "next_page_key": "string"
+      "permission": ["att", "notification", "rating", "null"],
+      "navigate_to": ["string", "null"]
     }
   }
 }

package/src/build-components/patterns.generated.ts

@@ -118,8 +118,8 @@ export const patterns = [
     types: {
       EventObject: {
         type: ['Permission', 'Navigate'],
-        permission: 'string',
-        next_page_key: 'string',
+        permission: ['att', 'notification', 'rating', 'null'],
+        navigate_to: ['string', 'null'],
       },
     },
   },

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/novaToJson.ts

@@ -215,7 +215,7 @@ function buildCarouselItem(
         const normalizedEvents: {
           type: 'Permission' | 'Navigate';
           permission?: string;
-          next_page_key?: string;
+          navigate_to?: string | null;
         }[] = [];
         for (const action of actions) {
           //@eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -230,12 +230,20 @@ function buildCarouselItem(
               const nextKey = e?.attributes?.next_page_key as
                 | string
                 | undefined;
+              // If key exists among simple-onboard-layout pages, prefer index navigation
+              const hasTarget =
+                typeof nextKey === 'string' && pageKeyToIndex.has(nextKey);
+              const navigate_to = hasTarget
+                ? null
+                : typeof nextKey === 'string'
+                  ? nextKey
+                  : null;
               normalizedEvents.push({
                 type: 'Navigate',
-                next_page_key: nextKey,
+                navigate_to,
               });
-              if (typeof nextKey === 'string' && pageKeyToIndex.has(nextKey)) {
-                targetIndex = pageKeyToIndex.get(nextKey)!;
+              if (hasTarget) {
+                targetIndex = pageKeyToIndex.get(nextKey!)!;
               }
             }
           }

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;
+}