enigmatic 0.34.0 → 0.36.0

package/__tests__/e2.test.js

@@ -1,340 +0,0 @@
-const fs = require('fs')
-const path = require('path')
-
-// Load client.js and custom.js into jsdom
-const clientCode = fs.readFileSync(path.join(__dirname, '../public/client.js'), 'utf8')
-const customCode = fs.readFileSync(path.join(__dirname, '../public/custom.js'), 'utf8')
-
-describe('client.js', () => {
-  beforeEach(() => {
-    // Reset DOM
-    global.document.body.innerHTML = ''
-    global.document.head.innerHTML = ''
-    
-    // Set api_url
-    global.window.api_url = 'https://localhost:3000'
-    
-    // Clear window properties that might have descriptors
-    try {
-      delete global.window.custom
-      delete global.window.state
-      delete global.window.$
-      delete global.window.$$
-      delete global.window.$c
-      delete global.window.get
-      delete global.window.set
-      delete global.window.put
-      delete global.window.delete
-      delete global.window.purge
-      delete global.window.list
-      delete global.window.login
-      delete global.window.logout
-      delete global.window.download
-      delete global.window.initCustomElements
-    } catch (e) {
-      // Ignore errors
-    }
-    
-    // Execute client.js code first (sets up Proxy)
-    eval(clientCode)
-    // Execute custom.js (defines window.custom components)
-    eval(customCode)
-    
-    // Wait for initialization
-    return new Promise(resolve => setTimeout(resolve, 100))
-  })
-
-  describe('$ and $$ selectors', () => {
-    test('$ selects single element', () => {
-      global.document.body.innerHTML = '<div id="test">Hello</div>'
-      expect(window.$('#test').textContent).toBe('Hello')
-    })
-
-    test('$$ selects multiple elements', () => {
-      global.document.body.innerHTML = '<div class="item">1</div><div class="item">2</div>'
-      const items = window.$$('.item')
-      expect(items.length).toBe(2)
-      expect(items[0].textContent).toBe('1')
-      expect(items[1].textContent).toBe('2')
-    })
-
-    test('$ returns null for non-existent element', () => {
-      global.document.body.innerHTML = '<div>Test</div>'
-      expect(window.$('#nonexistent')).toBeNull()
-    })
-
-    test('$$ returns empty NodeList for non-existent elements', () => {
-      global.document.body.innerHTML = '<div>Test</div>'
-      expect(window.$$('.nonexistent').length).toBe(0)
-    })
-  })
-
-  describe('window API functions', () => {
-    let originalFetch
-    let originalLocation
-
-    beforeEach(() => {
-      originalFetch = global.fetch
-      global.fetch = jest.fn()
-      originalLocation = global.window.location
-      delete global.window.location
-      global.window.location = { href: '' }
-    })
-
-    afterEach(() => {
-      global.fetch = originalFetch
-      global.window.location = originalLocation
-    })
-
-    test('window.get makes GET request with encoded key', async () => {
-      global.fetch.mockResolvedValueOnce({
-        ok: true,
-        json: () => Promise.resolve({ value: 'test' })
-      })
-
-      const result = await window.get('test key')
-
-      expect(global.fetch).toHaveBeenCalledWith(
-        `${window.api_url}/test%20key`,
-        expect.objectContaining({ method: 'GET' })
-      )
-      expect(result).toEqual({ value: 'test' })
-    })
-
-    test('window.set makes POST request with string value', async () => {
-      global.fetch.mockResolvedValueOnce({
-        ok: true,
-        json: () => Promise.resolve({ status: 'saved' })
-      })
-
-      const result = await window.set('test', 'value')
-
-      expect(global.fetch).toHaveBeenCalledWith(
-        `${window.api_url}/test`,
-        expect.objectContaining({
-          method: 'POST',
-          body: 'value'
-        })
-      )
-      expect(result).toEqual({ status: 'saved' })
-    })
-
-    test('window.set stringifies object values', async () => {
-      global.fetch.mockResolvedValueOnce({
-        ok: true,
-        json: () => Promise.resolve({ status: 'saved' })
-      })
-
-      await window.set('test', { key: 'value' })
-
-      expect(global.fetch).toHaveBeenCalledWith(
-        `${window.api_url}/test`,
-        expect.objectContaining({
-          method: 'POST',
-          body: JSON.stringify({ key: 'value' })
-        })
-      )
-    })
-
-    test('window.delete makes DELETE request', async () => {
-      global.fetch.mockResolvedValueOnce({
-        ok: true,
-        json: () => Promise.resolve({ status: 'deleted' })
-      })
-
-      const result = await window.delete('test')
-
-      expect(global.fetch).toHaveBeenCalledWith(
-        `${window.api_url}/test`,
-        expect.objectContaining({
-          method: 'DELETE'
-        })
-      )
-      expect(result).toEqual({ status: 'deleted' })
-    })
-
-    test('window.put makes PUT request with string body', async () => {
-      global.fetch.mockResolvedValueOnce({
-        ok: true,
-        json: () => Promise.resolve({ status: 'saved' })
-      })
-
-      const result = await window.put('test', 'content')
-
-      expect(global.fetch).toHaveBeenCalledWith(
-        `${window.api_url}/test`,
-        expect.objectContaining({
-          method: 'PUT',
-          body: 'content'
-        })
-      )
-      expect(result).toEqual({ status: 'saved' })
-    })
-
-    test('window.put stringifies object body', async () => {
-      global.fetch.mockResolvedValueOnce({
-        ok: true,
-        json: () => Promise.resolve({ status: 'saved' })
-      })
-
-      await window.put('test', { data: 'value' })
-
-      expect(global.fetch).toHaveBeenCalledWith(
-        `${window.api_url}/test`,
-        expect.objectContaining({
-          method: 'PUT',
-          body: JSON.stringify({ data: 'value' })
-        })
-      )
-    })
-
-    test('window.put handles Blob body', async () => {
-      const blob = new Blob(['test'], { type: 'text/plain' })
-      global.fetch.mockResolvedValueOnce({
-        ok: true,
-        json: () => Promise.resolve({ status: 'saved' })
-      })
-
-      await window.put('test', blob)
-
-      expect(global.fetch).toHaveBeenCalledWith(
-        `${window.api_url}/test`,
-        expect.objectContaining({
-          method: 'PUT',
-          body: blob
-        })
-      )
-    })
-
-    test('window.purge makes PURGE request', async () => {
-      global.fetch.mockResolvedValueOnce({
-        ok: true,
-        json: () => Promise.resolve({ status: 'deleted' })
-      })
-
-      const result = await window.purge('test')
-
-      expect(global.fetch).toHaveBeenCalledWith(
-        `${window.api_url}/test`,
-        expect.objectContaining({
-          method: 'PURGE'
-        })
-      )
-      expect(result).toEqual({ status: 'deleted' })
-    })
-
-    test('window.list makes PROPFIND request to base URL', async () => {
-      global.fetch.mockResolvedValueOnce({
-        ok: true,
-        json: () => Promise.resolve([{ name: 'file1' }])
-      })
-
-      const result = await window.list()
-
-      expect(global.fetch).toHaveBeenCalledWith(
-        `${window.api_url}/`,
-        expect.objectContaining({
-          method: 'PROPFIND'
-        })
-      )
-      expect(result).toEqual([{ name: 'file1' }])
-    })
-
-    test('window.login redirects to /login', () => {
-      window.login()
-      expect(global.window.location.href).toBe(`${window.api_url}/login`)
-    })
-
-    test('window.logout redirects to /logout', () => {
-      window.logout()
-      expect(global.window.location.href).toBe(`${window.api_url}/logout`)
-    })
-  })
-
-  describe('window.custom components', () => {
-    test('hello-world component is a function', () => {
-      expect(typeof window.custom['hello-world']).toBe('function')
-    })
-
-    test('hello-world component renders correctly', () => {
-      const result = window.custom['hello-world']('Test')
-      expect(result).toBe('Hello Test')
-    })
-
-    test('hello-world-2 component has prop and render methods', () => {
-      expect(window.custom['hello-world-2']).toBeDefined()
-      expect(typeof window.custom['hello-world-2'].prop).toBe('function')
-      expect(typeof window.custom['hello-world-2'].render).toBe('function')
-    })
-
-    test('hello-world-2 component prop works', () => {
-      const result = window.custom['hello-world-2'].prop('Test')
-      expect(result).toBe('Test World')
-    })
-
-    test('hello-world-2 component render works', () => {
-      const result = window.custom['hello-world-2'].render('Test')
-      expect(result).toBe('Test World')
-    })
-  })
-
-
-  describe('window.state proxy', () => {
-    test('state.set updates DOM elements with data attribute', async () => {
-      global.document.body.innerHTML = '<hello-world data="name"></hello-world>'
-      
-      window.state.name = 'John'
-      await new Promise(resolve => setTimeout(resolve, 50))
-      
-      const el = global.document.querySelector('hello-world')
-      expect(el.innerHTML).toBe('Hello John')
-    })
-
-    test('state.set updates multiple elements with same data attribute', async () => {
-      global.document.body.innerHTML = '<hello-world data="name"></hello-world><hello-world data="name"></hello-world>'
-      
-      window.state.name = 'Jane'
-      await new Promise(resolve => setTimeout(resolve, 50))
-      
-      const els = global.document.querySelectorAll('hello-world')
-      expect(els[0].innerHTML).toBe('Hello Jane')
-      expect(els[1].innerHTML).toBe('Hello Jane')
-    })
-
-    test('state.set works with object components', async () => {
-      global.document.body.innerHTML = '<hello-world-2 data="test"></hello-world-2>'
-      
-      window.state.test = 'Hello'
-      await new Promise(resolve => setTimeout(resolve, 50))
-      
-      const el = global.document.querySelector('hello-world-2')
-      expect(el.innerHTML).toBe('Hello World')
-    })
-
-    test('state.set stores value in proxy object', () => {
-      window.state.test = 'value'
-      expect(window.state.test).toBe('value')
-    })
-
-    test('state.set handles multiple properties', async () => {
-      global.document.body.innerHTML = '<hello-world data="a"></hello-world><hello-world data="b"></hello-world>'
-      
-      window.state.a = 'A'
-      window.state.b = 'B'
-      await new Promise(resolve => setTimeout(resolve, 50))
-      
-      expect(global.document.querySelector('[data="a"]').innerHTML).toBe('Hello A')
-      expect(global.document.querySelector('[data="b"]').innerHTML).toBe('Hello B')
-    })
-
-    test('state.set does not update elements without matching data attribute', async () => {
-      global.document.body.innerHTML = '<hello-world data="name"></hello-world><div data="other">Original</div>'
-      
-      window.state.name = 'John'
-      await new Promise(resolve => setTimeout(resolve, 50))
-      
-      expect(global.document.querySelector('[data="name"]').innerHTML).toBe('Hello John')
-      expect(global.document.querySelector('[data="other"]').innerHTML).toBe('Original')
-    })
-  })
-})

package/__tests__/jest.config.js

@@ -1,7 +0,0 @@
-module.exports = {
-  testEnvironment: 'jsdom',
-  testMatch: ['**/__tests__/**/*.test.js'],
-  setupFilesAfterEnv: ['<rootDir>/__tests__/jest.setup.js'],
-  testTimeout: 10000,
-  rootDir: require('path').resolve(__dirname, '..')
-}

package/__tests__/jest.setup.js

@@ -1,9 +0,0 @@
-// Mock window.components if not defined
-if (typeof window !== 'undefined' && !window.components) {
-  window.components = {}
-}
-
-// Add fetch polyfill for jsdom
-if (typeof global.fetch === 'undefined') {
-  global.fetch = require('whatwg-fetch').fetch
-}

package/beemap.js

@@ -1,47 +0,0 @@
-class BeeMap extends Map {
-  constructor(jsonlFile, timems) {
-    super();
-    this.jsonlFile = jsonlFile;
-    this.timems = timems;
-    this.intervalId = null;
-    
-    // Load existing data
-    this.load();
-    
-    // Set up interval to save
-    if (!timems) return;
-    this.intervalId = setInterval(() => {
-      this.save();
-    }, timems);
-  }
-  
-  async load() {
-    const file = Bun.file(this.jsonlFile);
-    if (!(await file.exists())) return;
-      
-    const text = await file.text();
-    const lines = text.trim().split('\n').filter(line => line.length > 0);
-      
-    for (const line of lines) {
-      const [key, value] = JSON.parse(line);
-      super.set(key, value);
-    }
-  }
-  
-  async save() {
-    const lines = [];
-    for (const [key, value] of this) {
-      lines.push(JSON.stringify([key, value]));
-    }
-    await Bun.write(this.jsonlFile, lines.join('\n') + '\n');
-  }
-  
-  destroy() {
-    if (this.intervalId) {
-      clearInterval(this.intervalId);
-      this.intervalId = null;
-    }
-  }
-}
-
-export { BeeMap };

package/bun-server.js

@@ -1,122 +0,0 @@
-import { S3Client } from "bun";
-import { BeeMap } from "./beemap.js";
-
-const sessions = new BeeMap("sessions.jsonl", 20000), beeMaps = {};
-const s3 = new S3Client({
-  accessKeyId: Bun.env.CLOUDFLARE_ACCESS_KEY_ID,
-  secretAccessKey: Bun.env.CLOUDFLARE_SECRET_ACCESS_KEY,
-  bucket: Bun.env.CLOUDFLARE_BUCKET_NAME,
-  endpoint: Bun.env.CLOUDFLARE_PUBLIC_URL
-});
-
-const json = (data, status = 200, extraHeaders = {}) => new Response(JSON.stringify(data), {
-  status, headers: {
-    "Access-Control-Allow-Origin": "*",
-    "Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, PURGE, PROPFIND, DOWNLOAD, OPTIONS",
-    "Access-Control-Allow-Headers": "Content-Type, Authorization, Cookie, X-HTTP-Method-Override",
-    "Access-Control-Allow-Credentials": "true",
-    "Content-Type": "application/json",
-    ...extraHeaders
-  }
-});
-
-const redirect = (url, cookie = null) => new Response(null, {
-  status: 302,
-  headers: { Location: url, ...(cookie && { "Set-Cookie": cookie }) }
-});
-
-export default {
-  async fetch(req) {
-    const url = new URL(req.url), key = url.pathname.slice(1);
-    const token = req.headers.get("Cookie")?.match(/token=([^;]+)/)?.[1];
-    const user = token ? sessions.get(token) : null;
-
-    if (req.method === "OPTIONS") return json(null, 204);
-
-    // Serve static files from public folder
-    if (req.method === 'GET') {
-      const file = Bun.file(`./public${url.pathname === '/' ? '/index.html' : url.pathname}`);
-      if (await file.exists()) return new Response(file);
-    }
-
-    if (url.pathname === '/login') {
-      return Response.redirect(`https://${Bun.env.AUTH0_DOMAIN}/authorize?${new URLSearchParams({
-        response_type: "code", client_id: Bun.env.AUTH0_CLIENT_ID, redirect_uri: cb, scope: "openid email profile"
-      })}`);
-    }
-
-    if (url.pathname === '/callback') {
-      const code = url.searchParams.get("code");
-      if (!code) return json({ error: 'No code' }, 400);
-      const tRes = await fetch(`https://${Bun.env.AUTH0_DOMAIN}/oauth/token`, {
-        method: "POST", headers: { "content-type": "application/json" },
-        body: JSON.stringify({
-          grant_type: "authorization_code", client_id: Bun.env.AUTH0_CLIENT_ID,
-          client_secret: Bun.env.AUTH0_CLIENT_SECRET, code, redirect_uri: `${url.origin}/callback`
-        })
-      });
-      if (!tRes.ok) return json({ error: 'Auth error' }, 401);
-      const tokens = await tRes.json();
-      const userInfo = await (await fetch(`https://${Bun.env.AUTH0_DOMAIN}/userinfo`, {
-        headers: { Authorization: `Bearer ${tokens.access_token}` }
-      })).json();
-      const session = crypto.randomUUID();
-      sessions.set(session, {
-        ...userInfo,
-        login_time: new Date().toISOString(),
-        access_token_expires_at: tokens.expires_in ? new Date(Date.now() + tokens.expires_in * 1000).toISOString() : null
-      });
-      return redirect(url.origin, `token=${session}; HttpOnly; Path=/; Secure; SameSite=Lax; Max-Age=86400`);
-    }
-
-    if (!token || !user) return json({ error: 'Unauthorized' }, 401);
-
-    if (url.pathname === '/logout') {
-      sessions.delete(token);
-      return redirect(url.origin, "token=; Max-Age=0; Path=/");
-    }
-
-    // Initialize user's beeMap if needed
-    if (!beeMaps[user.sub]) beeMaps[user.sub] = new BeeMap(`kv_${user.sub}.jsonl`, 20000);
-
-    switch (req.method) {
-      case 'GET': return json(beeMaps[user.sub].get(key) || null);
-      case 'POST':
-        const value = await req.text();
-        beeMaps[user.sub].set(key, (() => { try { return JSON.parse(value); } catch { return value; } })());
-        return json({ key, value });
-      case 'DELETE':
-        beeMaps[user.sub].delete(key);
-        return json({ status: "Deleted" });
-      case 'PUT':
-        await s3.write(`${user.sub}/${key}`, req.body);
-        return json({ status: "Saved to R2" });
-      case 'PURGE':
-        await s3.delete(`${user.sub}/${key}`);
-        return json({ status: "Deleted from R2" });
-      case 'PROPFIND':
-        const list = await s3.list({ prefix: `${user.sub}/` });
-        const items = Array.isArray(list) ? list : (list?.contents || []);
-        return json(items.map(item => ({
-          name: item.key?.split('/').pop() || item.name || item.Key,
-          lastModified: item.lastModified || item.LastModified,
-          size: item.size || item.Size || 0
-        })));
-      case 'PATCH':
-        try {
-          const exists = await s3.exists(`${user.sub}/${key}`);
-          if (!exists) return json({ error: 'File not found' }, 404);
-          const file = await s3.file(`${user.sub}/${key}`);
-          if (!file) return json({ error: 'File not found' }, 404);
-          return new Response(file.stream(), { headers: file.headers });
-        } catch (err) {
-          console.error('Download error:', err);
-          return json({ error: 'File not found', details: err.message }, 404);
-        }
-      default: return json({ error: 'Method not allowed' }, 405);
-    }
-  },
-  
-  port: 3000,
-  tls: { cert: Bun.file("cert.pem"), key: Bun.file("key.pem") }
-};

package/public/client.js

@@ -1,118 +0,0 @@
-const D = document, W = window, Enc = encodeURIComponent;
-
-// 1. Unified Render Logic (Handles both State & Custom Elements)
-const ren = async (el, v) => {
-  const f = W.custom?.[el.tagName.toLowerCase()];
-  if (f) {
-    const dataAttr = el.getAttribute('data');
-    const val = v !== undefined ? v : (dataAttr ? W.state[dataAttr] : undefined);
-    try {
-      if (f.render) {
-        el.innerHTML = await f.render.call(f, val);
-      } else if (typeof f === 'function') {
-        el.innerHTML = await f(val);
-      }
-    } catch(e) { console.error(e) }
-  }
-};
-
-// 2. Proxies setup
-const cProx = new Proxy({}, {
-  set(t, p, v) {
-    t[p] = v;
-    setTimeout(() => {
-      if (W.$$ && D.body) {
-        W.$$(p).forEach(el => ren(el));
-      }
-    }, 0);
-    return true;
-  }
-});
-Object.defineProperty(W, 'custom', { 
-  get: () => cProx, 
-  set: v => { 
-    Object.keys(v || {}).forEach(k => cProx[k] = v[k]); 
-    // Defer initialization to ensure DOM and functions are ready
-    setTimeout(() => {
-      if (W.initCustomElements && D.body) W.initCustomElements();
-    }, 50);
-  },
-  configurable: true
-});
-
-const sProx = new Proxy({}, {
-  set(o, p, v) {
-    o[p] = v;
-    W.$$(`[data="${p}"]`).forEach(el => ren(el, v));
-    return true;
-  }
-});
-
-// 3. API & DOM Helpers
-const req = (m, k, b) => fetch(`${W.api_url}/${k ? Enc(k) : ''}`, {
-  method: m, body: b instanceof Blob || typeof b === 'string' ? b : JSON.stringify(b)
-});
-
-Object.assign(W, {
-  $: s => D.querySelector(s),
-  $$: s => D.querySelectorAll(s),
-  $c: s => $0.closest(s),
-  state: sProx,
-  get: k => req('GET', k).then(r => r.json()),
-  set: (k, v) => req('POST', k, v).then(r => r.json()),
-  put: (k, v) => req('PUT', k, v).then(r => r.json()),
-  delete: k => req('DELETE', k).then(r => r.json()),
-  purge: k => req('PURGE', k).then(r => r.json()),
-  list: () => req('PROPFIND').then(r => r.json()),
-  login: () => W.location.href = `${W.api_url}/login`,
-  logout: () => W.location.href = `${W.api_url}/logout`,
-  download: async (k) => {
-    const r = await req('PATCH', k);
-    if (!r.ok) throw new Error('Download failed');
-    const a = D.createElement('a');
-    a.href = URL.createObjectURL(await r.blob());
-    a.download = k;
-    a.click();
-    URL.revokeObjectURL(a.href);
-  },
-  initCustomElements: () => {
-    if (!D.body) return;
-    Object.keys(W.custom || {}).forEach(t => {
-      const elements = W.$$(t);
-      if (elements.length > 0) {
-        elements.forEach(el => ren(el));
-      }
-    });
-  }
-});
-
-// 4. Initialization & Observers
-const boot = () => {
-  if (W.initCustomElements) {
-    // Run immediately and also after a short delay to catch any elements added during script execution
-    W.initCustomElements();
-    setTimeout(() => W.initCustomElements(), 10);
-  }
-  if (D.body) {
-    new MutationObserver((mutations) => {
-      mutations.forEach(m => {
-        m.addedNodes.forEach(node => {
-          if (node.nodeType === 1) { // Element node
-            const tag = node.tagName?.toLowerCase();
-            if (tag && W.custom?.[tag]) ren(node);
-            // Also check children
-            node.querySelectorAll && Array.from(node.querySelectorAll('*')).forEach(child => {
-              const childTag = child.tagName?.toLowerCase();
-              if (childTag && W.custom?.[childTag]) ren(child);
-            });
-          }
-        });
-      });
-    }).observe(D.body, { childList: true, subtree: true });
-  }
-};
-if (D.readyState === 'loading') {
-  D.addEventListener('DOMContentLoaded', boot);
-} else {
-  setTimeout(boot, 0);
-}

package/public/index.html

@@ -1,48 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>API Test</title>
-  <script>
-    window.api_url = 'https://localhost:3000';
-  </script>
-  <script src="custom.js"></script>
-  <script src="client.js"></script>
-  <style>
-    body { font-family: sans-serif; max-width: 800px; margin: 20px auto; padding: 20px; }
-    .section { margin: 20px 0; padding: 15px; border: 1px solid #ddd; border-radius: 5px; }
-    input, button { margin: 5px; padding: 8px; }
-    input { width: 200px; }
-    button { cursor: pointer; }
-    #result { margin-top: 10px; padding: 10px; background: #f5f5f5; border-radius: 3px; white-space: pre-wrap; }
-    .error { color: red; }
-    .success { color: green; }
-  </style>
-</head>
-<body>
-  <h1>Server API Test</h1>
-
-  <div class="section">
-    <h2>KV Storage</h2>
-    <input type="text" id="kv-key" placeholder="Key" value="test-key">
-    <input type="text" id="kv-value" placeholder="Value" value="test-value">
-    <button onclick="window.set(document.querySelector('#kv-key').value, document.querySelector('#kv-value').value).then(r => window.$('#result').textContent = JSON.stringify(r)).catch(err => window.$('#result').textContent = 'Error: ' + err.message)">POST</button>
-    <button onclick="window.get(document.querySelector('#kv-key').value).then(r => window.$('#result').textContent = JSON.stringify(r)).catch(err => window.$('#result').textContent = 'Error: ' + err.message)">GET</button>
-    <button onclick="window.delete(document.querySelector('#kv-key').value).then(r => window.$('#result').textContent = JSON.stringify(r)).catch(err => window.$('#result').textContent = 'Error: ' + err.message)">DELETE</button>
-  </div>
-
-  <div class="section">
-    <h2>R2 Storage</h2>
-    <file-widget></file-widget>
-  </div>
-
-  <div class="section">
-    <h2>Auth</h2>
-    <button onclick="window.login()">Login</button>
-    <button onclick="window.logout()">Logout</button>
-  </div>
-
-  <pre id="result"></pre>
-</body>
-</html>