wyreframe 0.4.2 → 0.5.0

package/dist/index.d.ts

@@ -118,6 +118,12 @@ export interface RenderOptions {
      * @param toScene - The scene ID navigating to
      */
     onSceneChange?: OnSceneChangeCallback;
+    /**
+     * Override the device type for all scenes.
+     * When provided, this overrides the device type defined in scene definitions.
+     * Useful for previewing wireframes in different device contexts without modifying the source.
+     */
+    device?: DeviceType;
 }
 /** Render result */
 export interface RenderResult {

package/dist/index.d.ts.map

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

package/dist/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wyreframe",
-  "version": "0.4.2",
+  "version": "0.5.0",
   "description": "ASCII wireframe + interaction DSL to HTML converter with scene transitions",
   "author": "wickedev",
   "repository": {

package/src/index.test.ts

@@ -7,7 +7,7 @@
 
 import { describe, test, expect, vi } from 'vitest';
 import { parse, render, createUI } from './index';
-import type { AST, ParseResult, OnSceneChangeCallback } from './index';
+import type { AST, ParseResult, OnSceneChangeCallback, DeviceType, RenderOptions } from './index';
 
 describe('render() input validation (Issue #1)', () => {
   const validWireframe = `
@@ -250,3 +250,112 @@ describe('onSceneChange callback (Issue #2)', () => {
     }
   });
 });
+
+describe('device option override (Issue #11)', () => {
+  const desktopWireframe = `
+@scene: test
+@device: desktop
+
++---------------+
+| Desktop Scene |
++---------------+
+`;
+
+  test('DeviceType type is exported', () => {
+    // Verify the type is exported by using it
+    const device: DeviceType = 'mobile';
+    expect(typeof device).toBe('string');
+  });
+
+  test('RenderOptions includes device field in type definition', () => {
+    // Verify the device option is part of RenderOptions type
+    const options: RenderOptions = {
+      device: 'mobile',
+    };
+    expect(options.device).toBe('mobile');
+  });
+
+  test('RenderOptions accepts all valid device types', () => {
+    const deviceTypes: DeviceType[] = [
+      'desktop',
+      'laptop',
+      'tablet',
+      'tablet-landscape',
+      'mobile',
+      'mobile-landscape',
+    ];
+
+    deviceTypes.forEach((deviceType) => {
+      const options: RenderOptions = { device: deviceType };
+      expect(options.device).toBe(deviceType);
+    });
+  });
+
+  // Note: DOM-dependent tests are skipped in Node.js environment
+  test.skip('render accepts device option without throwing (requires DOM)', () => {
+    const result = parse(desktopWireframe);
+    expect(result.success).toBe(true);
+
+    if (result.success) {
+      // This should not throw - just verify the API accepts the option
+      expect(() => {
+        render(result.ast, { device: 'mobile' });
+      }).not.toThrow();
+    }
+  });
+
+  test.skip('createUI accepts device option without throwing (requires DOM)', () => {
+    // Verify the API accepts the option
+    expect(() => {
+      createUI(desktopWireframe, { device: 'tablet' });
+    }).not.toThrow();
+  });
+
+  test.skip('device option overrides scene-defined device class (requires DOM)', () => {
+    const result = parse(desktopWireframe);
+    expect(result.success).toBe(true);
+
+    if (result.success) {
+      // Render with mobile override
+      const { root } = render(result.ast, { device: 'mobile' });
+
+      // Should have mobile class, not desktop
+      expect(root.classList.contains('wf-device-mobile')).toBe(true);
+      expect(root.classList.contains('wf-device-desktop')).toBe(false);
+    }
+  });
+
+  test.skip('device option applies correct class for all device types (requires DOM)', () => {
+    const result = parse(desktopWireframe);
+    expect(result.success).toBe(true);
+
+    if (result.success) {
+      const deviceClassMap: Record<DeviceType, string> = {
+        desktop: 'wf-device-desktop',
+        laptop: 'wf-device-laptop',
+        tablet: 'wf-device-tablet',
+        'tablet-landscape': 'wf-device-tablet-landscape',
+        mobile: 'wf-device-mobile',
+        'mobile-landscape': 'wf-device-mobile-landscape',
+      };
+
+      Object.entries(deviceClassMap).forEach(([deviceType, expectedClass]) => {
+        const { root } = render(result.ast, { device: deviceType as DeviceType });
+        expect(root.classList.contains(expectedClass)).toBe(true);
+      });
+    }
+  });
+
+  test.skip('renders with scene device when no override provided (requires DOM)', () => {
+    const result = parse(desktopWireframe);
+    expect(result.success).toBe(true);
+
+    if (result.success) {
+      // Render without device override
+      const { root } = render(result.ast);
+
+      // Should use the scene-defined desktop device
+      expect(root.classList.contains('wf-device-desktop')).toBe(true);
+    }
+  });
+});

package/src/index.ts

@@ -168,6 +168,12 @@ export interface RenderOptions {
    * @param toScene - The scene ID navigating to
    */
   onSceneChange?: OnSceneChangeCallback;
+  /**
+   * Override the device type for all scenes.
+   * When provided, this overrides the device type defined in scene definitions.
+   * Useful for previewing wireframes in different device contexts without modifying the source.
+   */
+  device?: DeviceType;
 }
 
 /** Render result */

package/src/renderer/Renderer.gen.tsx

@@ -7,6 +7,8 @@ import * as RendererJS from './Renderer.mjs';
 
 import type {ast as Types_ast} from '../../src/parser/Core/Types.gen';
 
+import type {deviceType as Types_deviceType} from '../../src/parser/Core/Types.gen';
+
 import type {t as ErrorTypes_t} from '../../src/parser/Errors/ErrorTypes.gen';
 
 export abstract class DomBindings_element { protected opaque!: any }; /* simulate opaque types */
@@ -17,13 +19,31 @@ export abstract class DomBindings_element { protected opaque!: any }; /* simulat
  * @param toScene The scene ID navigating to */
 export type onSceneChangeCallback = (_1:(undefined | string), _2:string) => void;
 
+/** * Dead end click info type.
+ * Contains information about the clicked element that has no navigation target. */
+export type deadEndClickInfo = {
+  readonly sceneId: string; 
+  readonly elementId: string; 
+  readonly elementText: string; 
+  readonly elementType: 
+    "link"
+  | "button"
+};
+
+/** * Dead end click callback type.
+ * Called when a button or link without navigation target is clicked.
+ * @param info Information about the clicked element and current scene */
+export type onDeadEndClickCallback = (_1:deadEndClickInfo) => void;
+
 /** * Configuration for the rendering process. */
 export type renderOptions = {
   readonly theme: (undefined | string); 
   readonly interactive: boolean; 
   readonly injectStyles: boolean; 
   readonly containerClass: (undefined | string); 
-  readonly onSceneChange: (undefined | onSceneChangeCallback)
+  readonly onSceneChange: (undefined | onSceneChangeCallback); 
+  readonly onDeadEndClick: (undefined | onDeadEndClickCallback); 
+  readonly device: (undefined | Types_deviceType)
 };
 
 /** * Scene management interface returned by render function. */

package/src/renderer/Renderer.mjs

@@ -13,7 +13,9 @@ let defaultOptions = {
   interactive: true,
   injectStyles: true,
   containerClass: undefined,
-  onSceneChange: undefined
+  onSceneChange: undefined,
+  onDeadEndClick: undefined,
+  device: undefined
 };
 
 let defaultStyles = `
@@ -133,7 +135,24 @@ function deviceTypeToClass(device) {
   }
 }
 
-function renderElement(_elem, onAction) {
+function isNavigationAction(action) {
+  if (typeof action !== "object") {
+    return true;
+  }
+  switch (action.TAG) {
+    case "Validate" :
+    case "Call" :
+      return false;
+    default:
+      return true;
+  }
+}
+
+function hasNavigationAction(actions) {
+  return actions.some(isNavigationAction);
+}
+
+function renderElement(_elem, onAction, onDeadEnd) {
   while (true) {
     let elem = _elem;
     if (isInputOnlyBox(elem)) {
@@ -155,7 +174,7 @@ function renderElement(_elem, onAction) {
           div.dataset["name"] = name;
         }
         elem.children.forEach(child => {
-          let el = renderElement(child, onAction);
+          let el = renderElement(child, onAction, onDeadEnd);
           if (el !== undefined) {
             div.appendChild(Primitive_option.valFromOption(el));
             return;
@@ -164,18 +183,25 @@ function renderElement(_elem, onAction) {
         return Primitive_option.some(div);
       case "Button" :
         let actions = elem.actions;
+        let text = elem.text;
+        let id = elem.id;
         let btn = document.createElement("button");
         btn.className = "wf-button";
-        btn.id = elem.id;
-        btn.textContent = elem.text;
+        btn.id = id;
+        btn.textContent = text;
         applyAlignment(btn, elem.align);
-        if (actions.length > 0 && onAction !== undefined) {
-          btn.addEventListener("click", _event => {
-            let action = actions[0];
-            if (action !== undefined) {
-              return onAction(action);
-            }
-          });
+        let hasNavigation = actions.some(isNavigationAction);
+        if (hasNavigation) {
+          if (onAction !== undefined) {
+            btn.addEventListener("click", _event => {
+              let action = actions[0];
+              if (action !== undefined) {
+                return onAction(action);
+              }
+            });
+          }
+        } else if (onDeadEnd !== undefined) {
+          btn.addEventListener("click", _event => onDeadEnd(id, text, "button"));
         }
         return Primitive_option.some(btn);
       case "Input" :
@@ -189,19 +215,29 @@ function renderElement(_elem, onAction) {
         return Primitive_option.some(input$1);
       case "Link" :
         let actions$1 = elem.actions;
+        let text$1 = elem.text;
+        let id$1 = elem.id;
         let link = document.createElement("a");
         link.className = "wf-link";
-        link.id = elem.id;
+        link.id = id$1;
         link.href = "#";
-        link.textContent = elem.text;
+        link.textContent = text$1;
         applyAlignment(link, elem.align);
-        if (actions$1.length > 0 && onAction !== undefined) {
+        let hasNavigation$1 = actions$1.some(isNavigationAction);
+        if (hasNavigation$1) {
+          if (onAction !== undefined) {
+            link.addEventListener("click", event => {
+              event.preventDefault();
+              let action = actions$1[0];
+              if (action !== undefined) {
+                return onAction(action);
+              }
+            });
+          }
+        } else if (onDeadEnd !== undefined) {
           link.addEventListener("click", event => {
             event.preventDefault();
-            let action = actions$1[0];
-            if (action !== undefined) {
-              return onAction(action);
-            }
+            onDeadEnd(id$1, text$1, "link");
           });
         }
         return Primitive_option.some(link);
@@ -238,7 +274,7 @@ function renderElement(_elem, onAction) {
         row.className = "wf-row";
         applyAlignment(row, elem.align);
         elem.children.forEach(child => {
-          let el = renderElement(child, onAction);
+          let el = renderElement(child, onAction, onDeadEnd);
           if (el !== undefined) {
             row.appendChild(Primitive_option.valFromOption(el));
             return;
@@ -254,7 +290,7 @@ function renderElement(_elem, onAction) {
         let contentEl = document.createElement("div");
         contentEl.className = "wf-section-content";
         elem.children.forEach(child => {
-          let el = renderElement(child, onAction);
+          let el = renderElement(child, onAction, onDeadEnd);
           if (el !== undefined) {
             contentEl.appendChild(Primitive_option.valFromOption(el));
             return;
@@ -267,12 +303,12 @@ function renderElement(_elem, onAction) {
   };
 }
 
-function renderScene(scene, onAction) {
+function renderScene(scene, onAction, onDeadEnd) {
   let sceneEl = document.createElement("div");
   sceneEl.className = "wf-scene";
   sceneEl.dataset["scene"] = scene.id;
   scene.elements.forEach(elem => {
-    let el = renderElement(elem, onAction);
+    let el = renderElement(elem, onAction, onDeadEnd);
     if (el !== undefined) {
       sceneEl.appendChild(Primitive_option.valFromOption(el));
       return;
@@ -410,9 +446,16 @@ function render(ast, options) {
   if (cls !== undefined) {
     app.classList.add(cls);
   }
-  let firstScene = ast.scenes[0];
-  if (firstScene !== undefined) {
-    let deviceClass = deviceTypeToClass(firstScene.device);
+  let device = opts.device;
+  let deviceType;
+  if (device !== undefined) {
+    deviceType = device;
+  } else {
+    let firstScene = ast.scenes[0];
+    deviceType = firstScene !== undefined ? firstScene.device : undefined;
+  }
+  if (deviceType !== undefined) {
+    let deviceClass = deviceTypeToClass(deviceType);
     app.classList.add(deviceClass);
   }
   let gotoRef = {
@@ -457,7 +500,14 @@ function render(ast, options) {
   };
   let sceneMap = new Map();
   ast.scenes.forEach(scene => {
-    let sceneEl = renderScene(scene, handleAction);
+    let callback = opts.onDeadEndClick;
+    let handleDeadEnd = callback !== undefined ? (elementId, elementText, elementType) => callback({
+        sceneId: scene.id,
+        elementId: elementId,
+        elementText: elementText,
+        elementType: elementType
+      }) : undefined;
+    let sceneEl = renderScene(scene, handleAction, handleDeadEnd);
     app.appendChild(sceneEl);
     sceneMap.set(scene.id, sceneEl);
   });
@@ -530,6 +580,8 @@ export {
   alignmentToClass,
   applyAlignment,
   deviceTypeToClass,
+  isNavigationAction,
+  hasNavigationAction,
   renderElement,
   renderScene,
   createSceneManager,

package/src/renderer/Renderer.res

@@ -56,6 +56,24 @@ module DomBindings = {
  */
 type onSceneChangeCallback = (option<string>, string) => unit
 
+/**
+ * Dead end click info type.
+ * Contains information about the clicked element that has no navigation target.
+ */
+type deadEndClickInfo = {
+  sceneId: string,
+  elementId: string,
+  elementText: string,
+  elementType: [#button | #link],
+}
+
+/**
+ * Dead end click callback type.
+ * Called when a button or link without navigation target is clicked.
+ * @param info Information about the clicked element and current scene
+ */
+type onDeadEndClickCallback = deadEndClickInfo => unit
+
 /**
  * Configuration for the rendering process.
  */
@@ -65,6 +83,8 @@ type renderOptions = {
   injectStyles: bool,
   containerClass: option<string>,
   onSceneChange: option<onSceneChangeCallback>,
+  onDeadEndClick: option<onDeadEndClickCallback>,
+  device: option<deviceType>,
 }
 
 /**
@@ -76,6 +96,8 @@ let defaultOptions: renderOptions = {
   injectStyles: true,
   containerClass: None,
   onSceneChange: None,
+  onDeadEndClick: None,
+  device: None,
 }
 
 // ============================================================================
@@ -228,17 +250,44 @@ let deviceTypeToClass = (device: deviceType): string => {
  */
 type actionHandler = interactionAction => unit
 
+/**
+ * Dead end handler function type - called when an element without navigation is clicked.
+ * Receives element ID, text, and type.
+ */
+type deadEndHandler = (string, string, [#button | #link]) => unit
+
+/**
+ * Check if an action is a navigation action (Goto, Back, Forward).
+ */
+let isNavigationAction = (action: interactionAction): bool => {
+  switch action {
+  | Goto(_) | Back | Forward => true
+  | Validate(_) | Call(_) => false
+  }
+}
+
+/**
+ * Check if actions array has any navigation actions.
+ */
+let hasNavigationAction = (actions: array<interactionAction>): bool => {
+  actions->Array.some(isNavigationAction)
+}
+
 // ============================================================================
 // Element Rendering
 // ============================================================================
 
-let rec renderElement = (elem: element, ~onAction: option<actionHandler>=?): option<DomBindings.element> => {
+let rec renderElement = (
+  elem: element,
+  ~onAction: option<actionHandler>=?,
+  ~onDeadEnd: option<deadEndHandler>=?,
+): option<DomBindings.element> => {
   // Handle input-only boxes by rendering children directly in a wrapper
   if isInputOnlyBox(elem) {
     let inputs = getInputsFromBox(elem)
     // If only one input, render it directly
     switch inputs->Array.get(0) {
-    | Some(input) => renderElement(input, ~onAction?)
+    | Some(input) => renderElement(input, ~onAction?, ~onDeadEnd?)
     | None => None
     }
   } else {
@@ -256,7 +305,7 @@ let rec renderElement = (elem: element, ~onAction: option<actionHandler>=?): opt
         }
 
         children->Array.forEach(child => {
-          switch renderElement(child, ~onAction?) {
+          switch renderElement(child, ~onAction?, ~onDeadEnd?) {
           | Some(el) => div->DomBindings.appendChild(el)
           | None => ()
           }
@@ -272,8 +321,11 @@ let rec renderElement = (elem: element, ~onAction: option<actionHandler>=?): opt
       btn->DomBindings.setTextContent(text)
       applyAlignment(btn, align)
 
-      // Attach click handler for actions
-      if actions->Array.length > 0 {
+      // Check if button has navigation actions
+      let hasNavigation = hasNavigationAction(actions)
+
+      if hasNavigation {
+        // Attach click handler for navigation actions
         switch onAction {
         | Some(handler) => {
             btn->DomBindings.addEventListener("click", _event => {
@@ -286,6 +338,16 @@ let rec renderElement = (elem: element, ~onAction: option<actionHandler>=?): opt
           }
         | None => ()
         }
+      } else {
+        // No navigation - call dead end handler
+        switch onDeadEnd {
+        | Some(handler) => {
+            btn->DomBindings.addEventListener("click", _event => {
+              handler(id, text, #button)
+            })
+          }
+        | None => ()
+        }
       }
 
       Some(btn)
@@ -310,8 +372,11 @@ let rec renderElement = (elem: element, ~onAction: option<actionHandler>=?): opt
       link->DomBindings.setTextContent(text)
       applyAlignment(link, align)
 
-      // Attach click handler for actions
-      if actions->Array.length > 0 {
+      // Check if link has navigation actions
+      let hasNavigation = hasNavigationAction(actions)
+
+      if hasNavigation {
+        // Attach click handler for navigation actions
         switch onAction {
         | Some(handler) => {
             link->DomBindings.addEventListener("click", event => {
@@ -325,6 +390,17 @@ let rec renderElement = (elem: element, ~onAction: option<actionHandler>=?): opt
           }
         | None => ()
         }
+      } else {
+        // No navigation - call dead end handler
+        switch onDeadEnd {
+        | Some(handler) => {
+            link->DomBindings.addEventListener("click", event => {
+              DomBindings.preventDefault(event)
+              handler(id, text, #link)
+            })
+          }
+        | None => ()
+        }
       }
 
       Some(link)
@@ -374,7 +450,7 @@ let rec renderElement = (elem: element, ~onAction: option<actionHandler>=?): opt
       applyAlignment(row, align)
 
       children->Array.forEach(child => {
-        switch renderElement(child, ~onAction?) {
+        switch renderElement(child, ~onAction?, ~onDeadEnd?) {
         | Some(el) => row->DomBindings.appendChild(el)
         | None => ()
         }
@@ -395,7 +471,7 @@ let rec renderElement = (elem: element, ~onAction: option<actionHandler>=?): opt
       contentEl->DomBindings.setClassName("wf-section-content")
 
       children->Array.forEach(child => {
-        switch renderElement(child, ~onAction?) {
+        switch renderElement(child, ~onAction?, ~onDeadEnd?) {
         | Some(el) => contentEl->DomBindings.appendChild(el)
         | None => ()
         }
@@ -409,13 +485,17 @@ let rec renderElement = (elem: element, ~onAction: option<actionHandler>=?): opt
   }
 }
 
-let renderScene = (scene: scene, ~onAction: option<actionHandler>=?): DomBindings.element => {
+let renderScene = (
+  scene: scene,
+  ~onAction: option<actionHandler>=?,
+  ~onDeadEnd: option<deadEndHandler>=?,
+): DomBindings.element => {
   let sceneEl = DomBindings.document->DomBindings.createElement("div")
   sceneEl->DomBindings.setClassName("wf-scene")
   sceneEl->DomBindings.dataset->DomBindings.setDataAttr("scene", scene.id)
 
   scene.elements->Array.forEach(elem => {
-    switch renderElement(elem, ~onAction?) {
+    switch renderElement(elem, ~onAction?, ~onDeadEnd?) {
     | Some(el) => sceneEl->DomBindings.appendChild(el)
     | None => ()
     }
@@ -610,10 +690,19 @@ let render = (ast: ast, options: option<renderOptions>): renderResult => {
   | None => ()
   }
 
-  // Apply device class based on first scene's device type
-  switch ast.scenes->Array.get(0) {
-  | Some(firstScene) => {
-      let deviceClass = deviceTypeToClass(firstScene.device)
+  // Apply device class based on options.device override or first scene's device type
+  let deviceType = switch opts.device {
+  | Some(device) => Some(device)
+  | None =>
+    switch ast.scenes->Array.get(0) {
+    | Some(firstScene) => Some(firstScene.device)
+    | None => None
+    }
+  }
+
+  switch deviceType {
+  | Some(device) => {
+      let deviceClass = deviceTypeToClass(device)
       app->DomBindings.classList->DomBindings.add(deviceClass)
     }
   | None => ()
@@ -659,7 +748,21 @@ let render = (ast: ast, options: option<renderOptions>): renderResult => {
   let sceneMap = Map.make()
 
   ast.scenes->Array.forEach(scene => {
-    let sceneEl = renderScene(scene, ~onAction=handleAction)
+    // Create a scene-specific dead end handler that includes the scene ID
+    let handleDeadEnd = switch opts.onDeadEndClick {
+    | Some(callback) =>
+      Some((elementId: string, elementText: string, elementType: [#button | #link]) => {
+        callback({
+          sceneId: scene.id,
+          elementId,
+          elementText,
+          elementType,
+        })
+      })
+    | None => None
+    }
+
+    let sceneEl = renderScene(scene, ~onAction=handleAction, ~onDeadEnd=?handleDeadEnd)
     app->DomBindings.appendChild(sceneEl)
     sceneMap->Map.set(scene.id, sceneEl)
   })