@willwade/aac-processors 0.0.29 → 0.1.0

package/examples/vitedemo/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "aac-processors-vite-demo",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview"
+  },
+  "devDependencies": {
+    "typescript": "^5.6.3",
+    "vite": "^6.0.1"
+  },
+  "dependencies": {
+    "jszip": "^3.10.1"
+  }
+}

package/examples/vitedemo/src/main.ts

@@ -0,0 +1,519 @@
+/**
+ * AAC Processors Browser Demo
+ *
+ * This demo uses Vite to bundle AACProcessors for browser use.
+ * It tests all browser-compatible processors with real file uploads.
+ */
+
+// Polyfill Buffer for browser environment
+if (typeof (window as any).Buffer === 'undefined') {
+  // Create a proper Buffer wrapper class that extends Uint8Array
+  class BufferWrapper extends Uint8Array {
+    constructor(data: any, byteOffset?: number, length?: number) {
+      if (typeof data === 'number') {
+        // Alloc case: data is the size
+        super(data);
+      } else if (Array.isArray(data)) {
+        super(data);
+      } else if (data instanceof ArrayBuffer) {
+        super(data, byteOffset || 0, length);
+      } else if (data instanceof Uint8Array) {
+        super(data.buffer, data.byteOffset, data.length);
+      } else if (typeof data === 'string') {
+        const encoder = new TextEncoder();
+        super(encoder.encode(data));
+      } else {
+        super(0);
+      }
+    }
+
+    toString(encoding: string = 'utf8'): string {
+      if (encoding === 'utf8' || encoding === 'utf-8') {
+        const decoder = new TextDecoder('utf-8');
+        return decoder.decode(this);
+      }
+      throw new Error(`Buffer.toString: encoding ${encoding} not supported`);
+    }
+
+    static from(data: any, encoding?: string): BufferWrapper {
+      return new BufferWrapper(data);
+    }
+
+    static alloc(size: number): BufferWrapper {
+      return new BufferWrapper(size);
+    }
+
+    static allocUnsafe(size: number): BufferWrapper {
+      return new BufferWrapper(size);
+    }
+
+    static concat(list: Uint8Array[], totalLength?: number): BufferWrapper {
+      const result = new Uint8Array(totalLength || list.reduce((sum, arr) => sum + arr.length, 0));
+      let offset = 0;
+      for (const arr of list) {
+        result.set(arr, offset);
+        offset += arr.length;
+      }
+      return new BufferWrapper(result.buffer, result.byteOffset, result.length);
+    }
+
+    static isBuffer(obj: any): boolean {
+      return obj instanceof BufferWrapper;
+    }
+  }
+
+  (window as any).Buffer = BufferWrapper as any;
+}
+
+import {
+  getProcessor,
+  getSupportedExtensions,
+  DotProcessor,
+  OpmlProcessor,
+  ObfProcessor,
+  GridsetProcessor,
+  ApplePanelsProcessor,
+  AstericsGridProcessor,
+  type AACTree,
+  type AACPage,
+  type AACButton
+} from 'aac-processors';
+
+// UI Elements
+const dropArea = document.getElementById('dropArea') as HTMLElement;
+const fileInput = document.getElementById('fileInput') as HTMLInputElement;
+const processBtn = document.getElementById('processBtn') as HTMLButtonElement;
+const runTestsBtn = document.getElementById('runTestsBtn') as HTMLButtonElement;
+const clearBtn = document.getElementById('clearBtn') as HTMLButtonElement;
+const fileInfo = document.getElementById('fileInfo') as HTMLElement;
+const processorName = document.getElementById('processorName') as HTMLElement;
+const fileDetails = document.getElementById('fileDetails') as HTMLElement;
+const stats = document.getElementById('stats') as HTMLElement;
+const results = document.getElementById('results') as HTMLElement;
+const logPanel = document.getElementById('logPanel') as HTMLElement;
+const testResults = document.getElementById('testResults') as HTMLElement;
+const testList = document.getElementById('testList') as HTMLElement;
+
+// State
+let currentFile: File | null = null;
+let currentProcessor: any = null;
+let currentTree: AACTree | null = null;
+
+// Logging
+function log(message: string, type: 'info' | 'success' | 'error' | 'warn' = 'info') {
+  const entry = document.createElement('div');
+  entry.className = `log-entry log-${type}`;
+  entry.textContent = `[${new Date().toLocaleTimeString()}] ${message}`;
+  logPanel.appendChild(entry);
+  logPanel.scrollTop = logPanel.scrollHeight;
+  console.log(`[${type.toUpperCase()}]`, message);
+}
+
+// Get file extension
+function getFileExtension(filename: string): string {
+  const match = filename.toLowerCase().match(/\.\w+$/);
+  return match ? match[0] : '';
+}
+
+// Format file size
+function formatFileSize(bytes: number): string {
+  if (bytes < 1024) return bytes + ' B';
+  if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(1) + ' KB';
+  return (bytes / (1024 * 1024)).toFixed(1) + ' MB';
+}
+
+// Handle file selection
+function handleFile(file: File) {
+  currentFile = file;
+  const extension = getFileExtension(file.name);
+
+  log(`Selected file: ${file.name} (${formatFileSize(file.size)})`, 'info');
+
+  // Check if extension is supported
+  if (!getSupportedExtensions().includes(extension)) {
+    log(`Unsupported file type: ${extension}`, 'error');
+    processorName.textContent = '❌ Unsupported file type';
+    fileDetails.textContent = extension;
+    fileInfo.style.display = 'block';
+    processBtn.disabled = true;
+    return;
+  }
+
+  // Get processor
+  try {
+    currentProcessor = getProcessor(extension);
+    processorName.textContent = `✅ ${currentProcessor.constructor.name}`;
+    fileDetails.textContent = `${file.name} • ${formatFileSize(file.size)}`;
+    fileInfo.style.display = 'block';
+    processBtn.disabled = false;
+
+    log(`Using processor: ${currentProcessor.constructor.name}`, 'success');
+  } catch (error) {
+    log(`Error getting processor: ${(error as Error).message}`, 'error');
+    processBtn.disabled = true;
+  }
+}
+
+// Drag and drop handlers
+dropArea.addEventListener('dragover', (e) => {
+  e.preventDefault();
+  dropArea.classList.add('dragover');
+});
+
+dropArea.addEventListener('dragleave', () => {
+  dropArea.classList.remove('dragover');
+});
+
+dropArea.addEventListener('drop', (e) => {
+  e.preventDefault();
+  dropArea.classList.remove('dragover');
+
+  const file = e.dataTransfer?.files[0];
+  if (file) {
+    fileInput.files = e.dataTransfer!.files;
+    handleFile(file);
+  }
+});
+
+dropArea.addEventListener('click', () => {
+  fileInput.click();
+});
+
+fileInput.addEventListener('change', (e) => {
+  const file = (e.target as HTMLInputElement).files?.[0];
+  if (file) {
+    handleFile(file);
+  }
+});
+
+// Process file
+processBtn.addEventListener('click', async () => {
+  if (!currentFile || !currentProcessor) return;
+
+  const startTime = performance.now();
+  log('Processing file...', 'info');
+
+  try {
+    processBtn.disabled = true;
+    results.innerHTML = '<p style="text-align: center; padding: 40px;">⏳ Loading...</p>';
+
+    // Read file as ArrayBuffer
+    const arrayBuffer = await currentFile.arrayBuffer();
+
+    // Load into tree
+    log('Loading tree structure...', 'info');
+    currentTree = await currentProcessor.loadIntoTree(arrayBuffer);
+
+    const loadTime = performance.now() - startTime;
+    log(`Tree loaded in ${loadTime.toFixed(0)}ms`, 'success');
+
+    // Extract texts
+    log('Extracting texts...', 'info');
+    const texts = await currentProcessor.extractTexts(arrayBuffer);
+    log(`Extracted ${texts.length} texts`, 'success');
+
+    // Update stats
+    const pageCount = Object.keys(currentTree.pages).length;
+    const buttonCount = Object.values(currentTree.pages).reduce(
+      (sum: number, page: AACPage) => sum + page.buttons.length,
+      0
+    );
+
+    document.getElementById('pageCount')!.textContent = pageCount.toString();
+    document.getElementById('buttonCount')!.textContent = buttonCount.toString();
+    document.getElementById('textCount')!.textContent = texts.length.toString();
+    document.getElementById('loadTime')!.textContent = `${loadTime.toFixed(0)}ms`;
+    stats.style.display = 'grid';
+
+    // Display results
+    displayResults(currentTree);
+
+    log(`✅ Successfully processed ${pageCount} pages with ${buttonCount} buttons`, 'success');
+  } catch (error) {
+    const errorMsg = (error as Error).message;
+    log(`❌ Error: ${errorMsg}`, 'error');
+    results.innerHTML = `<p style="color: #f48771; text-align: center; padding: 40px;">
+      ❌ Error: ${errorMsg}
+    </p>`;
+  } finally {
+    processBtn.disabled = false;
+  }
+});
+
+// Display results
+function displayResults(tree: AACTree) {
+  results.innerHTML = '';
+
+  const sortedPageIds = Object.keys(tree.pages).sort((a, b) => {
+    // Show root page first
+    if (a === tree.rootId) return -1;
+    if (b === tree.rootId) return 1;
+    return a.localeCompare(b);
+  });
+
+  sortedPageIds.forEach((pageId) => {
+    const page = tree.pages[pageId];
+    const pageCard = document.createElement('div');
+    pageCard.className = 'page-card';
+
+    const pageTitle = document.createElement('div');
+    pageTitle.className = 'page-title';
+    pageTitle.textContent = `${page.name} ${pageId === tree.rootId ? '🏠' : ''}`;
+    pageCard.appendChild(pageTitle);
+
+    if (page.buttons.length > 0) {
+      const buttonGrid = document.createElement('div');
+      buttonGrid.className = 'button-grid';
+
+      page.buttons.forEach((button) => {
+        const buttonItem = document.createElement('div');
+        buttonItem.className = 'button-item';
+
+        const label = document.createElement('div');
+        label.className = 'button-label';
+        label.textContent = button.label || '(no label)';
+        buttonItem.appendChild(label);
+
+        if (button.message) {
+          const message = document.createElement('div');
+          message.className = 'button-message';
+          message.textContent = button.message;
+          buttonItem.appendChild(message);
+        }
+
+        const type = document.createElement('div');
+        type.className = 'button-type';
+        type.textContent = button.type;
+
+        switch (button.type) {
+          case 'SPEAK':
+            type.classList.add('type-speak');
+            break;
+          case 'NAVIGATE':
+            type.classList.add('type-navigate');
+            break;
+          default:
+            type.classList.add('type-other');
+        }
+
+        buttonItem.appendChild(type);
+
+        // Click handler
+        buttonItem.addEventListener('click', () => {
+          if (button.type === 'SPEAK' && button.message) {
+            log(`🔊 Speaking: "${button.message}"`, 'info');
+            if ('speechSynthesis' in window) {
+              const utterance = new SpeechSynthesisUtterance(button.message);
+              speechSynthesis.speak(utterance);
+            }
+          } else if (button.type === 'NAVIGATE' && button.targetPageId) {
+            const targetPage = tree.pages[button.targetPageId];
+            if (targetPage) {
+              log(`🔗 Navigating to: ${targetPage.name}`, 'info');
+              // Scroll to page
+              const targetCard = Array.from(results.querySelectorAll('.page-card')).find((card) =>
+                card.querySelector('.page-title')?.textContent?.includes(targetPage.name)
+              );
+              if (targetCard) {
+                targetCard.scrollIntoView({ behavior: 'smooth', block: 'center' });
+                targetCard.style.animation = 'highlight 1s';
+              }
+            }
+          }
+        });
+
+        buttonGrid.appendChild(buttonItem);
+      });
+
+      pageCard.appendChild(buttonGrid);
+    } else {
+      const noButtons = document.createElement('p');
+      noButtons.textContent = 'No buttons';
+      noButtons.style.color = '#999';
+      noButtons.style.fontSize = '12px';
+      pageCard.appendChild(noButtons);
+    }
+
+    results.appendChild(pageCard);
+  });
+}
+
+// Clear results
+clearBtn.addEventListener('click', () => {
+  currentFile = null;
+  currentProcessor = null;
+  currentTree = null;
+  fileInput.value = '';
+  fileInfo.style.display = 'none';
+  stats.style.display = 'none';
+  results.innerHTML = '<p style="color: #999; text-align: center; padding: 40px;">Load a file to see its contents here</p>';
+  testResults.style.display = 'none';
+  logPanel.innerHTML = '<div class="log-entry log-info">Cleared. Ready to process files...</div>';
+});
+
+// Run compatibility tests
+runTestsBtn.addEventListener('click', async () => {
+  log('Running compatibility tests...', 'info');
+  testResults.style.display = 'block';
+  testList.innerHTML = '';
+
+  const tests: { name: string; fn: () => Promise<boolean> }[] = [
+    {
+      name: 'getProcessor() factory function',
+      fn: async () => {
+        const dotProc = getProcessor('.dot');
+        const opmlProc = getProcessor('.opml');
+        const obfProc = getProcessor('.obf');
+        const gridsetProc = getProcessor('.gridset');
+        return (
+          dotProc instanceof DotProcessor &&
+          opmlProc instanceof OpmlProcessor &&
+          obfProc instanceof ObfProcessor &&
+          gridsetProc instanceof GridsetProcessor
+        );
+      }
+    },
+    {
+      name: 'getSupportedExtensions() returns all extensions',
+      fn: async () => {
+        const extensions = getSupportedExtensions();
+        const expected = ['.dot', '.opml', '.obf', '.obz', '.gridset', '.plist', '.grd'];
+        return expected.every((ext) => extensions.includes(ext));
+      }
+    },
+    {
+      name: 'DotProcessor instantiation',
+      fn: async () => {
+        try {
+          new DotProcessor();
+          return true;
+        } catch {
+          return false;
+        }
+      }
+    },
+    {
+      name: 'OpmlProcessor instantiation',
+      fn: async () => {
+        try {
+          new OpmlProcessor();
+          return true;
+        } catch {
+          return false;
+        }
+      }
+    },
+    {
+      name: 'ObfProcessor instantiation',
+      fn: async () => {
+        try {
+          new ObfProcessor();
+          return true;
+        } catch {
+          return false;
+        }
+      }
+    },
+    {
+      name: 'GridsetProcessor instantiation',
+      fn: async () => {
+        try {
+          new GridsetProcessor();
+          return true;
+        } catch {
+          return false;
+        }
+      }
+    },
+    {
+      name: 'ApplePanelsProcessor instantiation',
+      fn: async () => {
+        try {
+          new ApplePanelsProcessor();
+          return true;
+        } catch {
+          return false;
+        }
+      }
+    },
+    {
+      name: 'AstericsGridProcessor instantiation',
+      fn: async () => {
+        try {
+          new AstericsGridProcessor();
+          return true;
+        } catch {
+          return false;
+        }
+      }
+    },
+    {
+      name: 'Processors accept ArrayBuffer type',
+      fn: async () => {
+        try {
+          const proc = new DotProcessor();
+          const buffer = new Uint8Array([123, 125]); // Invalid but tests type acceptance
+          await proc.loadIntoTree(buffer); // Will fail but tests that it accepts the type
+          return true;
+        } catch {
+          return true; // Expected to fail with invalid data, but type was accepted
+        }
+      }
+    }
+  ];
+
+  let passed = 0;
+  let failed = 0;
+
+  for (const test of tests) {
+    const item = document.createElement('div');
+    item.className = 'test-item';
+
+    const status = document.createElement('div');
+    status.className = 'test-status test-pending';
+    status.textContent = '⏳';
+
+    const name = document.createElement('div');
+    name.className = 'test-name';
+    name.textContent = test.name;
+
+    item.appendChild(status);
+    item.appendChild(name);
+    testList.appendChild(item);
+
+    try {
+      const result = await test.fn();
+      if (result) {
+        status.className = 'test-status test-pass';
+        status.textContent = '✓';
+        passed++;
+        log(`✓ ${test.name}`, 'success');
+      } else {
+        status.className = 'test-status test-fail';
+        status.textContent = '✗';
+        failed++;
+        log(`✗ ${test.name}`, 'error');
+      }
+    } catch (error) {
+      status.className = 'test-status test-fail';
+      status.textContent = '✗';
+      failed++;
+      log(`✗ ${test.name}: ${(error as Error).message}`, 'error');
+    }
+  }
+
+  log(`Tests complete: ${passed} passed, ${failed} failed`, passed === tests.length ? 'success' : 'warn');
+
+  const summary = document.createElement('div');
+  summary.style.marginTop = '15px';
+  summary.style.paddingTop = '15px';
+  summary.style.borderTop = '2px solid #e0e0e0';
+  summary.style.fontWeight = '600';
+  summary.textContent = `📊 Summary: ${passed}/${tests.length} tests passed`;
+  testList.appendChild(summary);
+});
+
+// Log initialization
+log('✅ AAC Processors Browser Demo initialized', 'success');
+log('📋 Supported extensions: ' + getSupportedExtensions().join(', '), 'info');
+log('💡 Drop a file or click to upload', 'info');

package/examples/vitedemo/test-files/example.dot

@@ -0,0 +1,14 @@
+digraph G {
+    node1 [label="Home Page"];
+    node2 [label="About"];
+    node3 [label="Contact"];
+    node4 [label="Products"];
+
+    node1 -> node2 [label="Go to About"];
+    node1 -> node3 [label="Go to Contact"];
+    node1 -> node4 [label="View Products"];
+
+    node2 -> node1 [label="Back to Home"];
+    node3 -> node1 [label="Back to Home"];
+    node4 -> node1 [label="Back to Home"];
+}

package/examples/vitedemo/test-files/example.grd

@@ -0,0 +1 @@
+{"grids":[{"_id":"grid-data-1539356255177-62","_rev":"5-43251534c36905adb9d67b17a47f2fce","id":"grid-data-1539356255177-62","modelName":"GridData","label":"SubTV","rowCount":2,"gridElements":[{"id":"grid-element-1544626437548-5","width":2,"height":1,"x":0,"y":0,"label":"On/Off","actions":[{"id":"grid-action-speak-1544617557563-1","modelName":"GridActionSpeak","speakLanguage":"en"},{"id":"grid-action-navigate-1544781575807-6","modelName":"GridActionARE","areModelGridFileName":"allinone-grid-raspi.acs","componentId":"CommandInput","dataPortId":"in","dataPortSendData":"IRTRANS-USB@IRTRANS:sndhex H5E010000000032260300E5004200AD2504000000000000000001B0002F002B002F00000000000000000383885330313030303030303030303030313030303030303030303130303030303030303130313131313030313031313131303130"}],"type":"ELEMENT_TYPE_NORMAL"},{"id":"grid-element-1544626437548-6","width":2,"height":1,"x":0,"y":1,"label":"Back","actions":[{"id":"grid-action-speak-1544617557563-1","modelName":"GridActionSpeak","speakLanguage":"en"},{"id":"grid-action-navigate-1544626450196-13","modelName":"GridActionNavigate","toGridId":"grid-data-1539356201843-61"}],"type":"ELEMENT_TYPE_NORMAL"},{"id":"grid-element-1544626437549-7","width":2,"height":1,"x":2,"y":0,"label":"Input","actions":[{"id":"grid-action-speak-1544617557563-1","modelName":"GridActionSpeak","speakLanguage":"en"},{"id":"grid-action-navigate-1544781696077-8","modelName":"GridActionARE","areModelGridFileName":"allinone-grid-raspi.acs","componentId":"CommandInput","dataPortId":"in","dataPortSendData":"IRTRANS-USB@IRTRANS:sndhex H5E010000000032260300E3004200AB2502000000000000000001B1002F002D003000000000000000000382835330313030303030303030303030313030303030303030303130303030303030303130313030303030313031303030303130"}],"type":"ELEMENT_TYPE_NORMAL"},{"id":"grid-element-1544626437549-8","width":2,"height":1,"x":2,"y":1,"label":"Vol.Mute","actions":[{"id":"grid-action-speak-1544617557563-1","modelName":"GridActionSpeak","speakLanguage":"en"},{"id":"grid-action-navigate-1544781785507-14","modelName":"GridActionARE","areModelGridFileName":"allinone-grid-raspi.acs","componentId":"CommandInput","dataPortId":"in","dataPortSendData":"IRTRANS-USB@IRTRANS:sndhex H5E010000000032260300E5003E00AD2504000000000000000001B00030002F003000000000000000000382845330313030303030303030303030313030303030303030303130303030303030303031303031313030303130303131303130"}],"type":"ELEMENT_TYPE_NORMAL"},{"id":"grid-element-1544626437549-9","width":2,"height":1,"x":4,"y":0,"label":"Vol.Up","actions":[{"id":"grid-action-speak-1544617557563-1","modelName":"GridActionSpeak","speakLanguage":"en"},{"id":"grid-action-navigate-1544781726453-10","modelName":"GridActionARE","areModelGridFileName":"allinone-grid-raspi.acs","componentId":"CommandInput","dataPortId":"in","dataPortSendData":"IRTRANS-USB@IRTRANS:sndhex H5E010000000032260300E3004200AD2505000000000000000001B10030002D003000000000000000000382825330313030303030303030303030313030303030303030303130303030303030303030303030313030303030303031303130"}],"type":"ELEMENT_TYPE_NORMAL"},{"id":"grid-element-1544626437549-10","width":2,"height":1,"x":4,"y":1,"label":"Vol.Down","actions":[{"id":"grid-action-speak-1544617557563-1","modelName":"GridActionSpeak","speakLanguage":"en"},{"id":"grid-action-navigate-1544781812160-16","modelName":"GridActionARE","areModelGridFileName":"allinone-grid-raspi.acs","componentId":"CommandInput","dataPortId":"in","dataPortSendData":"IRTRANS-USB@IRTRANS:sndhex H5E010000000032260300E4003E00AC2505000000000000000001B000300030003000000000000000000383825330313030303030303030303030313030303030303030303130303030303030303130303030313030313030303031303130"}],"type":"ELEMENT_TYPE_NORMAL"},{"id":"grid-element-1544626437549-11","width":2,"height":1,"x":6,"y":0,"label":"Ch.Up","actions":[{"id":"grid-action-speak-1544617557563-1","modelName":"GridActionSpeak","speakLanguage":"en"},{"id":"grid-action-navigate-1544781758612-12","modelName":"GridActionARE","areModelGridFileName":"allinone-grid-raspi.acs","componentId":"CommandInput","dataPortId":"in","dataPortSendData":"IRTRANS-USB@IRTRANS:sndhex H5E010000000032260300E4003F00AD2504000000000000000001B0002F0030002F00000000000000000382845330313030303030303030303030313030303030303030303130303030303030303030313031313030303031303131303130"}],"type":"ELEMENT_TYPE_NORMAL"},{"id":"grid-element-1544626437549-12","width":2,"height":1,"x":6,"y":1,"label":"Ch.Down","actions":[{"id":"grid-action-speak-1544617557563-1","modelName":"GridActionSpeak","speakLanguage":"en"},{"id":"grid-action-navigate-1544781833396-18","modelName":"GridActionARE","areModelGridFileName":"allinone-grid-raspi.acs","componentId":"CommandInput","dataPortId":"in","dataPortSendData":"IRTRANS-USB@IRTRANS:sndhex H5E010000000032260300E4003E00AB2504000000000000000001B0002F0031003000000000000000000382855330313030303030303030303030313030303030303030303130303030303030303130313031313030313031303131303130"}],"type":"ELEMENT_TYPE_NORMAL"}]},{"_id":"grid-data-1539356265418-63","_rev":"5-0be213cb8df13127c1b93b5e77575d5d","id":"grid-data-1539356265418-63","modelName":"GridData","label":"SubHifi","rowCount":2,"gridElements":[{"id":"grid-element-1544626533739-14","width":2,"height":1,"x":0,"y":0,"label":"On/Off","actions":[{"id":"grid-action-speak-1544617557563-1","modelName":"GridActionSpeak","speakLanguage":"en"},{"id":"grid-action-navigate-1544687033214-6","modelName":"GridActionARE","areModelGridFileName":"allinone-grid-raspi.acs","componentId":"CommandInput","dataPortId":"in","dataPortSendData":"IRTRANS-WEB@IRTRANS:sndhex H5001000000002426010237004900D8011E137800000000000004600044004304610043000000000000050100533031313131313130313030303030303130313031303130303130313031303131333230 "}],"type":"ELEMENT_TYPE_NORMAL"},{"id":"grid-element-1544626533739-15","width":2,"height":1,"x":0,"y":1,"label":"Back","actions":[{"id":"grid-action-speak-1544617557563-1","modelName":"GridActionSpeak","speakLanguage":"en"},{"id":"grid-action-navigate-1544626557506-22","modelName":"GridActionNavigate","toGridId":"grid-data-1539356201843-61"}],"type":"ELEMENT_TYPE_NORMAL"},{"id":"grid-element-1544626533739-16","width":2,"height":1,"x":2,"y":0,"label":"Radio","actions":[{"id":"grid-action-speak-1544617557563-1","modelName":"GridActionSpeak","speakLanguage":"en"},{"id":"grid-action-navigate-1544687069230-8","modelName":"GridActionARE","areModelGridFileName":"allinone-grid-raspi.acs","componentId":"CommandInput","dataPortId":"in","dataPortSendData":"IRTRANS-WEB@IRTRANS:sndhex H5001000000002426010236004A00D7011E137800000000000004610044004304600042000000000000050100533031303131313130313031303030303130313130313030303130303130313131333230"}],"type":"ELEMENT_TYPE_NORMAL"},{"id":"grid-element-1544626533739-17","width":2,"height":1,"x":2,"y":1,"label":"Vol.Mute","actions":[{"id":"grid-action-speak-1544617557563-1","modelName":"GridActionSpeak","speakLanguage":"en"},{"id":"grid-action-navigate-1544687170078-14","modelName":"GridActionARE","areModelGridFileName":"allinone-grid-raspi.acs","componentId":"CommandInput","dataPortId":"in","dataPortSendData":"IRTRANS-WEB@IRTRANS:sndhex H5001000000002425010233004600D3011A137400000000000004640047004804640047000000000000050100533031303131313130313031303030303130303131313030303131303030313131333230"}],"type":"ELEMENT_TYPE_NORMAL"},{"id":"grid-element-1544626533740-18","width":2,"height":1,"x":4,"y":0,"label":"Vol.Up","actions":[{"id":"grid-action-speak-1544617557563-1","modelName":"GridActionSpeak","speakLanguage":"en"},{"id":"grid-action-navigate-1544687100974-10","modelName":"GridActionARE","areModelGridFileName":"allinone-grid-raspi.acs","componentId":"CommandInput","dataPortId":"in","dataPortSendData":"IRTRANS-WEB@IRTRANS:sndhex H5001000000002426010237004300D1011D13720000000000000460004B00490461004A000000000000050100533031303131313130313031303030303130313031313030303130313030313131333230"}],"type":"ELEMENT_TYPE_NORMAL"},{"id":"grid-element-1544626533740-19","width":2,"height":1,"x":4,"y":1,"label":"Vol.Down","actions":[{"id":"grid-action-speak-1544617557563-1","modelName":"GridActionSpeak","speakLanguage":"en"},{"id":"grid-action-navigate-1544687185046-16","modelName":"GridActionARE","areModelGridFileName":"allinone-grid-raspi.acs","componentId":"CommandInput","dataPortId":"in","dataPortSendData":"IRTRANS-WEB@IRTRANS:sndhex H5001000000002426010237004A00D7011E137800000000000004610043004304600043000000000000050100533031303131313130313031303030303131313031313030303030313030313131333230"}],"type":"ELEMENT_TYPE_NORMAL"},{"id":"grid-element-1544626533740-20","width":2,"height":1,"x":6,"y":0,"label":"Next","actions":[{"id":"grid-action-speak-1544617557563-1","modelName":"GridActionSpeak","speakLanguage":"en"},{"id":"grid-action-navigate-1544687152446-12","modelName":"GridActionARE","areModelGridFileName":"allinone-grid-raspi.acs","componentId":"CommandInput","dataPortId":"in","dataPortSendData":"IRTRANS-WEB@IRTRANS:sndhex H5001000000002425010233004600D3011A140200000000000004640048004704650047000000000000050100533131313131313130313030303030303031313031313031303030313030313030333230"}],"type":"ELEMENT_TYPE_NORMAL"},{"id":"grid-element-1544626533740-21","width":2,"height":1,"x":6,"y":1,"label":"Previous","actions":[{"id":"grid-action-speak-1544617557563-1","modelName":"GridActionSpeak","speakLanguage":"en"},{"id":"grid-action-navigate-1544687204030-18","modelName":"GridActionARE","areModelGridFileName":"allinone-grid-raspi.acs","componentId":"CommandInput","dataPortId":"in","dataPortSendData":"IRTRANS-WEB@IRTRANS:sndhex H5001000000002425010233004600D3011A140000000000000004640047004704640048000000000000050100533131313131313130313030303030303030313131313031303130303030313030333230"}],"type":"ELEMENT_TYPE_NORMAL"}]},{"_id":"grid-data-1539356271849-64","_rev":"5-fd95e89ece512e06017f4b3fddf10dde","id":"grid-data-1539356271849-64","modelName":"GridData","label":"SubDvd","rowCount":2,"gridElements":[{"id":"grid-element-1544626610219-23","width":2,"height":1,"x":0,"y":0,"label":"On/Off","actions":[{"id":"grid-action-speak-1544617557563-1","modelName":"GridActionSpeak","speakLanguage":"en"},{"id":"grid-action-navigate-1544782942873-3","modelName":"GridActionARE","areModelGridFileName":"allinone-grid-raspi.acs","componentId":"CommandInput","dataPortId":"in","dataPortSendData":"IRTRANS-WEB@IRTRANS:sndhex H530100000000272603023A004900C3023A1C24000000000000022F0038003400350039000000000000048278533030303030313030303030303030303032313131303030303030303030313131313131313130"}],"type":"ELEMENT_TYPE_NORMAL"},{"id":"grid-element-1544626610219-24","width":2,"height":1,"x":0,"y":1,"label":"Back","actions":[{"id":"grid-action-speak-1544617557563-1","modelName":"GridActionSpeak","speakLanguage":"en"},{"id":"grid-action-navigate-1544626618650-29","modelName":"GridActionNavigate","toGridId":"grid-data-1539356201843-61"}],"type":"ELEMENT_TYPE_NORMAL"},{"id":"grid-element-1544626610219-25","width":2,"height":1,"x":2,"y":0,"label":"Previous","actions":[{"id":"grid-action-speak-1544617557563-1","modelName":"GridActionSpeak","speakLanguage":"en"},{"id":"grid-action-navigate-1544782974641-5","modelName":"GridActionARE","areModelGridFileName":"allinone-grid-raspi.acs","componentId":"CommandInput","dataPortId":"in","dataPortSendData":"IRTRANS-WEB@IRTRANS:sndhex H530100000000272603023A004500C202391C2500000000000002300038003900390038000000000000048278533030303030313030303030303030303032313131303130313130303030303130303131313130"}],"type":"ELEMENT_TYPE_NORMAL"},{"id":"grid-element-1544626610219-26","width":2,"height":1,"x":2,"y":1,"label":"Stop","actions":[{"id":"grid-action-speak-1544617557563-1","modelName":"GridActionSpeak","speakLanguage":"en"},{"id":"grid-action-navigate-1544783013413-9","modelName":"GridActionARE","areModelGridFileName":"allinone-grid-raspi.acs","componentId":"CommandInput","dataPortId":"in","dataPortSendData":"IRTRANS-WEB@IRTRANS:sndhex H530100000000272603023A004800C4023A1C24000000000000022F0039003400350039000000000000048278533030303030313030303030303030303032313131303131303031303030303031313031313130"}],"type":"ELEMENT_TYPE_NORMAL"},{"id":"grid-element-1544626610220-27","width":2,"height":1,"x":4,"y":0,"label":"Next","actions":[{"id":"grid-action-speak-1544617557563-1","modelName":"GridActionSpeak","speakLanguage":"en"},{"id":"grid-action-navigate-1544782986382-7","modelName":"GridActionARE","areModelGridFileName":"allinone-grid-raspi.acs","componentId":"CommandInput","dataPortId":"in","dataPortSendData":"IRTRANS-WEB@IRTRANS:sndhex H530100000000272603023A004600C3023A1C24000000000000022F0038003800390039000000000000048278533030303030313030303030303030303032313131303130303031303030303131313031313130"}],"type":"ELEMENT_TYPE_NORMAL"},{"id":"grid-element-1544626610220-28","width":2,"height":1,"x":4,"y":1,"label":"Play/Pause","actions":[{"id":"grid-action-speak-1544617557563-1","modelName":"GridActionSpeak","speakLanguage":"en"},{"id":"grid-action-navigate-1544783039344-11","modelName":"GridActionARE","areModelGridFileName":"allinone-grid-raspi.acs","componentId":"CommandInput","dataPortId":"in","dataPortSendData":"IRTRANS-WEB@IRTRANS:sndhex H5301000000002726030239004600C2023B1C2400000000000002300038003900380038000000000000048278533030303030313030303030303030303032313131303030313031303030313130313031313130"}],"type":"ELEMENT_TYPE_NORMAL"}]},{"_id":"grid-data-1539356278386-65","_rev":"5-c9c837ca93dd91ed55ca217dea4f9ee5","id":"grid-data-1539356278386-65","modelName":"GridData","label":"SubSmarthome","rowCount":2,"gridElements":[{"id":"grid-element-1544626940836-3","width":2,"height":1,"x":0,"y":0,"label":"Back","actions":[{"id":"grid-action-speak-1544626835480-1","modelName":"GridActionSpeak","speakLanguage":"en"},{"id":"grid-action-navigate-1544626963516-10","modelName":"GridActionNavigate","toGridId":"grid-data-1539356201843-61"}],"type":"ELEMENT_TYPE_NORMAL"},{"id":"grid-element-1544626940836-4","width":2,"height":1,"x":2,"y":0,"label":"Livingroom On","actions":[{"id":"grid-action-speak-1544626835480-1","modelName":"GridActionSpeak","speakLanguage":"en"},{"id":"grid-action-navigate-1544687418301-20","modelName":"GridActionARE","areModelGridFileName":"allinone-grid-raspi.acs","componentId":"CommandInput","dataPortId":"in","dataPortSendData":"@KNX:11/0/0,1.001,on","areURL":"http://172.22.0.166:8081/rest/"}],"type":"ELEMENT_TYPE_NORMAL"},{"id":"grid-element-1544626940837-5","width":2,"height":1,"x":2,"y":1,"label":"Livingroom Off","actions":[{"id":"grid-action-speak-1544626835480-1","modelName":"GridActionSpeak","speakLanguage":"en"},{"id":"grid-action-navigate-1544687470317-26","modelName":"GridActionARE","areModelGridFileName":"allinone-grid-raspi.acs","componentId":"CommandInput","dataPortId":"in","dataPortSendData":"@KNX:11/0/0,1.001,off"}],"type":"ELEMENT_TYPE_NORMAL"},{"id":"grid-element-1544626940837-6","width":2,"height":1,"x":4,"y":0,"label":"Kitchen On","actions":[{"id":"grid-action-speak-1544626835480-1","modelName":"GridActionSpeak","speakLanguage":"en"},{"id":"grid-action-navigate-1544687435623-22","modelName":"GridActionARE","areModelGridFileName":"allinone-grid-raspi.acs","componentId":"CommandInput","dataPortId":"in","dataPortSendData":"@KNX:11/0/8,1.001,on"}],"type":"ELEMENT_TYPE_NORMAL"},{"id":"grid-element-1544626940838-7","width":2,"height":1,"x":4,"y":1,"label":"Kitchen Off","actions":[{"id":"grid-action-speak-1544626835480-1","modelName":"GridActionSpeak","speakLanguage":"en"},{"id":"grid-action-navigate-1544687493854-28","modelName":"GridActionARE","areModelGridFileName":"allinone-grid-raspi.acs","componentId":"CommandInput","dataPortId":"in","dataPortSendData":"@KNX:11/0/8,1.001,off"}],"type":"ELEMENT_TYPE_NORMAL"},{"id":"grid-element-1544626940838-8","width":2,"height":1,"x":6,"y":0,"label":"Temp Up","actions":[{"id":"grid-action-speak-1544626835480-1","modelName":"GridActionSpeak","speakLanguage":"en"},{"id":"grid-action-navigate-1544687454470-24","modelName":"GridActionARE","areModelGridFileName":"allinone-grid-raspi.acs","componentId":"CommandInput","dataPortId":"in","dataPortSendData":"@KNX:12/1/1,9.002,+1"}],"type":"ELEMENT_TYPE_NORMAL"},{"id":"grid-element-1544626940839-9","width":2,"height":1,"x":6,"y":1,"label":"Temp Down","actions":[{"id":"grid-action-speak-1544626835480-1","modelName":"GridActionSpeak","speakLanguage":"en"},{"id":"grid-action-navigate-1544687505661-30","modelName":"GridActionARE","areModelGridFileName":"allinone-grid-raspi.acs","componentId":"CommandInput","dataPortId":"in","dataPortSendData":"@KNX:12/1/1,9.002,-1"}],"type":"ELEMENT_TYPE_NORMAL"}]},{"_id":"grid-data-1544783930791-13","_rev":"3-6f73312a63bb45f780700db2b9126dc6","id":"grid-data-1544783930791-13","modelName":"GridData","label":"SubTVBedroom","rowCount":2,"gridElements":[{"id":"grid-element-1544626437548-5","width":2,"height":1,"x":0,"y":0,"label":"On/Off","actions":[{"id":"grid-action-speak-1544617557563-1","modelName":"GridActionSpeak","speakLanguage":"en"},{"id":"grid-action-navigate-1544781575807-6","modelName":"GridActionARE","areModelGridFileName":"allinone-grid-raspi.acs","componentId":"CommandInput","dataPortId":"in","dataPortSendData":"IRTRANS-WEB@IRTRANS:sndhex H5001000000002426010233004B00D4011D1367000000000000045A00420043045A0042000000000000050100533030303030303130313131313131303130313030313030303130313130313131333230"}],"type":"ELEMENT_TYPE_NORMAL"},{"id":"grid-element-1544626437548-6","width":2,"height":1,"x":0,"y":1,"label":"Back","actions":[{"id":"grid-action-speak-1544617557563-1","modelName":"GridActionSpeak","speakLanguage":"en"},{"id":"grid-action-navigate-1544626450196-13","modelName":"GridActionNavigate","toGridId":"grid-data-1539356201843-61"}],"type":"ELEMENT_TYPE_NORMAL"},{"id":"grid-element-1544626437549-7","width":2,"height":1,"x":2,"y":0,"label":"Input","actions":[{"id":"grid-action-speak-1544617557563-1","modelName":"GridActionSpeak","speakLanguage":"en"},{"id":"grid-action-navigate-1544781696077-8","modelName":"GridActionARE","areModelGridFileName":"allinone-grid-raspi.acs","componentId":"CommandInput","dataPortId":"in","dataPortSendData":"IRTRANS-WEB@IRTRANS:sndhex H5001000000002426010233004B00D5011C1367000000000000045B00420042045B0042000000000000050100533030303030303130313131313131303130303130313030303131303130313131333230"}],"type":"ELEMENT_TYPE_NORMAL"},{"id":"grid-element-1544626437549-8","width":2,"height":1,"x":2,"y":1,"label":"Vol.Mute","actions":[{"id":"grid-action-speak-1544617557563-1","modelName":"GridActionSpeak","speakLanguage":"en"},{"id":"grid-action-navigate-1544781785507-14","modelName":"GridActionARE","areModelGridFileName":"allinone-grid-raspi.acs","componentId":"CommandInput","dataPortId":"in","dataPortSendData":"IRTRANS-WEB@IRTRANS:sndhex H5001000000002426010234004B00D5011D1367000000000000045A00420042045A0042000000000000050100533030303030303130313131313131303130303030313030303131313130313131333230"}],"type":"ELEMENT_TYPE_NORMAL"},{"id":"grid-element-1544626437549-9","width":2,"height":1,"x":4,"y":0,"label":"Vol.Up","actions":[{"id":"grid-action-speak-1544617557563-1","modelName":"GridActionSpeak","speakLanguage":"en"},{"id":"grid-action-navigate-1544781726453-10","modelName":"GridActionARE","areModelGridFileName":"allinone-grid-raspi.acs","componentId":"CommandInput","dataPortId":"in","dataPortSendData":"IRTRANS-WEB@IRTRANS:sndhex H5001000000002426010234004C00D5011D1367000000000000045A00410042045A0042000000000000050100533030303030303130313131313131303130313031313030303130313030313131333230"}],"type":"ELEMENT_TYPE_NORMAL"},{"id":"grid-element-1544626437549-10","width":2,"height":1,"x":4,"y":1,"label":"Vol.Down","actions":[{"id":"grid-action-speak-1544617557563-1","modelName":"GridActionSpeak","speakLanguage":"en"},{"id":"grid-action-navigate-1544781812160-16","modelName":"GridActionARE","areModelGridFileName":"allinone-grid-raspi.acs","componentId":"CommandInput","dataPortId":"in","dataPortSendData":"IRTRANS-WEB@IRTRANS:sndhex H5001000000002426010233004B00D5011D1368000000000000045B00420042045A0041000000000000050100533030303030303130313131313131303130313131313030303130303030313131333230"}],"type":"ELEMENT_TYPE_NORMAL"},{"id":"grid-element-1544626437549-11","width":2,"height":1,"x":6,"y":0,"label":"Ch.Up","actions":[{"id":"grid-action-speak-1544617557563-1","modelName":"GridActionSpeak","speakLanguage":"en"},{"id":"grid-action-navigate-1544781758612-12","modelName":"GridActionARE","areModelGridFileName":"allinone-grid-raspi.acs","componentId":"CommandInput","dataPortId":"in","dataPortSendData":"IRTRANS-WEB@IRTRANS:sndhex H5001000000002426010232004B00D4011E1367000000000000045B00420042045A0041000000000000050100533030303030303130313131313131303131313031313030303030313030313131333230"}],"type":"ELEMENT_TYPE_NORMAL"},{"id":"grid-element-1544626437549-12","width":2,"height":1,"x":6,"y":1,"label":"Ch.Down","actions":[{"id":"grid-action-speak-1544617557563-1","modelName":"GridActionSpeak","speakLanguage":"en"},{"id":"grid-action-navigate-1544781833396-18","modelName":"GridActionARE","areModelGridFileName":"allinone-grid-raspi.acs","componentId":"CommandInput","dataPortId":"in","dataPortSendData":"IRTRANS-WEB@IRTRANS:sndhex H5001000000002426010233004B00D4011C1367000000000000045B00420043045B0042000000000000050100533030303030303130313131313131303131313131313030303030303030313131333230"}],"type":"ELEMENT_TYPE_NORMAL"}]}]}

package/examples/vitedemo/test-files/example.opml

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<opml version="2.0">
+    <head>
+        <title>Test OPML</title>
+    </head>
+    <body>
+        <outline text="Main Page">
+            <outline text="Category 1">
+                <outline text="Item 1" />
+                <outline text="Item 2" />
+            </outline>
+            <outline text="Category 2">
+                <outline text="Item 3" />
+                <outline text="Item 4" />
+            </outline>
+        </outline>
+    </body>
+</opml>