thatcher 1.0.38 → 1.0.40

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "thatcher",
-  "version": "1.0.38",
+  "version": "1.0.40",
   "description": "A config-driven application framework for building data-intensive web apps without code.",
   "main": "src/index.js",
   "type": "module",
@@ -49,7 +49,7 @@
     "bun": ">=1.0.0"
   },
   "dependencies": {
-    "arctic": "^1.9.2",
+    "arctic": "^3.7.0",
     "bcrypt": "^6.0.0",
     "busybase": "^1.0.2",
     "googleapis": "^173.0.0",

package/src/ui/perf-helpers.js

@@ -1,96 +0,0 @@
-import { memoize } from '@/lib/render-cache.js'
-
-export const renderLargeList = memoize(function renderLargeList(items, renderFn, options = {}) {
-  const { chunkSize = 100, useVirtual = false } = options
-  if (!items || items.length === 0) return ''
-  if (items.length <= chunkSize || !useVirtual) {
-    return items.map(renderFn).join('')
-  }
-  const visible = items.slice(0, chunkSize)
-  const deferred = items.slice(chunkSize)
-  return visible.map(renderFn).join('') +
-    `<tr class="defer-load" data-count="${deferred.length}"><td colspan="99" class="text-center text-gray-500 py-4">Loading ${deferred.length} more...</td></tr>`
-})
-
-export const batchRender = memoize(function batchRender(items, renderFn, batchSize = 50) {
-  if (!items || items.length === 0) return ''
-  const batches = []
-  for (let i = 0; i < items.length; i += batchSize) {
-    batches.push(items.slice(i, i + batchSize))
-  }
-  return batches.map((batch, idx) => {
-    const html = batch.map(renderFn).join('')
-    if (idx === 0) return html
-    return `<div class="defer-load" data-content="${escapeAttr(html)}"></div>`
-  }).join('')
-})
-
-function escapeAttr(str) {
-  return String(str).replace(/"/g, '&quot;').replace(/'/g, '&#39;')
-}
-
-export function eventDelegation(containerId, selector, eventType, handlerCode) {
-  return `
-(function(){
-const c=document.getElementById('${containerId}');
-if(!c)return;
-c.addEventListener('${eventType}',function(e){
-  const t=e.target.closest('${selector}');
-  if(t){${handlerCode}}
-});
-})();
-`.trim()
-}
-
-export function optimizeTableScroll(tableId) {
-  return `
-(function(){
-const t=document.getElementById('${tableId}');
-if(!t)return;
-let ticking=false;
-t.addEventListener('scroll',()=>{
-  if(!ticking){
-    requestAnimationFrame(()=>{
-      ticking=false;
-    });
-    ticking=true;
-  }
-});
-})();
-`.trim()
-}
-
-export const styleFragment = memoize(function styleFragment(styles) {
-  return `<style>${Object.entries(styles).map(([k, v]) => `${k}{${v}}`).join('')}</style>`
-})
-
-export function minifyHtml(html) {
-  return html
-    .replace(/\s+/g, ' ')
-    .replace(/>\s+</g, '><')
-    .replace(/\s+>/g, '>')
-    .replace(/<\s+/g, '<')
-    .trim()
-}
-
-export const progressiveEnhance = memoize(function progressiveEnhance(baseHtml, enhancedHtml) {
-  return baseHtml + `<noscript>${enhancedHtml}</noscript>`
-})
-
-export function createSkeleton(type = 'list', count = 3) {
-  if (type === 'list') {
-    return Array(count).fill(0).map(() =>
-      `<div class="skeleton-row" style="height:48px;background:#f3f4f6;margin:8px 0;border-radius:4px;animation:pulse 1.5s ease-in-out infinite"></div>`
-    ).join('')
-  }
-  if (type === 'card') {
-    return Array(count).fill(0).map(() =>
-      `<div class="skeleton-card" style="width:100%;height:200px;background:#f3f4f6;border-radius:8px;animation:pulse 1.5s ease-in-out infinite"></div>`
-    ).join('')
-  }
-  return ''
-}
-
-export function perfBudget(key, maxMs) {
-  return `performance.mark('${key}-start');(window.requestIdleCallback||function(cb){setTimeout(cb,1)})(()=>{performance.mark('${key}-end');const m=performance.measure('${key}','${key}-start','${key}-end');if(m.duration>${maxMs})console.warn('[PERF] ${key} exceeded budget: '+m.duration.toFixed(2)+'ms > ${maxMs}ms')});`
-}

package/src/ui/validation-rules.js

@@ -1,73 +0,0 @@
-export const ValidationPatterns = {
-  email: /^[^\s@]+@[^\s@]+\.[^\s@]+$/,
-  phone: /^[+]?[(]?[0-9]{3}[)]?[-\s.]?[0-9]{3}[-\s.]?[0-9]{4,6}$/,
-  url: /^https?:\/\/(www\.)?[-a-zA-Z0-9@:%._+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_+.~#?&//=]*)$/,
-  zip: /^\d{5}(-\d{4})?$/,
-  alpha: /^[a-zA-Z]+$/,
-  alphanumeric: /^[a-zA-Z0-9]+$/,
-  numeric: /^[0-9]+$/,
-  xss: /<script[^>]*>|javascript:|on\w+\s*=|<iframe|<object|<embed/gi
-};
-
-export const ValidationRules = {
-  required(value) {
-    return value !== null && value !== undefined && value !== '' ? null : 'This field is required';
-  },
-  
-  minLength(value, min) {
-    return (!value || value.length >= min) ? null : `Minimum length is ${min} characters`;
-  },
-  
-  maxLength(value, max) {
-    return (!value || value.length <= max) ? null : `Maximum length is ${max} characters`;
-  },
-  
-  min(value, min) {
-    const num = Number(value);
-    return (!value || !isNaN(num) && num >= min) ? null : `Minimum value is ${min}`;
-  },
-  
-  max(value, max) {
-    const num = Number(value);
-    return (!value || !isNaN(num) && num <= max) ? null : `Maximum value is ${max}`;
-  },
-  
-  pattern(value, patternName) {
-    const pattern = ValidationPatterns[patternName];
-    if (!pattern) return `Unknown pattern: ${patternName}`;
-    return (!value || pattern.test(value)) ? null : `Invalid format for ${patternName}`;
-  },
-  
-  email(value) {
-    return (!value || ValidationPatterns.email.test(value)) ? null : 'Invalid email address';
-  },
-  
-  url(value) {
-    return (!value || ValidationPatterns.url.test(value)) ? null : 'Invalid URL';
-  },
-  
-  phone(value) {
-    return (!value || ValidationPatterns.phone.test(value)) ? null : 'Invalid phone number';
-  },
-  
-  noXSS(value) {
-    return (!value || !ValidationPatterns.xss.test(value)) ? null : 'Invalid characters detected';
-  },
-  
-  match(value, matchFieldId) {
-    const matchField = document.getElementById(matchFieldId);
-    const matchValue = matchField ? matchField.value : '';
-    return (!value || value === matchValue) ? null : 'Values do not match';
-  },
-  
-  fileSize(file, maxSizeBytes) {
-    return (!file || file.size <= maxSizeBytes) ? null : `File size must be under ${Math.round(maxSizeBytes / 1024 / 1024)}MB`;
-  },
-  
-  fileType(file, allowedTypes) {
-    if (!file) return null;
-    const ext = file.name.split('.').pop()?.toLowerCase();
-    const allowed = allowedTypes.split(',').map(t => t.trim().toLowerCase());
-    return allowed.includes(ext) ? null : `Only ${allowedTypes} files allowed`;
-  }
-};