@rendiv/three 0.1.2 → 0.1.4

package/dist/ThreeCanvas.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThreeCanvas.d.ts","sourceRoot":"","sources":["../src/ThreeCanvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAKZ,KAAK,aAAa,EACnB,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAW5C,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,MAAM,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC;IACvD,mCAAmC;IACnC,EAAE,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC;CAChD;AAMD;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,KAAK,EACL,SAAS,EACT,MAAM,EACN,EAAE,GACH,EAAE,gBAAgB,GAAG,KAAK,CAAC,YAAY,CAmGvC"}
+{"version":3,"file":"ThreeCanvas.d.ts","sourceRoot":"","sources":["../src/ThreeCanvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAKZ,KAAK,aAAa,EACnB,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAW5C,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,MAAM,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC;IACvD,mCAAmC;IACnC,EAAE,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC;CAChD;AAMD;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,KAAK,EACL,SAAS,EACT,MAAM,EACN,EAAE,GACH,EAAE,gBAAgB,GAAG,KAAK,CAAC,YAAY,CAoGvC"}

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),n=require("react"),w=require("@react-three/fiber"),e=require("@rendiv/core");function R({timeline:s,sequence:a,composition:d,environment:f,children:c}){return l.jsx(e.RendivEnvironmentContext.Provider,{value:f,children:l.jsx(e.CompositionContext.Provider,{value:d,children:l.jsx(e.TimelineContext.Provider,{value:s,children:l.jsx(e.SequenceContext.Provider,{value:a,children:c})})})})}function P({children:s,style:a,className:d,camera:f,gl:c}){const C=n.useContext(e.TimelineContext),m=n.useContext(e.SequenceContext),r=n.useContext(e.CompositionContext),x=n.useContext(e.RendivEnvironmentContext),o=x.environment==="rendering",t=n.useRef(null),v=n.useRef(null);n.useEffect(()=>{const i=e.holdRender("Initializing <ThreeCanvas>",{timeoutInMilliseconds:3e4});return t.current=i,()=>{t.current!==null&&(e.releaseRender(t.current),t.current=null)}},[]);const g=n.useCallback(i=>{v.current=i,o&&i.advance(performance.now()),t.current!==null&&(e.releaseRender(t.current),t.current=null)},[o]),u=n.useRef(null);n.useEffect(()=>{if(!o||!v.current)return;const i=e.holdRender("ThreeCanvas: advancing frame");return u.current=i,requestAnimationFrame(()=>{var h;(h=v.current)==null||h.advance(performance.now()),u.current!==null&&(e.releaseRender(u.current),u.current=null)}),()=>{u.current!==null&&(e.releaseRender(u.current),u.current=null)}},[C.frame,o]);const j=(r==null?void 0:r.width)??1920,q=(r==null?void 0:r.height)??1080,T=o?{preserveDrawingBuffer:!0,...c}:c;return l.jsx(w.Canvas,{frameloop:o?"never":"always",camera:f,gl:T,onCreated:g,style:{width:j,height:q,...a},className:d,children:l.jsx(R,{timeline:C,sequence:m,composition:r,environment:x,children:s})})}exports.RendivContextBridge=R;exports.ThreeCanvas=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),n=require("react"),w=require("@react-three/fiber"),e=require("@rendiv/core");function R({timeline:s,sequence:a,composition:d,environment:f,children:c}){return l.jsx(e.RendivEnvironmentContext.Provider,{value:f,children:l.jsx(e.CompositionContext.Provider,{value:d,children:l.jsx(e.TimelineContext.Provider,{value:s,children:l.jsx(e.SequenceContext.Provider,{value:a,children:c})})})})}function S({children:s,style:a,className:d,camera:f,gl:c}){const C=n.useContext(e.TimelineContext),m=n.useContext(e.SequenceContext),r=n.useContext(e.CompositionContext),x=n.useContext(e.RendivEnvironmentContext),i=x.environment==="rendering",t=n.useRef(null),v=n.useRef(null);n.useEffect(()=>{const o=e.holdRender("Initializing <ThreeCanvas>",{timeoutInMilliseconds:3e4});return t.current=o,()=>{t.current!==null&&(e.releaseRender(t.current),t.current=null)}},[]);const g=n.useCallback(o=>{v.current=o,i&&o.advance(performance.now()),t.current!==null&&(e.releaseRender(t.current),t.current=null)},[i]),u=n.useRef(null);n.useEffect(()=>{if(!i||!v.current)return;const o=e.holdRender("ThreeCanvas: advancing frame");return u.current=o,requestAnimationFrame(()=>{var h;(h=v.current)==null||h.advance(performance.now()),u.current!==null&&(e.releaseRender(u.current),u.current=null)}),()=>{u.current!==null&&(e.releaseRender(u.current),u.current=null)}},[C.frame,i]);const j=(r==null?void 0:r.width)??1920,q=(r==null?void 0:r.height)??1080,T=i?{preserveDrawingBuffer:!0,...c}:c;return l.jsx(w.Canvas,{frameloop:i?"never":"always",camera:f,gl:T,resize:{offsetSize:!0},onCreated:g,style:{width:j,height:q,...a},className:d,children:l.jsx(R,{timeline:C,sequence:m,composition:r,environment:x,children:s})})}exports.RendivContextBridge=R;exports.ThreeCanvas=S;

package/dist/index.js

@@ -1,60 +1,61 @@
-import { jsx as u } from "react/jsx-runtime";
-import { useContext as i, useRef as m, useEffect as R, useCallback as I } from "react";
-import { Canvas as S } from "@react-three/fiber";
+import { jsx as l } from "react/jsx-runtime";
+import { useContext as o, useRef as m, useEffect as R, useCallback as E } from "react";
+import { Canvas as H } from "@react-three/fiber";
 import { RendivEnvironmentContext as p, CompositionContext as w, TimelineContext as P, SequenceContext as T, holdRender as x, releaseRender as c } from "@rendiv/core";
-function b({
+function I({
   timeline: a,
-  sequence: d,
-  composition: s,
+  sequence: s,
+  composition: d,
   environment: f,
-  children: o
+  children: i
 }) {
-  return /* @__PURE__ */ u(p.Provider, { value: f, children: /* @__PURE__ */ u(w.Provider, { value: s, children: /* @__PURE__ */ u(P.Provider, { value: a, children: /* @__PURE__ */ u(T.Provider, { value: d, children: o }) }) }) });
+  return /* @__PURE__ */ l(p.Provider, { value: f, children: /* @__PURE__ */ l(w.Provider, { value: d, children: /* @__PURE__ */ l(P.Provider, { value: a, children: /* @__PURE__ */ l(T.Provider, { value: s, children: i }) }) }) });
 }
 function D({
   children: a,
-  style: d,
-  className: s,
+  style: s,
+  className: d,
   camera: f,
-  gl: o
+  gl: i
 }) {
-  const h = i(P), q = i(T), e = i(w), C = i(p), t = C.environment === "rendering", n = m(null), v = m(null);
+  const h = o(P), q = o(T), e = o(w), C = o(p), t = C.environment === "rendering", n = m(null), v = m(null);
   R(() => {
-    const l = x("Initializing <ThreeCanvas>", {
+    const u = x("Initializing <ThreeCanvas>", {
       timeoutInMilliseconds: 3e4
     });
-    return n.current = l, () => {
+    return n.current = u, () => {
       n.current !== null && (c(n.current), n.current = null);
     };
   }, []);
-  const y = I(
-    (l) => {
-      v.current = l, t && l.advance(performance.now()), n.current !== null && (c(n.current), n.current = null);
+  const z = E(
+    (u) => {
+      v.current = u, t && u.advance(performance.now()), n.current !== null && (c(n.current), n.current = null);
     },
     [t]
   ), r = m(null);
   R(() => {
     if (!t || !v.current) return;
-    const l = x("ThreeCanvas: advancing frame");
-    return r.current = l, requestAnimationFrame(() => {
+    const u = x("ThreeCanvas: advancing frame");
+    return r.current = u, requestAnimationFrame(() => {
       var g;
       (g = v.current) == null || g.advance(performance.now()), r.current !== null && (c(r.current), r.current = null);
     }), () => {
       r.current !== null && (c(r.current), r.current = null);
     };
   }, [h.frame, t]);
-  const B = (e == null ? void 0 : e.width) ?? 1920, E = (e == null ? void 0 : e.height) ?? 1080, H = t ? { preserveDrawingBuffer: !0, ...o } : o;
-  return /* @__PURE__ */ u(
-    S,
+  const S = (e == null ? void 0 : e.width) ?? 1920, y = (e == null ? void 0 : e.height) ?? 1080, B = t ? { preserveDrawingBuffer: !0, ...i } : i;
+  return /* @__PURE__ */ l(
+    H,
     {
       frameloop: t ? "never" : "always",
       camera: f,
-      gl: H,
-      onCreated: y,
-      style: { width: B, height: E, ...d },
-      className: s,
-      children: /* @__PURE__ */ u(
-        b,
+      gl: B,
+      resize: { offsetSize: !0 },
+      onCreated: z,
+      style: { width: S, height: y, ...s },
+      className: d,
+      children: /* @__PURE__ */ l(
+        I,
         {
           timeline: h,
           sequence: q,
@@ -67,6 +68,6 @@ function D({
   );
 }
 export {
-  b as RendivContextBridge,
+  I as RendivContextBridge,
   D as ThreeCanvas
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rendiv/three",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -21,7 +21,7 @@
     "react-dom": "^18.0.0 || ^19.0.0",
     "three": ">=0.150.0",
     "@react-three/fiber": ">=9.0.0",
-    "@rendiv/core": "0.1.2"
+    "@rendiv/core": "0.1.4"
   },
   "devDependencies": {
     "@types/react": "^19.0.0",
@@ -35,7 +35,7 @@
     "vite-plugin-dts": "^4.3.0",
     "typescript": "^5.7.0",
     "@rendiv/tsconfig": "0.0.0",
-    "@rendiv/core": "0.1.2"
+    "@rendiv/core": "0.1.4"
   },
   "scripts": {
     "build": "vite build",