cineview 0.0.1-beta

package/dist/blink-BGmsrTwW.mjs

@@ -0,0 +1,81 @@
+var i = {
+  blink: {
+    initial: { opacity: 1 },
+    animate: {
+      opacity: [
+        1,
+        0,
+        1,
+        0,
+        1
+      ],
+      transition: {
+        duration: 1,
+        times: [
+          0,
+          0.25,
+          0.5,
+          0.75,
+          1
+        ]
+      }
+    },
+    exit: { opacity: 0 }
+  },
+  flash: {
+    initial: { opacity: 0 },
+    animate: {
+      opacity: [
+        0,
+        1,
+        0,
+        1
+      ],
+      transition: {
+        duration: 0.8,
+        times: [
+          0,
+          0.25,
+          0.5,
+          1
+        ]
+      }
+    },
+    exit: { opacity: 0 }
+  },
+  pulse: {
+    initial: {
+      scale: 1,
+      opacity: 1
+    },
+    animate: {
+      scale: [
+        1,
+        1.05,
+        1
+      ],
+      opacity: [
+        1,
+        0.8,
+        1
+      ],
+      transition: {
+        duration: 1,
+        times: [
+          0,
+          0.5,
+          1
+        ]
+      }
+    },
+    exit: {
+      scale: 1,
+      opacity: 0
+    }
+  }
+};
+export {
+  i as blinkAnimations
+};
+
+//# sourceMappingURL=blink-BGmsrTwW.mjs.map

package/dist/blur-CQoB_VWp.mjs

@@ -0,0 +1,52 @@
+var i = {
+  "blur-in": {
+    initial: {
+      filter: "blur(10px)",
+      opacity: 0
+    },
+    animate: {
+      filter: "blur(0px)",
+      opacity: 1
+    },
+    exit: {
+      filter: "blur(0px)",
+      opacity: 1
+    }
+  },
+  "blur-out": {
+    initial: {
+      filter: "blur(0px)",
+      opacity: 1
+    },
+    animate: {
+      filter: "blur(0px)",
+      opacity: 1
+    },
+    exit: {
+      filter: "blur(10px)",
+      opacity: 0
+    }
+  },
+  "focus-in": {
+    initial: {
+      filter: "blur(20px)",
+      scale: 0.8,
+      opacity: 0
+    },
+    animate: {
+      filter: "blur(0px)",
+      scale: 1,
+      opacity: 1
+    },
+    exit: {
+      filter: "blur(0px)",
+      scale: 1,
+      opacity: 1
+    }
+  }
+};
+export {
+  i as blurAnimations
+};
+
+//# sourceMappingURL=blur-CQoB_VWp.mjs.map

package/dist/bounce-B_QJxgOq.mjs

@@ -0,0 +1,64 @@
+var i = {
+  bounce: {
+    initial: {
+      y: -100,
+      opacity: 0
+    },
+    animate: {
+      y: 0,
+      opacity: 1,
+      transition: {
+        type: "spring",
+        bounce: 0.5,
+        duration: 0.8
+      }
+    },
+    exit: {
+      y: 100,
+      opacity: 0
+    }
+  },
+  "bounce-in": {
+    initial: {
+      scale: 0,
+      opacity: 0
+    },
+    animate: {
+      scale: 1,
+      opacity: 1,
+      transition: {
+        type: "spring",
+        bounce: 0.6,
+        duration: 0.8
+      }
+    },
+    exit: {
+      scale: 1,
+      opacity: 1
+    }
+  },
+  "bounce-out": {
+    initial: {
+      scale: 1,
+      opacity: 1
+    },
+    animate: {
+      scale: 1,
+      opacity: 1
+    },
+    exit: {
+      scale: 0,
+      opacity: 0,
+      transition: {
+        type: "spring",
+        bounce: 0.6,
+        duration: 0.6
+      }
+    }
+  }
+};
+export {
+  i as bounceAnimations
+};
+
+//# sourceMappingURL=bounce-B_QJxgOq.mjs.map

package/dist/cineview-dev.css

@@ -0,0 +1,2 @@
+.cineview-perf-panel{z-index:999999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#e5e7eb;-webkit-user-select:none;user-select:none;background:#0a0d12f2;border:1px solid #ffffff1a;border-radius:8px;max-width:320px;font-family:SF Mono,Monaco,Cascadia Code,Consolas,monospace;font-size:11px;transition:background-color .2s,border-color .2s;position:fixed;box-shadow:0 8px 32px #0009}.cineview-perf-panel--top-left{top:16px;left:16px}.cineview-perf-panel--top-right{top:16px;right:16px}.cineview-perf-panel--bottom-left{bottom:16px;left:16px}.cineview-perf-panel--bottom-right{bottom:16px;right:16px}.cineview-perf-panel--collapsed{cursor:pointer;background:#0a0d12e6;padding:8px 12px}.cineview-perf-panel--collapsed:hover{background:#0f131cf2;border-color:#fff3}.cineview-perf-collapsed-label{letter-spacing:.02em;font-size:12px;font-weight:600}.cineview-perf-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.cineview-perf-header[data-draggable=true]{cursor:grab;touch-action:none}.cineview-perf-panel[data-dragging=true] .cineview-perf-header{cursor:grabbing}.cineview-perf-title{color:#f9fafb;letter-spacing:.02em;margin:0;font-size:12px;font-weight:600}.cineview-perf-toggle{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:16px;transition:all .15s;display:flex}.cineview-perf-toggle:hover{color:#f9fafb;background:#ffffff1a}.cineview-perf-body{flex-direction:column;gap:12px;padding:12px;display:flex}.cineview-perf-metrics{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.cineview-perf-metric{background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:8px;display:flex}.cineview-perf-metric-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;font-size:9px;font-weight:500}.cineview-perf-metric-value{font-variant-numeric:tabular-nums;font-size:16px;font-weight:700;line-height:1}.cineview-perf-chart{background:#ffffff05;border:1px solid #ffffff0f;border-radius:6px;padding:8px 8px 24px;position:relative}.cineview-perf-chart-title{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:9px;font-weight:500}.cineview-perf-chart-svg{width:100%;height:60px;display:block}.cineview-perf-chart-labels{color:#6b7280;font-variant-numeric:tabular-nums;flex-direction:column;gap:16px;font-size:8px;display:flex;position:absolute;top:32px;right:8px}.cineview-perf-stats{flex-direction:column;gap:6px;display:flex}.cineview-perf-stat{background:#ffffff05;border-radius:4px;justify-content:space-between;align-items:center;padding:6px 8px;display:flex}.cineview-perf-stat-label{color:#9ca3af;font-size:10px}.cineview-perf-stat-value{color:#e5e7eb;font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.cineview-perf-warning{color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf244d;border-radius:6px;padding:8px 10px;font-size:10px;line-height:1.4}.cineview-perf-warning--critical{color:#ef4444;background:#ef44441a;border-color:#ef44444d}.cineview-perf-warning-details{opacity:.9;flex-direction:column;gap:4px;margin-top:6px;font-size:9px;display:flex}.cineview-perf-tips{color:#6ee7b7;background:#6ee7b71a;border:1px solid #6ee7b74d;border-radius:6px;padding:8px 10px;font-size:10px;line-height:1.4}@media (max-width:768px){.cineview-perf-panel{max-width:280px;font-size:10px}.cineview-perf-panel--top-left,.cineview-perf-panel--top-right{top:8px}.cineview-perf-panel--top-right,.cineview-perf-panel--bottom-right{right:8px}.cineview-perf-metrics{grid-template-columns:repeat(3,1fr);gap:6px}.cineview-perf-metric{padding:6px}.cineview-perf-metric-value{font-size:14px}}@media (prefers-color-scheme:dark){.cineview-perf-panel{background:#0a0d12fa}}@media print{.cineview-perf-panel{display:none!important}}
+/*$vite$:1*/

package/dist/cineview-dev.es.mjs

@@ -0,0 +1,2 @@
+import{useRef as e,useState as i,useSyncExternalStore as r}from"react";import{jsx as a,jsxs as t}from"react/jsx-runtime";var n=new WeakMap,l=()=>null,s=()=>()=>{};function c(e,i=!0){const a=e&&i?function(e){const i=n.get(e.getPerformanceMetrics);if(i)return i;const r=function(e){let i,r=null;const a=new Set,t=()=>{const i=e.getPerformanceMetrics();r={current:i,history:[...(r?.history??[]).slice(-59),i]},a.forEach(e=>e())};return{getSnapshot:()=>r,subscribe:e=>(a.add(e),1===a.size&&(t(),i=setInterval(t,500)),()=>{a.delete(e),0===a.size&&void 0!==i&&(clearInterval(i),i=void 0)})}}(e);return n.set(e.getPerformanceMetrics,r),r}(e):null;return r(a?.subscribe??s,a?.getSnapshot??l,l)}function o({position:r="top-right",defaultExpanded:n=!0,source:l=null,enabled:s=!0,draggable:o=!0,lang:d="en"}){const[p,m]=i(n),v=e(null),f=e(null),u=c(l,s),h=u?.current??null,w=h?.fps??0,g=h?.avgFrameTime??0,b=u?.history.filter(e=>e.avgFrameTime>0).map(e=>e.fps)??[],y=null!==h&&g>32,N=null!==h&&g>50,x=w>=55?"#6ee7b7":w>=45?"#fbbf24":"#ef4444",C=g<=20?"#6ee7b7":g<=32?"#fbbf24":"#ef4444",P="zh"===d?{expand:"展开 Cineview 性能面板",collapse:"收起 Cineview 性能面板",title:"Cineview 性能",fps:"帧率",frame:"平均帧时",loaded:"已加载代码",history:"帧率历史",memory:"内存",samples:"采样数",monitor:"监视器",waiting:"等待 Cineview 引用",warning:"性能警告",issue:"性能问题",details:e=>`平均帧时：${e}（目标 <16.67ms）`,loadedTitle:"根据 Resource Timing 估算的页面 JavaScript 和 CSS，不是包 gzip 大小。"}:{expand:"Expand Cineview performance panel",collapse:"Collapse Cineview performance panel",title:"Cineview Performance",fps:"FPS",frame:"Avg Frame",loaded:"Loaded code",history:"FPS History",memory:"Memory",samples:"Samples",monitor:"Monitor",waiting:"Waiting for Cineview ref",warning:"Performance warning",issue:"Performance issue",details:e=>`Average frame time: ${e} (target <16.67ms)`,loadedTitle:"Estimated loaded page JavaScript and CSS from Resource Timing; not package gzip size."},S=e=>{f.current?.pointerId===e.pointerId&&(f.current=null,v.current?.removeAttribute("data-dragging"),e.currentTarget.hasPointerCapture(e.pointerId)&&e.currentTarget.releasePointerCapture(e.pointerId))};return p?t("section",{ref:v,className:`cineview-perf-panel cineview-perf-panel--${r}`,"aria-label":P.title,children:[t("div",{className:"cineview-perf-header",onPointerDown:e=>{if(!o||0!==e.button||e.target.closest("button"))return;const i=v.current;if(!i)return;const r=i.getBoundingClientRect();i.style.left=`${r.left}px`,i.style.top=`${r.top}px`,i.style.right="auto",i.style.bottom="auto",i.dataset.dragging="true",f.current={pointerId:e.pointerId,startX:e.clientX,startY:e.clientY,left:r.left,top:r.top},e.currentTarget.setPointerCapture(e.pointerId)},onPointerMove:e=>{const i=f.current,r=v.current;!i||!r||i.pointerId!==e.pointerId||(r.style.left=`${Math.max(8,i.left+e.clientX-i.startX)}px`,r.style.top=`${Math.max(8,i.top+e.clientY-i.startY)}px`)},onPointerUp:S,onPointerCancel:S,"data-draggable":o?"true":"false",children:[a("h3",{className:"cineview-perf-title",children:P.title}),a("button",{type:"button",className:"cineview-perf-toggle",onClick:()=>m(!1),"aria-label":P.collapse,children:"−"})]}),t("div",{className:"cineview-perf-body",children:[t("div",{className:"cineview-perf-metrics",children:[t("div",{className:"cineview-perf-metric",children:[a("div",{className:"cineview-perf-metric-label",children:P.fps}),a("div",{className:"cineview-perf-metric-value",style:{color:x},children:h?w:"--"})]}),t("div",{className:"cineview-perf-metric",children:[a("div",{className:"cineview-perf-metric-label",children:P.frame}),a("div",{className:"cineview-perf-metric-value",style:{color:C},children:h?`${g.toFixed(1)}ms`:"--"})]}),t("div",{className:"cineview-perf-metric",children:[a("div",{className:"cineview-perf-metric-label",title:P.loadedTitle,children:P.loaded}),a("div",{className:"cineview-perf-metric-value",children:h?`~${h.bundleSize.toFixed(1)} KB`:"--"})]})]}),t("div",{className:"cineview-perf-chart",children:[a("div",{className:"cineview-perf-chart-title",children:P.history}),t("svg",{className:"cineview-perf-chart-svg",viewBox:"0 0 300 60",preserveAspectRatio:"none","aria-hidden":"true",children:[a("line",{x1:"0",y1:"30",x2:"300",y2:"30",stroke:"#374151",strokeWidth:"0.5",strokeDasharray:"2,2"}),a("line",{x1:"0",y1:"50",x2:"300",y2:"50",stroke:"#374151",strokeWidth:"0.5",strokeDasharray:"2,2"}),a("polyline",{points:b.map((e,i)=>`${i/Math.max(59,1)*300},${60-e/60*60}`).join(" "),fill:"none",stroke:x,strokeWidth:"2"})]}),t("div",{className:"cineview-perf-chart-labels",children:[a("span",{children:"60"}),a("span",{children:"30"}),a("span",{children:"0"})]})]}),t("div",h?{className:"cineview-perf-stats",children:[t("div",{className:"cineview-perf-stat",children:[a("span",{className:"cineview-perf-stat-label",children:P.memory}),a("span",{className:"cineview-perf-stat-value",children:void 0===h.memoryUsage?"n/a":`${h.memoryUsage.toFixed(1)} MB`})]}),t("div",{className:"cineview-perf-stat",children:[a("span",{className:"cineview-perf-stat-label",children:P.samples}),a("span",{className:"cineview-perf-stat-value",children:u?.history.length??0})]})]}:{className:"cineview-perf-stat",children:[a("span",{className:"cineview-perf-stat-label",children:P.monitor}),a("span",{className:"cineview-perf-stat-value",children:P.waiting})]}),y&&t("div",{className:"cineview-perf-warning "+(N?"cineview-perf-warning--critical":""),children:[N?P.issue:P.warning,a("div",{className:"cineview-perf-warning-details",children:P.details(`${g.toFixed(1)}ms`)})]})]})]}):a("button",{type:"button",className:`cineview-perf-panel cineview-perf-panel--collapsed cineview-perf-panel--${r}`,onClick:()=>m(!0),"aria-label":P.expand,children:t("span",{className:"cineview-perf-collapsed-label",children:[a("span",{style:{color:x},children:h?w:"--"})," fps"]})})}export{o as PerfPanel,c as usePerfMonitor};
+//# sourceMappingURL=cineview-dev.es.mjs.map