npm - @bobfrankston/msger - Versions diffs - 0.1.74 → 0.1.76 - Mend

@bobfrankston/msger 0.1.74 → 0.1.76

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (134) hide show

package/test-data-persistence.html ADDED Viewed

@@ -0,0 +1,315 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>Test Data Persistence</title>
+    <style>
+        body {
+            font-family: monospace;
+            padding: 20px;
+            background: #2d2d2d;
+            color: #d4d4d4;
+        }
+        button {
+            margin: 5px;
+            padding: 10px 15px;
+            background: #0e639c;
+            color: white;
+            border: none;
+            cursor: pointer;
+        }
+        button:hover { background: #1177bb; }
+        .output {
+            margin: 10px 0;
+            padding: 15px;
+            background: #1e1e1e;
+            border-left: 3px solid #4ec9b0;
+            white-space: pre-wrap;
+            font-size: 12px;
+        }
+        input, textarea {
+            padding: 8px;
+            margin: 5px;
+            background: #1e1e1e;
+            color: #d4d4d4;
+            border: 1px solid #3c3c3c;
+        }
+    </style>
+</head>
+<body>
+    <h1>msger Data Persistence Test</h1>
+    <h2>Test 1: Basic Save/Load</h2>
+    <input type="text" id="key1" value="testKey" placeholder="Key">
+    <input type="text" id="value1" value="Hello World" placeholder="Value">
+    <button onclick="testBasicSave()">Save</button>
+    <button onclick="testBasicLoad()">Load</button>
+    <button onclick="testBasicRemove()">Remove</button>
+    <div id="output1" class="output"></div>
+    <h2>Test 2: Complex Objects</h2>
+    <button onclick="testComplexSave()">Save Complex Object</button>
+    <button onclick="testComplexLoad()">Load Complex Object</button>
+    <div id="output2" class="output"></div>
+    <h2>Test 3: Arrays and Nested Data</h2>
+    <button onclick="testArraySave()">Save Array</button>
+    <button onclick="testArrayLoad()">Load Array</button>
+    <div id="output3" class="output"></div>
+    <h2>Test 4: Large Data</h2>
+    <button onclick="testLargeData()">Save Large String (100KB)</button>
+    <button onclick="testLoadLargeData()">Load Large String</button>
+    <div id="output4" class="output"></div>
+    <h2>Test 5: List All Keys</h2>
+    <button onclick="listAllKeys()">List All msger_* Keys</button>
+    <button onclick="clearAllData()">Clear All msger Data</button>
+    <div id="output5" class="output"></div>
+    <h2>Test 6: File-Like Operations (No IPC)</h2>
+    <textarea id="fileContent" rows="5" cols="50" placeholder="Enter file content here..."></textarea><br>
+    <button onclick="saveAsFile()">Save as "Virtual File"</button>
+    <button onclick="loadFile()">Load "Virtual File"</button>
+    <button onclick="exportFile()">Export (Download)</button>
+    <div id="output6" class="output"></div>
+    <script>
+        function log(id, msg, color = '#4ec9b0') {
+            const el = document.getElementById(id);
+            el.style.borderLeftColor = color;
+            el.textContent = `[${new Date().toLocaleTimeString()}] ${msg}`;
+        }
+        // Test 1: Basic Save/Load (with timestamp)
+        function testBasicSave() {
+            try {
+                const key = document.getElementById('key1').value;
+                const value = document.getElementById('value1').value;
+                const dataWithTimestamp = {
+                    value: value,
+                    savedAt: new Date().toISOString(),
+                    savedTimestamp: Date.now()
+                };
+                const result = msger.saveData(key, dataWithTimestamp);
+                log('output1', `Save result: ${result}\nKey: ${key}\nValue: ${value}\nSaved at: ${dataWithTimestamp.savedAt}`, result ? '#4ec9b0' : '#f48771');
+            } catch(e) {
+                log('output1', `ERROR: ${e.message}`, '#f48771');
+            }
+        }
+        function testBasicLoad() {
+            try {
+                const key = document.getElementById('key1').value;
+                const data = msger.loadData(key, null);
+                if (data) {
+                    const savedDate = new Date(data.savedAt);
+                    const now = new Date();
+                    const ageMs = now - savedDate;
+                    const ageSec = Math.floor(ageMs / 1000);
+                    const ageMin = Math.floor(ageSec / 60);
+                    const ageHr = Math.floor(ageMin / 60);
+                    let ageStr;
+                    if (ageHr > 0) {
+                        ageStr = `${ageHr} hour(s) ago`;
+                    } else if (ageMin > 0) {
+                        ageStr = `${ageMin} minute(s) ago`;
+                    } else {
+                        ageStr = `${ageSec} second(s) ago`;
+                    }
+                    log('output1', `Load result:\nKey: ${key}\nValue: ${data.value}\nSaved at: ${data.savedAt}\nAge: ${ageStr}\n\nThis data PERSISTS across restarts!`, '#4ec9b0');
+                } else {
+                    log('output1', `Key "${key}" not found`, '#dcdcaa');
+                }
+            } catch(e) {
+                log('output1', `ERROR: ${e.message}`, '#f48771');
+            }
+        }
+        function testBasicRemove() {
+            try {
+                const key = document.getElementById('key1').value;
+                const result = msger.removeData(key);
+                log('output1', `Remove result: ${result}\nKey: ${key}`, result ? '#4ec9b0' : '#f48771');
+            } catch(e) {
+                log('output1', `ERROR: ${e.message}`, '#f48771');
+            }
+        }
+        // Test 2: Complex Objects
+        function testComplexSave() {
+            try {
+                const complexData = {
+                    user: {
+                        name: 'Bob',
+                        age: 30,
+                        settings: {
+                            theme: 'dark',
+                            notifications: true
+                        }
+                    },
+                    timestamp: Date.now()
+                };
+                const result = msger.saveData('complexObject', complexData);
+                log('output2', `Save complex object: ${result}\n${JSON.stringify(complexData, null, 2)}`, result ? '#4ec9b0' : '#f48771');
+            } catch(e) {
+                log('output2', `ERROR: ${e.message}`, '#f48771');
+            }
+        }
+        function testComplexLoad() {
+            try {
+                const data = msger.loadData('complexObject', null);
+                log('output2', `Loaded complex object:\n${JSON.stringify(data, null, 2)}`, '#4ec9b0');
+            } catch(e) {
+                log('output2', `ERROR: ${e.message}`, '#f48771');
+            }
+        }
+        // Test 3: Arrays
+        function testArraySave() {
+            try {
+                const arrayData = [
+                    { id: 1, name: 'Item 1' },
+                    { id: 2, name: 'Item 2' },
+                    { id: 3, name: 'Item 3' }
+                ];
+                const result = msger.saveData('arrayData', arrayData);
+                log('output3', `Save array: ${result}\n${JSON.stringify(arrayData, null, 2)}`, result ? '#4ec9b0' : '#f48771');
+            } catch(e) {
+                log('output3', `ERROR: ${e.message}`, '#f48771');
+            }
+        }
+        function testArrayLoad() {
+            try {
+                const data = msger.loadData('arrayData', []);
+                log('output3', `Loaded array (${data.length} items):\n${JSON.stringify(data, null, 2)}`, '#4ec9b0');
+            } catch(e) {
+                log('output3', `ERROR: ${e.message}`, '#f48771');
+            }
+        }
+        // Test 4: Large Data
+        function testLargeData() {
+            try {
+                const largeString = 'X'.repeat(100 * 1024); // 100KB
+                const start = performance.now();
+                const result = msger.saveData('largeData', largeString);
+                const time = (performance.now() - start).toFixed(2);
+                log('output4', `Save 100KB string: ${result}\nTime: ${time}ms\nSize: ${largeString.length} characters`, result ? '#4ec9b0' : '#f48771');
+            } catch(e) {
+                log('output4', `ERROR: ${e.message}`, '#f48771');
+            }
+        }
+        function testLoadLargeData() {
+            try {
+                const start = performance.now();
+                const data = msger.loadData('largeData', '');
+                const time = (performance.now() - start).toFixed(2);
+                log('output4', `Loaded large data:\nTime: ${time}ms\nSize: ${data.length} characters`, '#4ec9b0');
+            } catch(e) {
+                log('output4', `ERROR: ${e.message}`, '#f48771');
+            }
+        }
+        // Test 5: List Keys
+        function listAllKeys() {
+            try {
+                const allKeys = Object.keys(localStorage);
+                const msgerKeys = allKeys.filter(k => k.startsWith('msger_'));
+                log('output5', `Found ${msgerKeys.length} msger keys:\n${msgerKeys.join('\n')}`, '#4ec9b0');
+            } catch(e) {
+                log('output5', `ERROR: ${e.message}`, '#f48771');
+            }
+        }
+        function clearAllData() {
+            try {
+                if (confirm('Clear all msger_* data?')) {
+                    const result = msger.clearData();
+                    log('output5', `Clear all data: ${result}`, result ? '#4ec9b0' : '#f48771');
+                }
+            } catch(e) {
+                log('output5', `ERROR: ${e.message}`, '#f48771');
+            }
+        }
+        // Test 6: File-like operations (without real file system)
+        function saveAsFile() {
+            try {
+                const content = document.getElementById('fileContent').value;
+                const fileData = {
+                    name: 'document.txt',
+                    content: content,
+                    size: content.length,
+                    created: new Date().toISOString()
+                };
+                const result = msger.saveData('virtualFile', fileData);
+                log('output6', `Saved virtual file:\nName: ${fileData.name}\nSize: ${fileData.size} bytes\nCreated: ${fileData.created}`, result ? '#4ec9b0' : '#f48771');
+            } catch(e) {
+                log('output6', `ERROR: ${e.message}`, '#f48771');
+            }
+        }
+        function loadFile() {
+            try {
+                const fileData = msger.loadData('virtualFile', null);
+                if (fileData) {
+                    document.getElementById('fileContent').value = fileData.content;
+                    log('output6', `Loaded virtual file:\nName: ${fileData.name}\nSize: ${fileData.size} bytes\nCreated: ${fileData.created}`, '#4ec9b0');
+                } else {
+                    log('output6', 'No file found', '#dcdcaa');
+                }
+            } catch(e) {
+                log('output6', `ERROR: ${e.message}`, '#f48771');
+            }
+        }
+        function exportFile() {
+            try {
+                const fileData = msger.loadData('virtualFile', null);
+                if (fileData) {
+                    // Use browser download API (no IPC needed!)
+                    const blob = new Blob([fileData.content], { type: 'text/plain' });
+                    const url = URL.createObjectURL(blob);
+                    const a = document.createElement('a');
+                    a.href = url;
+                    a.download = fileData.name;
+                    a.click();
+                    URL.revokeObjectURL(url);
+                    log('output6', `Downloaded: ${fileData.name}`, '#4ec9b0');
+                } else {
+                    log('output6', 'No file to export', '#dcdcaa');
+                }
+            } catch(e) {
+                log('output6', `ERROR: ${e.message}`, '#f48771');
+            }
+        }
+        // Auto-run on load
+        window.addEventListener('load', function() {
+            setTimeout(() => {
+                // Try to auto-load previous data to demonstrate persistence
+                const testKey = document.getElementById('key1').value;
+                const prevData = msger.loadData(testKey, null);
+                if (prevData) {
+                    log('output1', '✅ FOUND PERSISTED DATA! Click "Load" to see it.', '#4ec9b0');
+                    // Also list all keys
+                    listAllKeys();
+                } else {
+                    log('output1', 'Ready - Enter key/value and click Save', '#dcdcaa');
+                }
+                log('output2', 'Ready - Click to test complex objects', '#dcdcaa');
+                log('output3', 'Ready - Click to test arrays', '#dcdcaa');
+                log('output4', 'Ready - Click to test large data', '#dcdcaa');
+                log('output6', 'Ready - Enter content and save as virtual file', '#dcdcaa');
+            }, 500);
+        });
+    </script>
+</body>
+</html>

package/test-htmlfrom.html ADDED Viewed

@@ -0,0 +1,29 @@
+<h1>Hello from HTML File!</h1>
+<p>This HTML was loaded using <code>-htmlfrom</code></p>
+<p>Key differences from <code>-url</code>:</p>
+<ul>
+    <li>✅ Embedded in template.html with OK/Cancel buttons</li>
+    <li>✅ msger API is available</li>
+    <li>✅ Can use buttons to close</li>
+    <li>✅ No CORS restrictions (loaded as file content)</li>
+</ul>
+<h2>Test msger API:</h2>
+<button onclick="testStorage()">Test localStorage</button>
+<button onclick="testClose()">Test Close</button>
+<div id="output" style="margin-top:10px; padding:10px; background:#f0f0f0;"></div>
+<script>
+function testStorage() {
+    msger.saveData('test', { time: new Date().toISOString() });
+    const data = msger.loadData('test');
+    document.getElementById('output').innerHTML =
+        '✅ Storage works!<br>Saved: ' + JSON.stringify(data, null, 2);
+}
+function testClose() {
+    document.getElementById('output').innerHTML =
+        '⏳ Calling msger.close()...';
+    msger.close('Test Close');
+}
+</script>

package/test-ipc-reach.html ADDED Viewed

@@ -0,0 +1,113 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>IPC Reachability Test</title>
+    <style>
+        body {
+            font-family: monospace;
+            padding: 20px;
+            background: #1e1e1e;
+            color: #d4d4d4;
+        }
+        button {
+            margin: 10px;
+            padding: 15px 25px;
+            font-size: 16px;
+            cursor: pointer;
+            background: #0e639c;
+            color: white;
+            border: none;
+            border-radius: 4px;
+        }
+        button:hover { background: #1177bb; }
+        .result {
+            margin: 10px 0;
+            padding: 15px;
+            background: #252526;
+            border-left: 3px solid #4ec9b0;
+            font-size: 14px;
+        }
+        .error { border-left-color: #f48771; }
+        .warning { border-left-color: #dcdcaa; }
+    </style>
+</head>
+<body>
+    <h1>IPC Reachability Test</h1>
+    <p style="color: #ce9178;">Testing if messages can reach Rust handlers...</p>
+    <h2>Test 1: Simple IPC Test (No Window Operation)</h2>
+    <button onclick="testSimpleIPC()">Send Test IPC Message</button>
+    <div id="result1" class="result">Click button to test</div>
+    <h2>Test 2: Window Operation (setTitle)</h2>
+    <p style="font-size: 12px;">⚠️ This may crash if catch_unwind doesn't work</p>
+    <button onclick="testSetTitle()">Try Set Window Title</button>
+    <div id="result2" class="result">Click button to test</div>
+    <script>
+        function log(id, msg, type = 'result') {
+            const el = document.getElementById(id);
+            el.className = type;
+            el.textContent = `[${new Date().toLocaleTimeString()}] ${msg}`;
+        }
+        function testSimpleIPC() {
+            try {
+                log('result1', 'Sending test IPC message...', 'warning');
+                const result = msger.testIPC();
+                setTimeout(() => {
+                    if (result) {
+                        log('result1', `✅ IPC message sent successfully! Result: ${result}\n\nCheck console for "DEBUG: Test IPC message received"`, 'result');
+                    } else {
+                        log('result1', `❌ IPC failed to send. Result: ${result}`, 'error');
+                    }
+                }, 100);
+            } catch(e) {
+                log('result1', `❌ ERROR: ${e.message}`, 'error');
+            }
+        }
+        function testSetTitle() {
+            try {
+                log('result2', '⚠️ Attempting window operation via IPC...', 'warning');
+                // Use the test function we added
+                const result = msger._testSetTitle('🧪 IPC TEST - Title Changed!');
+                setTimeout(() => {
+                    if (result) {
+                        log('result2', `✅ Message sent! If title changed and no crash, IPC WORKS!\n\nCheck:\n1. Window title\n2. Console for DEBUG messages\n3. stderr for Rust logs`, 'result');
+                    } else {
+                        log('result2', `❌ IPC failed. Result: ${result}`, 'error');
+                    }
+                }, 100);
+            } catch(e) {
+                log('result2', `❌ ERROR: ${e.message}\n\nIf app crashed, catch_unwind didn't work.`, 'error');
+            }
+        }
+        // Auto-run simple test on load
+        window.addEventListener('load', function() {
+            setTimeout(() => {
+                log('result1', 'Ready - Click to send test IPC message', 'warning');
+                log('result2', 'Ready - Click to test window operation', 'warning');
+                // Check if test functions exist
+                if (typeof msger.testIPC === 'function') {
+                    console.log('✅ msger.testIPC exists');
+                } else {
+                    console.error('❌ msger.testIPC NOT FOUND');
+                }
+                if (typeof msger._testSetTitle === 'function') {
+                    console.log('✅ msger._testSetTitle exists');
+                } else {
+                    console.error('❌ msger._testSetTitle NOT FOUND');
+                }
+            }, 500);
+        });
+    </script>
+</body>
+</html>

package/test-msger-api.html ADDED Viewed

@@ -0,0 +1,120 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>msger API Test</title>
+    <style>
+        body {
+            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+            padding: 20px;
+            max-width: 800px;
+            margin: 0 auto;
+        }
+        h1 {
+            color: #333;
+        }
+        .section {
+            margin: 20px 0;
+            padding: 15px;
+            border: 1px solid #ddd;
+            border-radius: 8px;
+            background: #f9f9f9;
+        }
+        button {
+            margin: 5px;
+            padding: 10px 15px;
+            background: #0066cc;
+            color: white;
+            border: none;
+            border-radius: 4px;
+            cursor: pointer;
+        }
+        button:hover {
+            background: #0052a3;
+        }
+        input, textarea {
+            padding: 8px;
+            margin: 5px;
+            border: 1px solid #ccc;
+            border-radius: 4px;
+        }
+        .output {
+            margin-top: 10px;
+            padding: 10px;
+            background: #fff;
+            border: 1px solid #ccc;
+            border-radius: 4px;
+            font-family: monospace;
+        }
+    </style>
+</head>
+<body>
+    <h1>msger JavaScript API Test</h1>
+    <div class="section">
+        <h2>Window Control</h2>
+        <button onclick="msger.toggleFullscreen()">Toggle Fullscreen</button>
+        <button onclick="msger.minimize()">Minimize</button>
+        <button onclick="msger.maximize()">Maximize/Restore</button>
+        <button onclick="msger.setAlwaysOnTop(true)">Always On Top</button>
+        <button onclick="msger.setAlwaysOnTop(false)">Not Always On Top</button>
+        <br>
+        <button onclick="msger.setTitle('New Title!')">Set Title</button>
+        <button onclick="msger.setSize(600, 400)">Set Size 600x400</button>
+        <button onclick="msger.setSize(1000, 600)">Set Size 1000x600</button>
+    </div>
+    <div class="section">
+        <h2>Data Persistence</h2>
+        <input type="text" id="dataKey" placeholder="Key" value="testKey">
+        <input type="text" id="dataValue" placeholder="Value" value="Hello World">
+        <button onclick="saveTestData()">Save Data</button>
+        <button onclick="loadTestData()">Load Data</button>
+        <button onclick="removeTestData()">Remove Data</button>
+        <button onclick="clearAllData()">Clear All msger Data</button>
+        <div id="dataOutput" class="output"></div>
+    </div>
+    <div class="section">
+        <h2>Close Window</h2>
+        <button onclick="msger.close()">Close (dismissed)</button>
+        <button onclick="msger.close({button: 'OK', value: 'custom result'})">Close with Result</button>
+    </div>
+    <script>
+        function saveTestData() {
+            const key = document.getElementById('dataKey').value;
+            const value = document.getElementById('dataValue').value;
+            const result = msger.saveData(key, value);
+            document.getElementById('dataOutput').textContent =
+                `Saved: ${result ? 'Success' : 'Failed'}`;
+        }
+        function loadTestData() {
+            const key = document.getElementById('dataKey').value;
+            const value = msger.loadData(key, 'Not found');
+            document.getElementById('dataOutput').textContent =
+                `Loaded: ${JSON.stringify(value)}`;
+        }
+        function removeTestData() {
+            const key = document.getElementById('dataKey').value;
+            const result = msger.removeData(key);
+            document.getElementById('dataOutput').textContent =
+                `Removed: ${result ? 'Success' : 'Failed'}`;
+        }
+        function clearAllData() {
+            const result = msger.clearData();
+            document.getElementById('dataOutput').textContent =
+                `Cleared all: ${result ? 'Success' : 'Failed'}`;
+        }
+        // Show that msger API is available
+        window.addEventListener('load', function() {
+            console.log('msger API available:', typeof msger !== 'undefined');
+            console.log('msger methods:', Object.keys(msger));
+        });
+    </script>
+</body>
+</html>