@dinoreic/fez 0.3.0 → 0.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dinoreic/fez",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "description": "Runtime custom dom elements",
   "main": "dist/fez.js",
   "type": "module",

package/src/fez/defaults.js

@@ -53,6 +53,41 @@ const loadDefaults = () => {
       }
     }
   })
+
+  // Memory store for memoization
+  const memoStore = new Map()
+
+  // memoize component content by key
+  // <fez-memoize key="unique-key">content to memoize</fez-memoize>
+  Fez('fez-memoize', class {
+    init(props) {
+      if (!props.key) {
+        Fez.error('fez-memoize: key prop is required')
+        return
+      }
+
+      if (memoStore.has(props.key)) {
+        // Restore from memory in init
+        const storedNode = memoStore.get(props.key)
+        Fez.log(`Memoize - key: "${props.key}" - restore`)
+        this.root.innerHTML = ''
+        this.root.appendChild(storedNode.cloneNode(true))
+      }
+    }
+
+    onMount(props) {
+      // Only store if not already in memory
+      if (!memoStore.has(props.key)) {
+        requestAnimationFrame(() => {
+          // Store current DOM content
+          const contentNode = document.createElement('div')
+          contentNode.innerHTML = this.root.innerHTML
+          Fez.log(`Memoize - key: "${props.key}" - set`)
+          memoStore.set(props.key, contentNode)
+        })
+      }
+    }
+  })
 }
 
 // Only load defaults if Fez is available
@@ -61,4 +96,4 @@ if (typeof Fez !== 'undefined' && Fez) {
 }
 
 // Export for use in tests
-export { loadDefaults }
+export { loadDefaults }

package/src/fez/instance.js

@@ -359,27 +359,20 @@ export default class FezBase {
       newNode.innerHTML = this.parseHtml(renderedTpl)
     }
 
-    newNode.querySelectorAll('[fez-keep]').forEach(newEl => {
-      const key = newEl.getAttribute('fez-keep')
-      const oldEl = this.root.querySelector(`[fez-keep="${key}"]`)
+    // Handle fez-keep attributes
+    this.fezKeepNode(newNode)
 
-      if (oldEl) {
-        // Keep the old element in place of the new one
-        newEl.parentNode.replaceChild(oldEl, newEl)
-      } else if (key === 'default-slot') {
-        // First render - populate the slot with current root children
-        Array.from(this.root.childNodes).forEach(child => newEl.appendChild(child))
-      }
-    })
+    // Handle fez-memoize attributes
+    this.fezMemoization(newNode)
 
     Fez.morphdom(this.root, newNode)
 
-    this.renderFezPostProcess()
+    this.fezRenderPostProcess()
 
     this.afterRender()
   }
 
-  renderFezPostProcess() {
+  fezRenderPostProcess() {
     const fetchAttr = (name, func) => {
       this.root.querySelectorAll(`*[${name}]`).forEach((n)=>{
         let value = n.getAttribute(name)
@@ -440,6 +433,43 @@ export default class FezBase {
     })
   }
 
+  fezKeepNode(newNode) {
+    newNode.querySelectorAll('[fez-keep]').forEach(newEl => {
+      const key = newEl.getAttribute('fez-keep')
+      const oldEl = this.root.querySelector(`[fez-keep="${key}"]`)
+
+      if (oldEl) {
+        // Keep the old element in place of the new one
+        newEl.parentNode.replaceChild(oldEl, newEl)
+      } else if (key === 'default-slot') {
+        // First render - populate the slot with current root children
+        Array.from(this.root.childNodes).forEach(child => newEl.appendChild(child))
+      }
+    })
+  }
+
+  fezMemoization(newNode) {
+    // Find the single memoize element in new DOM (excluding fez components)
+    const newMemoEl = newNode.querySelector('[fez-memoize]:not(.fez)')
+    if (!newMemoEl) return
+
+    this.fezMemoStore ||= new Map()
+
+    const newMemoElKey = newMemoEl.getAttribute('fez-memoize')
+    const storedNode = this.fezMemoStore.get(newMemoElKey)
+
+    if (storedNode) {
+      Fez.log(`Memoize restore ${this.fezName}: ${newMemoElKey}`)
+      newMemoEl.parentNode.replaceChild(storedNode.cloneNode(true), newMemoEl)
+    } else {
+      const oldMemoEl = this.root.querySelector('[fez-memoize]:not(.fez)')
+      if (oldMemoEl) {
+        const oldMemoElKey = oldMemoEl.getAttribute('fez-memoize')
+        this.fezMemoStore.set(oldMemoElKey, oldMemoEl.cloneNode(true))
+      }
+    }
+  }
+
   // refresh single node only
   refresh(selector) {
     alert('NEEDS FIX and remove htmlTemplate')

package/src/fez/root.js

@@ -4,6 +4,7 @@ import Gobber from './vendor/gobber.js'
 // morph dom from one state to another
 import { Idiomorph } from './vendor/idiomorph.js'
 
+import objectDump from './utils/dump.js'
 import connect from './connect.js'
 import compile from './compile.js'
 import state from './lib/global-state.js'
@@ -165,19 +166,6 @@ Fez.tag = (tag, opts = {}, html = '') => {
   // return data
 };
 
-// Resolve a function from a string or function reference
-Fez.getFunction = (pointer) => {
-  if (!pointer) {
-    return ()=>{}
-  }
-  else if (typeof pointer === 'function') {
-    return pointer;
-  }
-  else if (typeof pointer === 'string') {
-    return new Function(pointer);
-  }
-};
-
 Fez.error = (text, show) => {
   text = `Fez: ${text}`
   console.error(text)
@@ -376,5 +364,6 @@ addUtilities(Fez)
 
 Fez.compile = compile
 Fez.state = state
+Fez.dump = objectDump
 
 export default Fez

package/src/fez/utility.js

@@ -181,4 +181,17 @@ export default (Fez) => {
   Fez.isTrue = (val) => {
     return ['1', 'true', 'on'].includes(String(val).toLowerCase())
   }
+
+  // Resolve a function from a string or function reference
+  Fez.getFunction = (pointer) => {
+    if (!pointer) {
+      return ()=>{}
+    }
+    else if (typeof pointer === 'function') {
+      return pointer;
+    }
+    else if (typeof pointer === 'string') {
+      return new Function(pointer);
+    }
+  }
 }

package/src/{log.js → fez/utils/dump.js}

@@ -1,5 +1,5 @@
 // pretty print HTML
-const LOG_PP = (html) => {
+const log_pretty_print = (html) => {
   const parts = html
     .split(/(<\/?[^>]+>)/g)
     .map(p => p.trim())
@@ -55,50 +55,58 @@ const LOG = (() => {
   const logTypes = []; // Track the original type of each log
   let currentIndex = 0;
 
-  return o => {
-    if (!document.body) {
-      window.requestAnimationFrame( () => LOG(o) )
-      return
-    }
-
-    if (o instanceof Node) {
-      o = LOG_PP(o.outerHTML)
-    }
-
-    // Store the original type
-    let originalType = typeof o;
-
-    if (o === undefined) { o = 'undefined' }
-    if (o === null) { o = 'null' }
-
-    if (Array.isArray(o)) {
-      originalType = 'array';
-    } else if (typeof o === 'object' && o !== null) {
-      originalType = 'object';
+  // Add ESC key handler
+  document.addEventListener('keydown', (e) => {
+    if (e.key === 'Escape') {
+      e.preventDefault();
+      const dialog = document.getElementById('dump-dialog');
+      const button = document.getElementById('log-reopen-button');
+
+      if (dialog) {
+        // Close dialog
+        dialog.remove();
+        localStorage.setItem('_LOG_CLOSED', 'true');
+        createLogButton();
+      } else if (button) {
+        // Open dialog
+        button.remove();
+        localStorage.setItem('_LOG_CLOSED', 'false');
+        showLogDialog();
+      }
     }
-
-    if (typeof o != 'string') {
-      o = JSON.stringify(o, (key, value) => {
-        if (typeof value === 'function') {
-          return String(value);
-        }
-        return value;
-      }, 2).replaceAll('<', '&lt;')
+  });
+
+  const createLogButton = () => {
+    let btn = document.getElementById('log-reopen-button');
+    if (!btn) {
+      btn = document.body.appendChild(document.createElement('button'));
+      btn.id = 'log-reopen-button';
+      btn.innerHTML = '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:middle;margin-right:4px"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>LOG';
+      btn.style.cssText =
+        'position:fixed; top: 10px; right: 10px;' +
+        'padding:10px 20px;background:#ff3333;color:#fff;border:none;' +
+        'cursor:pointer;font:14px/1.4 monospace;z-index:2147483647;' +
+        'border-radius:8px;display:flex;align-items:center;' +
+        'opacity:1;visibility:visible;box-shadow:0 4px 12px rgba(255,51,51,0.3)';
+      btn.onclick = () => {
+        btn.remove();
+        localStorage.setItem('_LOG_CLOSED', 'false');
+        showLogDialog();
+      };
     }
+  };
 
-    o = o.trim()
-
-    logs.push(o + `\n\ntype: ${originalType}`);
-    logTypes.push(originalType);
-
+  const showLogDialog = () => {
     let d = document.getElementById('dump-dialog');
     if (!d) {
       d = document.body.appendChild(document.createElement('div'));
       d.id = 'dump-dialog';
+      const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
       d.style.cssText =
-        'position:fixed;top:30px;left:30px;right:50px;bottom:50px;' +
-        'background:#fff;border:1px solid#333;box-shadow:0 0 10px rgba(0,0,0,0.5);' +
-        'padding:20px;overflow:auto;z-index:9999;font:13px/1.4 monospace;white-space:pre';
+        'position:absolute; top:' + (scrollTop + 20) + 'px; left: 20px; right:20px;' +
+        'background:#fff; border:1px solid #333; box-shadow:0 0 10px rgba(0,0,0,0.5);' +
+        'padding:20px; overflow:auto; z-index:2147483646; font:13px/1.4 monospace;' +
+        'white-space:pre; display:block; opacity:1; visibility:visible';
     }
 
     // Check if we have a saved index and it's still valid
@@ -119,7 +127,7 @@ const LOG = (() => {
             bgColor = '#d8d5ef'; // super light indigo
           }
         }
-        return `<button style="padding:4px 8px;margin:0;cursor:pointer;background:${i === currentIndex ? '#333' : bgColor};color:${i === currentIndex ? '#fff' : '#000'}" data-index="${i}">${i + 1}</button>`
+        return `<button style="font-size: 14px; font-weight: 400; padding:2px 6px; margin: 0 2px 2px 0;cursor:pointer;background:${i === currentIndex ? '#333' : bgColor};color:${i === currentIndex ? '#fff' : '#000'}" data-index="${i}">${i + 1}</button>`
       }).join('');
 
       d.innerHTML =
@@ -128,10 +136,14 @@ const LOG = (() => {
         '<div style="display:flex;flex-wrap:wrap;gap:4px;flex:1;margin-right:10px">' + buttons + '</div>' +
         '<button style="padding:4px 8px;cursor:pointer;flex-shrink:0">&times;</button>' +
         '</div>' +
-        '<xmp style="flex:1;overflow:auto;margin:0;padding:0;color:#000;background:#fff;font-size:14px;line-height:22px">' + logs[currentIndex] + '</xmp>' +
+        '<xmp style="font-family:monospace;flex:1;overflow:auto;margin:0;padding:0;color:#000;background:#fff;font-size:14px;line-height:22px">' + logs[currentIndex] + '</xmp>' +
         '</div>';
 
-      d.querySelector('button[style*="flex-shrink:0"]').onclick = () => d.remove();
+      d.querySelector('button[style*="flex-shrink:0"]').onclick = () => {
+        d.remove();
+        localStorage.setItem('_LOG_CLOSED', 'true');
+        createLogButton();
+      };
 
       d.querySelectorAll('button[data-index]').forEach(btn => {
         btn.onclick = () => {
@@ -144,11 +156,56 @@ const LOG = (() => {
 
     renderContent();
   };
+
+  return o => {
+    if (!document.body) {
+      window.requestAnimationFrame( () => LOG(o) )
+      return
+    }
+
+    if (o instanceof Node) {
+      o = log_pretty_print(o.outerHTML)
+    }
+
+    // Store the original type
+    let originalType = typeof o;
+
+    if (o === undefined) { o = 'undefined' }
+    if (o === null) { o = 'null' }
+
+    if (Array.isArray(o)) {
+      originalType = 'array';
+    } else if (typeof o === 'object' && o !== null) {
+      originalType = 'object';
+    }
+
+    if (typeof o != 'string') {
+      o = JSON.stringify(o, (key, value) => {
+        if (typeof value === 'function') {
+          return String(value);
+        }
+        return value;
+      }, 2).replaceAll('<', '&lt;')
+    }
+
+    o = o.trim()
+
+    logs.push(o + `\n\ntype: ${originalType}`);
+    logTypes.push(originalType);
+
+    // Check if log was previously closed
+    const isClosed = localStorage.getItem('_LOG_CLOSED') === 'true';
+
+    if (isClosed) {
+      createLogButton();
+    } else {
+      showLogDialog();
+    }
+  };
 })();
 
-if (typeof window !== 'undefined') {
+if (typeof window !== 'undefined' && !window.LOG) {
   window.LOG = LOG
-  window.LOG_PP = LOG_PP
 }
 
 export default LOG

package/dist/log.js

@@ -1,5 +0,0 @@
-(()=>{var u=o=>{let a=o.split(/(<\/?[^>]+>)/g).map(i=>i.trim()).filter(i=>i),n=0,t=[];for(let i=0;i<a.length;i++){let e=a[i],s=a[i+1],p=a[i+2];if(e.startsWith("<"))if(!e.startsWith("</")&&!e.endsWith("/>")&&s&&!s.startsWith("<")&&p&&p.startsWith("</")){let r=Math.max(0,n);t.push("  ".repeat(r)+e+s+p),i+=2}else if(e.startsWith("</")){n--;let r=Math.max(0,n);t.push("  ".repeat(r)+e)}else if(e.endsWith("/>")||e.includes(" />")){let r=Math.max(0,n);t.push("  ".repeat(r)+e)}else{let r=Math.max(0,n);t.push("  ".repeat(r)+e),n++}else if(e){let r=Math.max(0,n);t.push("  ".repeat(r)+e)}}return t.join(`
-`)},c=(()=>{let o=[],a=[],n=0;return t=>{if(!document.body){window.requestAnimationFrame(()=>c(t));return}t instanceof Node&&(t=u(t.outerHTML));let i=typeof t;t===void 0&&(t="undefined"),t===null&&(t="null"),Array.isArray(t)?i="array":typeof t=="object"&&t!==null&&(i="object"),typeof t!="string"&&(t=JSON.stringify(t,(r,l)=>typeof l=="function"?String(l):l,2).replaceAll("<","&lt;")),t=t.trim(),o.push(t+`
-
-type: ${i}`),a.push(i);let e=document.getElementById("dump-dialog");e||(e=document.body.appendChild(document.createElement("div")),e.id="dump-dialog",e.style.cssText="position:fixed;top:30px;left:30px;right:50px;bottom:50px;background:#fff;border:1px solid#333;box-shadow:0 0 10px rgba(0,0,0,0.5);padding:20px;overflow:auto;z-index:9999;font:13px/1.4 monospace;white-space:pre");let s=parseInt(localStorage.getItem("_LOG_INDEX"));!isNaN(s)&&s>=0&&s<o.length?n=s:n=o.length-1;let p=()=>{let r=o.map((l,d)=>{let f="#f0f0f0";return d!==n&&(a[d]==="object"?f="#d6e3ef":a[d]==="array"&&(f="#d8d5ef")),`<button style="padding:4px 8px;margin:0;cursor:pointer;background:${d===n?"#333":f};color:${d===n?"#fff":"#000"}" data-index="${d}">${d+1}</button>`}).join("");e.innerHTML='<div style="display:flex;flex-direction:column;height:100%"><div style="display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px"><div style="display:flex;flex-wrap:wrap;gap:4px;flex:1;margin-right:10px">'+r+'</div><button style="padding:4px 8px;cursor:pointer;flex-shrink:0">&times;</button></div><xmp style="flex:1;overflow:auto;margin:0;padding:0;color:#000;background:#fff;font-size:14px;line-height:22px">'+o[n]+"</xmp></div>",e.querySelector('button[style*="flex-shrink:0"]').onclick=()=>e.remove(),e.querySelectorAll("button[data-index]").forEach(l=>{l.onclick=()=>{n=parseInt(l.dataset.index),localStorage.setItem("_LOG_INDEX",n),p()}})};p()}})();typeof window<"u"&&(window.LOG=c,window.LOG_PP=u);var x=c;})();
-//# sourceMappingURL=log.js.map

package/dist/log.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/log.js"],
-  "sourcesContent": ["// pretty print HTML\nconst LOG_PP = (html) => {\n  const parts = html\n    .split(/(<\\/?[^>]+>)/g)\n    .map(p => p.trim())\n    .filter(p => p);\n\n  let indent = 0;\n  const lines = [];\n\n  for (let i = 0; i < parts.length; i++) {\n    const part = parts[i];\n    const nextPart = parts[i + 1];\n    const nextNextPart = parts[i + 2];\n\n    // Check if it's a tag\n    if (part.startsWith('<')) {\n      // Check if this is an opening tag followed by text and then its closing tag\n      if (!part.startsWith('</') && !part.endsWith('/>') && nextPart && !nextPart.startsWith('<') && nextNextPart && nextNextPart.startsWith('</')) {\n        // Combine them on one line\n        const actualIndent = Math.max(0, indent);\n        lines.push('  '.repeat(actualIndent) + part + nextPart + nextNextPart);\n        i += 2; // Skip the next two parts\n      }\n      // Closing tag\n      else if (part.startsWith('</')) {\n        indent--;\n        const actualIndent = Math.max(0, indent);\n        lines.push('  '.repeat(actualIndent) + part);\n      }\n      // Self-closing tag\n      else if (part.endsWith('/>') || part.includes(' />')) {\n        const actualIndent = Math.max(0, indent);\n        lines.push('  '.repeat(actualIndent) + part);\n      }\n      // Opening tag\n      else {\n        const actualIndent = Math.max(0, indent);\n        lines.push('  '.repeat(actualIndent) + part);\n        indent++;\n      }\n    }\n    // Text node\n    else if (part) {\n      const actualIndent = Math.max(0, indent);\n      lines.push('  '.repeat(actualIndent) + part);\n    }\n  }\n\n  return lines.join('\\n');\n}\n\nconst LOG = (() => {\n  const logs = [];\n  const logTypes = []; // Track the original type of each log\n  let currentIndex = 0;\n\n  return o => {\n    if (!document.body) {\n      window.requestAnimationFrame( () => LOG(o) )\n      return\n    }\n\n    if (o instanceof Node) {\n      o = LOG_PP(o.outerHTML)\n    }\n\n    // Store the original type\n    let originalType = typeof o;\n\n    if (o === undefined) { o = 'undefined' }\n    if (o === null) { o = 'null' }\n\n    if (Array.isArray(o)) {\n      originalType = 'array';\n    } else if (typeof o === 'object' && o !== null) {\n      originalType = 'object';\n    }\n\n    if (typeof o != 'string') {\n      o = JSON.stringify(o, (key, value) => {\n        if (typeof value === 'function') {\n          return String(value);\n        }\n        return value;\n      }, 2).replaceAll('<', '&lt;')\n    }\n\n    o = o.trim()\n\n    logs.push(o + `\\n\\ntype: ${originalType}`);\n    logTypes.push(originalType);\n\n    let d = document.getElementById('dump-dialog');\n    if (!d) {\n      d = document.body.appendChild(document.createElement('div'));\n      d.id = 'dump-dialog';\n      d.style.cssText =\n        'position:fixed;top:30px;left:30px;right:50px;bottom:50px;' +\n        'background:#fff;border:1px solid#333;box-shadow:0 0 10px rgba(0,0,0,0.5);' +\n        'padding:20px;overflow:auto;z-index:9999;font:13px/1.4 monospace;white-space:pre';\n    }\n\n    // Check if we have a saved index and it's still valid\n    const savedIndex = parseInt(localStorage.getItem('_LOG_INDEX'));\n    if (!isNaN(savedIndex) && savedIndex >= 0 && savedIndex < logs.length) {\n      currentIndex = savedIndex;\n    } else {\n      currentIndex = logs.length - 1;\n    }\n\n    const renderContent = () => {\n      const buttons = logs.map((_, i) => {\n        let bgColor = '#f0f0f0'; // default\n        if (i !== currentIndex) {\n          if (logTypes[i] === 'object') {\n            bgColor = '#d6e3ef'; // super light blue\n          } else if (logTypes[i] === 'array') {\n            bgColor = '#d8d5ef'; // super light indigo\n          }\n        }\n        return `<button style=\"padding:4px 8px;margin:0;cursor:pointer;background:${i === currentIndex ? '#333' : bgColor};color:${i === currentIndex ? '#fff' : '#000'}\" data-index=\"${i}\">${i + 1}</button>`\n      }).join('');\n\n      d.innerHTML =\n        '<div style=\"display:flex;flex-direction:column;height:100%\">' +\n        '<div style=\"display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px\">' +\n        '<div style=\"display:flex;flex-wrap:wrap;gap:4px;flex:1;margin-right:10px\">' + buttons + '</div>' +\n        '<button style=\"padding:4px 8px;cursor:pointer;flex-shrink:0\">&times;</button>' +\n        '</div>' +\n        '<xmp style=\"flex:1;overflow:auto;margin:0;padding:0;color:#000;background:#fff;font-size:14px;line-height:22px\">' + logs[currentIndex] + '</xmp>' +\n        '</div>';\n\n      d.querySelector('button[style*=\"flex-shrink:0\"]').onclick = () => d.remove();\n\n      d.querySelectorAll('button[data-index]').forEach(btn => {\n        btn.onclick = () => {\n          currentIndex = parseInt(btn.dataset.index);\n          localStorage.setItem('_LOG_INDEX', currentIndex);\n          renderContent();\n        };\n      });\n    };\n\n    renderContent();\n  };\n})();\n\nif (typeof window !== 'undefined') {\n  window.LOG = LOG\n  window.LOG_PP = LOG_PP\n}\n\nexport default LOG\n"],
-  "mappings": "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",
-  "names": ["LOG_PP", "html", "parts", "p", "indent", "lines", "part", "nextPart", "nextNextPart", "actualIndent", "LOG", "logs", "logTypes", "currentIndex", "o", "originalType", "key", "value", "d", "savedIndex", "renderContent", "buttons", "_", "i", "bgColor", "btn", "log_default"]
-}