tw-framework 1.0.3 → 1.0.5

package/dist/tw-runtime-client.mjs

@@ -1036,10 +1036,10 @@ var CacheManager = class {
   get(key) {
     const memValue = this.memoryCache.get(key);
     if (memValue !== void 0) return memValue;
-    const sessionValue = this.sessionCache.get(key);
-    if (sessionValue !== void 0) {
-      this.memoryCache.set(key, sessionValue);
-      return sessionValue;
+    const sessionValue2 = this.sessionCache.get(key);
+    if (sessionValue2 !== void 0) {
+      this.memoryCache.set(key, sessionValue2);
+      return sessionValue2;
     }
     const persistentValue = this.persistentCache.get(key);
     if (persistentValue !== void 0) {
@@ -1330,6 +1330,9 @@ function getClipboardManager() {
 async function copyToClipboard(text, options) {
   return getClipboardManager().copyText(text, options);
 }
+async function copyText(text, options) {
+  return getClipboardManager().copyText(text, options);
+}
 async function copyHTML(html, plainText, options) {
   return getClipboardManager().copyHTML(html, plainText, options);
 }
@@ -1340,6 +1343,162 @@ async function pasteFromClipboard() {
   return getClipboardManager().readText();
 }
 
+// ../../packages/runtime/tw/performance/metrics.ts
+var LCP_THRESHOLDS = { good: 2500, poor: 4e3 };
+var FID_THRESHOLDS = { good: 100, poor: 300 };
+var CLS_THRESHOLDS = { good: 0.1, poor: 0.25 };
+var INP_THRESHOLDS = { good: 200, poor: 500 };
+var TTFB_THRESHOLDS = { good: 800, poor: 1800 };
+var FCP_THRESHOLDS = { good: 1800, poor: 3e3 };
+function getRating(value, thresholds) {
+  if (value <= thresholds.good) return "good";
+  if (value <= thresholds.poor) return "needs-improvement";
+  return "poor";
+}
+var clsValue = 0;
+var sessionValue = 0;
+var sessionEntries = [];
+function observeLCP(callback) {
+  if (typeof PerformanceObserver === "undefined") return () => {
+  };
+  const observer = new PerformanceObserver((list) => {
+    const entries = list.getEntries();
+    const lastEntry = entries[entries.length - 1];
+    const value = lastEntry.startTime;
+    callback({
+      name: "LCP",
+      value,
+      rating: getRating(value, LCP_THRESHOLDS),
+      delta: value,
+      entries,
+      id: "v3-" + Date.now()
+    });
+  });
+  observer.observe({ type: "largest-contentful-paint", buffered: true });
+  return () => observer.disconnect();
+}
+function observeFID(callback) {
+  if (typeof PerformanceObserver === "undefined") return () => {
+  };
+  const observer = new PerformanceObserver((list) => {
+    const entries = list.getEntries();
+    for (const entry of entries) {
+      const value = entry.processingStart - entry.startTime;
+      callback({
+        name: "FID",
+        value,
+        rating: getRating(value, FID_THRESHOLDS),
+        delta: value,
+        entries: [entry],
+        id: "v3-" + Date.now()
+      });
+    }
+  });
+  observer.observe({ type: "first-input", buffered: true });
+  return () => observer.disconnect();
+}
+function observeCLS(callback) {
+  if (typeof PerformanceObserver === "undefined") return () => {
+  };
+  const observer = new PerformanceObserver((list) => {
+    const entries = list.getEntries();
+    for (const entry of entries) {
+      if (!entry.hadRecentInput) {
+        const firstSessionEntry = sessionEntries[0];
+        const lastSessionEntry = sessionEntries[sessionEntries.length - 1];
+        if (firstSessionEntry && lastSessionEntry && entry.startTime - lastSessionEntry.startTime < 1e3 && entry.startTime - firstSessionEntry.startTime < 5e3) {
+          sessionValue += entry.value;
+        } else {
+          sessionValue = entry.value;
+          sessionEntries = [];
+        }
+        sessionEntries.push(entry);
+        clsValue = sessionValue;
+        callback({
+          name: "CLS",
+          value: clsValue * 1e3,
+          rating: getRating(clsValue, CLS_THRESHOLDS),
+          delta: entry.value * 1e3,
+          entries: [entry],
+          id: "v3-" + Date.now()
+        });
+      }
+    }
+  });
+  observer.observe({ type: "layout-shift", buffered: true });
+  return () => observer.disconnect();
+}
+function observeINP(callback) {
+  if (typeof PerformanceObserver === "undefined") return () => {
+  };
+  const observer = new PerformanceObserver((list) => {
+    const entries = list.getEntries();
+    let maxDuration = 0;
+    for (const entry of entries) {
+      const duration = entry.duration;
+      if (duration > maxDuration) maxDuration = duration;
+    }
+    callback({
+      name: "INP",
+      value: maxDuration,
+      rating: getRating(maxDuration, INP_THRESHOLDS),
+      delta: maxDuration,
+      entries,
+      id: "v3-" + Date.now()
+    });
+  });
+  observer.observe({ type: "event", buffered: true });
+  return () => observer.disconnect();
+}
+function observeTTFB(callback) {
+  if (typeof performance === "undefined") return () => {
+  };
+  const navEntry = performance.getEntriesByType("navigation")[0];
+  if (navEntry) {
+    const value = navEntry.responseStart - navEntry.requestStart;
+    callback({
+      name: "TTFB",
+      value,
+      rating: getRating(value, TTFB_THRESHOLDS),
+      delta: value,
+      entries: [navEntry],
+      id: "v3-" + Date.now()
+    });
+  }
+  return () => {
+  };
+}
+function observeFCP(callback) {
+  if (typeof PerformanceObserver === "undefined") return () => {
+  };
+  const observer = new PerformanceObserver((list) => {
+    const entries = list.getEntries();
+    for (const entry of entries) {
+      callback({
+        name: "FCP",
+        value: entry.startTime,
+        rating: getRating(entry.startTime, FCP_THRESHOLDS),
+        delta: entry.startTime,
+        entries: [entry],
+        id: "v3-" + Date.now()
+      });
+    }
+  });
+  observer.observe({ type: "paint", buffered: true });
+  return () => observer.disconnect();
+}
+function observeAllVitals(callback) {
+  const cleanups = [
+    observeLCP(callback),
+    observeFID(callback),
+    observeCLS(callback),
+    observeINP(callback),
+    observeTTFB(callback),
+    observeFCP(callback)
+  ];
+  return () => cleanups.forEach((cleanup) => cleanup());
+}
+
 // ../../packages/runtime/tw/ssr-streaming.ts
 var encoder = new TextEncoder();
 function toUint8(chunk) {
@@ -5912,11 +6071,14 @@ var validators = {
     if (str.length > max) return message || `Must be at most ${max} characters`;
     return true;
   },
-  email: (value) => {
+  // Factory like every other validator (docs/form-validators.md shows
+  // `const email = validators.email()`); previously this was a bare
+  // ValidatorFn, so `validators.email()(v)` threw.
+  email: (message = "Invalid email address") => (value) => {
     const str = String(value != null ? value : "");
     if (!str) return true;
     const re = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-    return re.test(str) ? true : "Invalid email address";
+    return re.test(str) ? true : message;
   },
   url: (message = "Invalid URL") => (value) => {
     const str = String(value != null ? value : "");
@@ -13468,6 +13630,7 @@ export {
   consumeContext,
   copyHTML,
   copyJSON,
+  copyText,
   copyToClipboard,
   createAnalyticsPlugin,
   createBuiltinTransitions,
@@ -13676,6 +13839,13 @@ export {
   nextTick,
   normalizeChild,
   normalizeChildren,
+  observeAllVitals,
+  observeCLS,
+  observeFCP,
+  observeFID,
+  observeINP,
+  observeLCP,
+  observeTTFB,
   observeVisibility,
   off,
   offAll,