enigmatic 0.33.0 → 0.35.0

package/public/client.css

@@ -1,286 +0,0 @@
-html {
-  max-width: 70ch;
-  /* larger spacing on larger screens, very small spacing on tiny screens */
-  padding: calc(1vmin + .5rem);
-  /* shorthand for margin-left/margin-right */
-  margin-inline: auto;
-  /* fluid sizing: https://frontaid.io/blog/fluid-typography-2d-css-locks-clamp/ */
-  font-size: clamp(1em, 0.909em + 0.45vmin, 1.25em);
-  /* use system font stack: https://developer.mozilla.org/en-US/docs/Web/CSS/font-family */
-  font-family: system-ui
-}
-
-/* increase line-height for everything except headings */
-body :not(:is(h1, h2, h3, h4, h5, h6)) {
-  line-height: 1.75;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  margin: 3em 0 1em;
-}
-
-p,
-ul,
-ol {
-  margin-bottom: 2em;
-  color: #1d1d1d;
-}
-
-body,
-section {
-  display: grid;
-  margin: 0;
-  grid-template-columns: var(--cols, 1fr 4fr 1fr);
-  grid-template-rows: var(--rows, 1fr 9fr 1fr);
-}
-
-* {
-  grid-column: span var(--span, 1);
-  grid-row: span var(--span-rows, 1);
-}
-
-.flex {
-  display: flex;
-}
-
-/** positioning ***/
-
-.center {
-  position: fixed;
-  top: 50%;
-  left: 50%;
-  margin-top: -50px;
-  margin-left: -100px;
-}
-
-.right {
-  float: right;
-}
-
-.left {
-  float: left;
-}
-
-.fixed {
-  position: fixed;
-}
-
-.top {
-  top: 0;
-}
-
-.bottom {
-  bottom: 0
-}
-
-.fill {
-  height: 100vh;
-  width: 100wh
-}
-
-.hide {
-  opacity: 0;
-  transition: opacity 0.25s linear;
-}
-
-.show {
-  opacity: 1;
-  transition: opacity 0.25s linear;
-}
-
-.slide-in {
-  animation: slide-in 0.1s forwards;
-  -webkit-animation: slide-in 0.1s forwards;
-}
-
-.slide-out {
-  animation: slide-out 0.1s forwards;
-  -webkit-animation: slide-out 0.1s forwards;
-}
-
-@keyframes slide-in {
-  100% {
-    transform: translateX(0%);
-  }
-}
-
-@-webkit-keyframes slide-in {
-  100% {
-    -webkit-transform: translateX(0%);
-  }
-}
-
-@keyframes slide-out {
-  0% {
-    transform: translateX(0%);
-  }
-
-  100% {
-    transform: translateX(-100%);
-  }
-}
-
-@-webkit-keyframes slide-out {
-  0% {
-    -webkit-transform: translateX(0%);
-  }
-
-  100% {
-    -webkit-transform: translateX(-100%);
-  }
-}
-
-a {
-  text-decoration: none;
-}
-
-.shadow {
-  box-shadow: 6px 6px 6px #dbdbdb;
-}
-
-.cursor {
-  cursor: default;
-}
-
-.margins {
-  margin: var(--margins, 15px);
-}
-
-.padding {
-  padding: var(--padding, 15px);
-}
-
-.rem {
-  font-size: var(--rem, 2rem);
-}
-
-.faded {
-  opacity: 0.5;
-}
-
-.fade {
-  opacity: 1;
-  transition: opacity 0.25s ease-in-out;
-  -moz-transition: opacity 0.25s ease-in-out;
-  -webkit-transition: opacity 0.25s ease-in-out;
-}
-
-.fade:hover {
-  opacity: 0.5;
-}
-
-.unfade {
-  opacity: 0.5;
-  transition: opacity 0.25s ease-in-out;
-  -moz-transition: opacity 0.25s ease-in-out;
-  -webkit-transition: opacity 0.25s ease-in-out;
-}
-
-.unfade:hover {
-  opacity: 1;
-}
-
-.rounded {
-  -moz-border-radius: 10px;
-  -webkit-border-radius: 10px;
-  border-radius: 10px;
-  -khtml-border-radius: 10px;
-}
-
-.round {
-  vertical-align: middle;
-  width: 50px;
-  height: 50px;
-  border-radius: 50%;
-}
-
-/** html elements **/
-
-canvas {
-  position: fixed;
-  top: 0;
-  left: 0;
-}
-
-ul {
-  list-style-type: none;
-  border: 20px;
-  padding: 20px;
-  width: 50%;
-}
-
-li {
-  list-style-type: none;
-  border: 10px;
-  padding: 10px;
-}
-
-li:hover {
-  background-color: rgb(243, 241, 241);
-  cursor: pointer;
-}
-
-.opacity1 {
-  opacity: .1
-}
-
-.opacity2 {
-  opacity: .2
-}
-
-.opacity3 {
-  opacity: .3
-}
-
-.opacity4 {
-  opacity: .4
-}
-
-.opacity5 {
-  opacity: .5
-}
-
-.opacity6 {
-  opacity: .6
-}
-
-.opacity7 {
-  opacity: .7
-}
-
-.opacity8 {
-  opacity: .8
-}
-
-.opacity9 {
-  opacity: .9
-}
-
-.bg-red {
-  background-color: red;
-}
-
-.bg-blue {
-  background-color: blue;
-}
-
-.bg-yellow {
-  background-color: yellow;
-}
-
-.bg-green {
-  background-color: green;
-}
-
-.bg-black {
-  background-color: black;
-}
-
-.white {
-  color: white;
-}

package/public/client.js

@@ -1,80 +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 { el.innerHTML = await (f.render || f)(val) } catch(e) { console.error(e) }
-  }
-};
-
-// 2. Proxies setup
-const cProx = new Proxy({}, {
-  set(t, p, v) {
-    t[p] = v;
-    setTimeout(() => W.$$(p).forEach(el => ren(el)), 0);
-    return true;
-  }
-});
-Object.defineProperty(W, 'custom', { get: () => cProx, set: v => Object.assign(cProx, v) });
-
-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: () => Object.keys(W.custom || {}).forEach(t => W.$$(t).forEach(el => ren(el)))
-});
-
-// 4. Initialization & Observers
-const boot = () => {
-  W.initCustomElements();
-  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 });
-};
-D.readyState === 'loading' ? D.addEventListener('DOMContentLoaded', boot) : boot();

package/public/custom.js

@@ -1,29 +0,0 @@
-window.custom = {
-  "hello-world": (data) => `Hello ${data}`,
-  "hello-world-2": {
-    prop: (data) => `${data} World`,
-    render: function(data) { 
-      return this.prop(data); 
-    }
-  },
-"file-widget": async () => {
-  const list = await window.list();
-  const style = `<style>.w-c{font:13px sans-serif;border:1px solid #ddd;border-radius:6px;overflow:hidden;max-width:320px}.w-i{display:flex;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #f0f0f0;align-items:center}.w-i:hover{background:#f9f9f9}.w-d{border:none;background:none;cursor:pointer;opacity:.5;transition:.2s}.w-d:hover{opacity:1}.w-u{display:block;padding:10px;background:#f5f5f5;text-align:center;cursor:pointer;color:#555;font-weight:600;transition:.2s}.w-u:hover{background:#eee}</style>`;
-  
-  const items = list.map(item => `
-    <div class="w-i">
-      <span style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:10px">${item.name}</span>
-      <button class="w-d" onclick="window.download('${item.name}')" title="Download">⬇️</button>
-      <button class="w-d" onclick="(async()=>{await window.purge('${item.name}');location.reload()})()" title="Delete">🗑️</button>
-    </div>`
-  ).join('');
-
-  const upload = `
-    <label class="w-u">
-      📂 Upload
-      <input type="file" style="display:none" onchange="(async()=>{const f=this.files[0];if(f){await window.put(f.name,f);location.reload()}})()">
-    </label>`;
-
-  return style + `<div class="w-c">${items}${upload}</div>`;
-}
-}

package/public/index.html

@@ -1,45 +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 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>

package/public/index2.html

@@ -1,9 +0,0 @@
-<script src='client.js'></script>
-
-<script>
-  window.api_url = 'http://localhost:3000';
-  custom.hw = (data) => `Hello ${data}`;
-  state.message = "World";
-</script>
-
-<hw data="message"></hw>

package/public/theme.css

@@ -1,9 +0,0 @@
-:root {
-    --bg-color: #1d1d1d;
-    --color-primary: #f0dda3;
-    --color-secondary: #ff9800;
-    --color-tertiary: #f44336;
-    --color-quaternary: #9c27b0;
-    --color-quinary: #2196f3;
-    --color-senary: #009688;
-}