@willwade/aac-processors 0.1.4 → 0.1.6

package/examples/vitedemo/src/main.ts

@@ -66,12 +66,15 @@ if (typeof (window as any).Buffer === 'undefined') {
 }
 
 import {
+  configureSqlJs,
   getProcessor,
   getSupportedExtensions,
   DotProcessor,
   OpmlProcessor,
   ObfProcessor,
   GridsetProcessor,
+  SnapProcessor,
+  TouchChatProcessor,
   ApplePanelsProcessor,
   AstericsGridProcessor,
   AACTree,
@@ -79,6 +82,12 @@ import {
   AACButton
 } from 'aac-processors';
 
+import sqlWasmUrl from 'sql.js/dist/sql-wasm.wasm?url';
+
+configureSqlJs({
+  locateFile: () => sqlWasmUrl
+});
+
 // UI Elements
 const dropArea = document.getElementById('dropArea') as HTMLElement;
 const fileInput = document.getElementById('fileInput') as HTMLInputElement;
@@ -717,11 +726,15 @@ runTestsBtn.addEventListener('click', async () => {
         const opmlProc = getProcessor('.opml');
         const obfProc = getProcessor('.obf');
         const gridsetProc = getProcessor('.gridset');
+        const snapProc = getProcessor('.sps');
+        const touchChatProc = getProcessor('.ce');
         return (
           dotProc instanceof DotProcessor &&
           opmlProc instanceof OpmlProcessor &&
           obfProc instanceof ObfProcessor &&
-          gridsetProc instanceof GridsetProcessor
+          gridsetProc instanceof GridsetProcessor &&
+          snapProc instanceof SnapProcessor &&
+          touchChatProc instanceof TouchChatProcessor
         );
       }
     },
@@ -729,7 +742,18 @@ runTestsBtn.addEventListener('click', async () => {
       name: 'getSupportedExtensions() returns all extensions',
       fn: async () => {
         const extensions = getSupportedExtensions();
-        const expected = ['.dot', '.opml', '.obf', '.obz', '.gridset', '.plist', '.grd'];
+        const expected = [
+          '.dot',
+          '.opml',
+          '.obf',
+          '.obz',
+          '.gridset',
+          '.spb',
+          '.sps',
+          '.ce',
+          '.plist',
+          '.grd'
+        ];
         return expected.every((ext) => extensions.includes(ext));
       }
     },
@@ -777,6 +801,28 @@ runTestsBtn.addEventListener('click', async () => {
         }
       }
     },
+    {
+      name: 'SnapProcessor instantiation',
+      fn: async () => {
+        try {
+          new SnapProcessor();
+          return true;
+        } catch {
+          return false;
+        }
+      }
+    },
+    {
+      name: 'TouchChatProcessor instantiation',
+      fn: async () => {
+        try {
+          new TouchChatProcessor();
+          return true;
+        } catch {
+          return false;
+        }
+      }
+    },
     {
       name: 'ApplePanelsProcessor instantiation',
       fn: async () => {

package/examples/vitedemo/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@willwade/aac-processors",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "A comprehensive TypeScript library for processing AAC (Augmentative and Alternative Communication) file formats with translation support",
   "main": "dist/index.js",
   "browser": "dist/browser/index.browser.js",
@@ -151,6 +151,7 @@
     "@types/jest": "^29.5.12",
     "@types/node": "^20.11.24",
     "@types/plist": "^3.0.5",
+    "@types/sql.js": "^1.4.9",
     "@typescript-eslint/eslint-plugin": "^7.1.0",
     "@typescript-eslint/parser": "^7.1.0",
     "eslint": "^8.56.0",
@@ -174,6 +175,7 @@
     "fast-xml-parser": "^5.2.0",
     "jszip": "^3.10.1",
     "plist": "^3.1.0",
+    "sql.js": "^1.13.0",
     "xml2js": "^0.6.2",
     "yauzl": "^3.2.0"
   },

package/examples/browser-test-server.js

@@ -1,81 +0,0 @@
-#!/usr/bin/env node
-
-/**
- * Simple HTTP server for testing AACProcessors in a browser
- *
- * Usage:
- *   node examples/browser-test-server.js
- *
- * Then open: http://localhost:8080/examples/browser-test.html
- */
-
-const http = require('http');
-const fs = require('fs');
-const path = require('path');
-
-const PORT = 8080;
-const MIME_TYPES = {
-    '.html': 'text/html',
-    '.js': 'text/javascript',
-    '.css': 'text/css',
-    '.json': 'application/json',
-    '.png': 'image/png',
-    '.jpg': 'image/jpg',
-    '.gif': 'image/gif',
-    '.svg': 'image/svg+xml',
-    '.ico': 'image/x-icon',
-};
-
-const server = http.createServer((req, res) => {
-    // Enable CORS
-    res.setHeader('Access-Control-Allow-Origin', '*');
-    res.setHeader('Access-Control-Allow-Methods', 'GET, OPTIONS');
-    res.setHeader('Access-Control-Allow-Headers', 'Content-Type');
-
-    if (req.method === 'OPTIONS') {
-        res.writeHead(200);
-        res.end();
-        return;
-    }
-
-    // Parse URL
-    let filePath = '.' + req.url;
-    if (filePath === './') {
-        filePath = './examples/browser-test.html';
-    }
-
-    // Get file extension
-    const extname = String(path.extname(filePath)).toLowerCase();
-    const contentType = MIME_TYPES[extname] || 'application/octet-stream';
-
-    // Read and serve file
-    fs.readFile(filePath, (error, content) => {
-        if (error) {
-            if (error.code === 'ENOENT') {
-                res.writeHead(404, { 'Content-Type': 'text/html' });
-                res.end('<h1>404 Not Found</h1>', 'utf-8');
-            } else {
-                res.writeHead(500);
-                res.end(`Server Error: ${error.code}`, 'utf-8');
-            }
-        } else {
-            res.writeHead(200, { 'Content-Type': contentType });
-            res.end(content, 'utf-8');
-        }
-    });
-});
-
-server.listen(PORT, () => {
-    console.log(`
-╔════════════════════════════════════════════════════════════╗
-║   AACProcessors Browser Test Server                       ║
-╠════════════════════════════════════════════════════════════╣
-║                                                            ║
-║   Server running at:                                       ║
-║   🌐 http://localhost:${PORT}/examples/browser-test.html           ║
-║                                                            ║
-║   Press Ctrl+C to stop                                     ║
-║                                                            ║
-╚════════════════════════════════════════════════════════════╝
-    `);
-});

package/examples/vitedemo/QUICKSTART.md

@@ -1,75 +0,0 @@
-# 🎯 AAC Processors Browser Demo - Quick Start
-
-## 🚀 Running the Demo
-
-The demo is already running! Open your browser to:
-
-**http://localhost:3000**
-
-## 📁 Test Files Included
-
-The `test-files/` folder contains example AAC files you can use:
-
-- `example.dot` (392 bytes) - DOT format board
-- `example.opml` (495 bytes) - OPML outline
-- `simple.obf` (2.1 KB) - Open Board Format
-- `example.obz` (13 MB) - Compressed OBF
-- `example.gridset` (1.4 MB) - Grid 3 gridset
-- `example.grd` (21 KB) - Asterics Grid
-
-## 🧪 How to Test
-
-### Option 1: Drag & Drop
-1. Open http://localhost:3000
-2. Drag any file from `test-files/` onto the upload area
-3. Click "Process File"
-4. Explore pages and buttons!
-
-### Option 2: File Picker
-1. Click the upload area
-2. Select a file from `test-files/`
-3. Click "Process File"
-
-### Option 3: Run Tests
-1. Click "Run Compatibility Tests"
-2. See all 9 tests pass!
-
-## ✨ Features to Try
-
-- **Text-to-Speech**: Click any SPEAK button to hear the message
-- **Navigation**: Click NAVIGATE buttons to jump between pages
-- **Stats**: See page/button/text counts and load time
-- **Logs**: Watch the processing log in real-time
-- **Pageset Lab**: Open the "Create & Convert" tab to generate a sample pageset or convert an upload to OBF/OBZ
-
-## 🛠️ Development
-
-### Restart Server
-```bash
-cd examples/vitedemo
-npm run dev
-```
-
-### Build for Production
-```bash
-npm run build
-npm run preview
-```
-
-## 📊 What's Being Tested
-
-This demo proves AACProcessors works in browsers with:
-- ✅ Vite bundling
-- ✅ All 6 browser-compatible processors
-- ✅ File upload (drag & drop + picker)
-- ✅ ArrayBuffer handling
-- ✅ Tree structure parsing
-- ✅ Text extraction
-- ✅ Button interaction
-- ✅ Browser Speech API integration
-
-## 🎉 Success!
-
-If you can see the demo and process files, congratulations! You now have a working browser-based AAC processor. This can be used as a template for your own browser applications.
-
-See `docs/BROWSER_USAGE.md` for integration guides.