@react-three/fiber 10.0.0-canary.de17310 → 10.0.0-canary.de8b03c

package/dist/chunks/webgl.cjs

@@ -0,0 +1,27 @@
+'use strict';
+
+const THREE = require('three');
+
+function _interopNamespaceCompat(e) {
+  if (e && typeof e === 'object' && 'default' in e) return e;
+  const n = Object.create(null);
+  if (e) {
+    for (const k in e) {
+      n[k] = e[k];
+    }
+  }
+  n.default = e;
+  return n;
+}
+
+const THREE__namespace = /*#__PURE__*/_interopNamespaceCompat(THREE);
+
+const webglSupport = {
+  kind: "webgl",
+  three: THREE__namespace,
+  Renderer: THREE__namespace.WebGLRenderer,
+  RenderTarget: THREE__namespace.WebGLRenderTarget,
+  CubeRenderTarget: THREE__namespace.WebGLCubeRenderTarget
+};
+
+exports.webglSupport = webglSupport;

package/dist/chunks/webgl.mjs

@@ -0,0 +1,11 @@
+import * as THREE from 'three';
+
+const webglSupport = {
+  kind: "webgl",
+  three: THREE,
+  Renderer: THREE.WebGLRenderer,
+  RenderTarget: THREE.WebGLRenderTarget,
+  CubeRenderTarget: THREE.WebGLCubeRenderTarget
+};
+
+export { webglSupport };

package/dist/chunks/webgpu.cjs

@@ -0,0 +1,37 @@
+'use strict';
+
+const THREE = require('three/webgpu');
+const tsl = require('three/tsl');
+
+function _interopNamespaceCompat(e) {
+  if (e && typeof e === 'object' && 'default' in e) return e;
+  const n = Object.create(null);
+  if (e) {
+    for (const k in e) {
+      n[k] = e[k];
+    }
+  }
+  n.default = e;
+  return n;
+}
+
+const THREE__namespace = /*#__PURE__*/_interopNamespaceCompat(THREE);
+
+const webgpuSupport = {
+  kind: "webgpu",
+  three: THREE__namespace,
+  Renderer: THREE__namespace.WebGPURenderer,
+  RenderTarget: THREE__namespace.RenderTarget,
+  CubeRenderTarget: THREE__namespace.CubeRenderTarget,
+  CanvasTarget: THREE__namespace.CanvasTarget,
+  // What the occlusion observer (core/visibility.ts) is built from
+  occlusion: {
+    Node: THREE__namespace.Node,
+    NodeUpdateType: THREE__namespace.NodeUpdateType,
+    MeshBasicNodeMaterial: THREE__namespace.MeshBasicNodeMaterial,
+    uniform: tsl.uniform,
+    nodeObject: tsl.nodeObject
+  }
+};
+
+exports.webgpuSupport = webgpuSupport;

package/dist/chunks/webgpu.mjs

@@ -0,0 +1,21 @@
+import * as THREE from 'three/webgpu';
+import { nodeObject, uniform } from 'three/tsl';
+
+const webgpuSupport = {
+  kind: "webgpu",
+  three: THREE,
+  Renderer: THREE.WebGPURenderer,
+  RenderTarget: THREE.RenderTarget,
+  CubeRenderTarget: THREE.CubeRenderTarget,
+  CanvasTarget: THREE.CanvasTarget,
+  // What the occlusion observer (core/visibility.ts) is built from
+  occlusion: {
+    Node: THREE.Node,
+    NodeUpdateType: THREE.NodeUpdateType,
+    MeshBasicNodeMaterial: THREE.MeshBasicNodeMaterial,
+    uniform,
+    nodeObject
+  }
+};
+
+export { webgpuSupport };

package/dist/extension.cjs

@@ -1,278 +1,13 @@
 'use strict';
 
-const React = require('react');
-require('react/jsx-runtime');
-require('its-fine');
-const scheduler = require('@pmndrs/scheduler');
+const extensions = require('./shared/fiber.khFlPHPf.cjs');
 
-function _interopNamespaceCompat(e) {
-  if (e && typeof e === 'object' && 'default' in e) return e;
-  const n = Object.create(null);
-  if (e) {
-    for (const k in e) {
-      n[k] = e[k];
-    }
-  }
-  n.default = e;
-  return n;
-}
 
-const React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
 
-const R3F_CONTEXT = Symbol.for("@react-three/fiber.context");
-const context = globalThis[R3F_CONTEXT] ?? (globalThis[R3F_CONTEXT] = React__namespace.createContext(null));
-
-function useStore() {
-  const store = React.useContext(context);
-  if (!store) throw new Error("R3F: Hooks can only be used within the Canvas component!");
-  return store;
-}
-function useThree(selector = (state) => state, equalityFn) {
-  return useStore()(selector, equalityFn);
-}
-
-const useIsomorphicLayoutEffect = /* @__PURE__ */ (() => typeof window !== "undefined" && (window.document?.createElement || window.navigator?.product === "ReactNative"))() ? React__namespace.useLayoutEffect : React__namespace.useEffect;
-function useMutableCallback(fn) {
-  const ref = React__namespace.useRef(fn);
-  useIsomorphicLayoutEffect(() => void (ref.current = fn), [fn]);
-  return ref;
-}
-
-const shownNotices = /* @__PURE__ */ new Set();
-function notifyDepreciated({ heading, body, link }) {
-  if (typeof process !== "undefined" && (process.env.NODE_ENV === "test" || process.env.JEST_WORKER_ID !== void 0) && process.env.R3F_SHOW_DEPRECATION_WARNINGS !== "true") {
-    return;
-  }
-  if (shownNotices.has(heading)) return;
-  shownNotices.add(heading);
-  const caller = getCallerFrame();
-  if (caller) {
-    console.log();
-  }
-  const boxStyle = "background: #ff9800; color: #1a1a1a; padding: 8px 12px; border-radius: 4px; font-weight: 500;";
-  if (caller) {
-    console.log(`%c\u26A0\uFE0F ${heading}`, boxStyle);
-  }
-  {
-    let message = "";
-    message += body;
-    message += ("\n\n" ) + `More info: ${link}`;
-    console.warn(`%c${message}`, "font-weight: bold;");
-  }
-}
-function getCallerFrame(depth = 3) {
-  const stack = new Error().stack;
-  if (!stack) return null;
-  const lines = stack.split("\n");
-  const frame = lines[depth];
-  if (!frame) return null;
-  let match = frame.match(/^\s*at (?:(.+?) )?\(?(.+?):(\d+):(\d+)\)?$/);
-  if (!match) {
-    match = frame.match(/^(?:(.+?)@)?(.+?):(\d+):(\d+)$/);
-  }
-  if (!match) return null;
-  const [, fn, url, line] = match;
-  return {
-    functionName: fn ?? "<anonymous>",
-    location: formatLocation(url, Number(line))
-  };
-}
-function formatLocation(url, line) {
-  const clean = url.split("?")[0];
-  const file = clean.split("/").pop() ?? clean;
-  return `${file}:${line}`;
-}
-
-function useFrame(callback, priorityOrOptions) {
-  const store = React__namespace.useContext(context);
-  const isInsideCanvas = store !== null;
-  const scheduler$1 = scheduler.getScheduler();
-  const optionsKey = typeof priorityOrOptions === "number" ? `p:${priorityOrOptions}` : priorityOrOptions ? JSON.stringify({
-    id: priorityOrOptions.id,
-    phase: priorityOrOptions.phase,
-    priority: priorityOrOptions.priority,
-    fps: priorityOrOptions.fps,
-    drop: priorityOrOptions.drop,
-    enabled: priorityOrOptions.enabled,
-    before: priorityOrOptions.before,
-    after: priorityOrOptions.after
-  }) : "";
-  const options = React__namespace.useMemo(() => {
-    return typeof priorityOrOptions === "number" ? { priority: priorityOrOptions } : priorityOrOptions ?? {};
-  }, [optionsKey]);
-  const reactId = React__namespace.useId();
-  const id = options.id ?? reactId;
-  const callbackRef = useMutableCallback(callback);
-  const isLegacyPriority = typeof priorityOrOptions === "number" && priorityOrOptions > 0;
-  useIsomorphicLayoutEffect(() => {
-    if (!callback) return;
-    if (isInsideCanvas) {
-      const state = store.getState();
-      const rootId = state.internal.rootId;
-      if (isLegacyPriority) {
-        state.internal.priority++;
-        let parentRoot = state.previousRoot;
-        while (parentRoot) {
-          const parentState = parentRoot.getState();
-          if (parentState?.internal) parentState.internal.priority++;
-          parentRoot = parentState?.previousRoot;
-        }
-        notifyDepreciated({
-          heading: "useFrame with numeric priority is deprecated",
-          body: 'Using useFrame(callback, number) to control render order is deprecated.\n\nFor custom rendering, use: useFrame(callback, { phase: "render" })\nFor execution order within update phase, use: useFrame(callback, { priority: number })',
-          link: "https://docs.pmnd.rs/react-three-fiber/api/hooks#useframe"
-        });
-      }
-      const wrappedCallback = (frameState, delta) => {
-        const localState = store.getState();
-        const mergedState = {
-          ...localState,
-          time: frameState.time,
-          delta: frameState.delta,
-          elapsed: frameState.elapsed,
-          frame: frameState.frame
-        };
-        callbackRef.current?.(mergedState, delta);
-      };
-      const unregister = scheduler$1.register(wrappedCallback, {
-        id,
-        rootId,
-        ...options
-      });
-      return () => {
-        unregister();
-        if (isLegacyPriority) {
-          const currentState = store.getState();
-          if (currentState.internal) {
-            currentState.internal.priority--;
-            let parentRoot = currentState.previousRoot;
-            while (parentRoot) {
-              const parentState = parentRoot.getState();
-              if (parentState?.internal) parentState.internal.priority--;
-              parentRoot = parentState?.previousRoot;
-            }
-          }
-        }
-      };
-    } else {
-      return scheduler$1.register(
-        (state, delta) => {
-          const frameState = state;
-          if (!frameState.renderer) return;
-          callbackRef.current?.(frameState, delta);
-        },
-        { id, ...options }
-      );
-    }
-  }, [store, scheduler$1, id, optionsKey, isLegacyPriority, isInsideCanvas]);
-  const isPaused = React__namespace.useSyncExternalStore(
-    // Subscribe function
-    React__namespace.useCallback(
-      (onStoreChange) => {
-        return scheduler.getScheduler().subscribeJobState(id, onStoreChange);
-      },
-      [id]
-    ),
-    // getSnapshot function
-    React__namespace.useCallback(() => scheduler.getScheduler().isJobPaused(id), [id]),
-    // getServerSnapshot function (SSR)
-    React__namespace.useCallback(() => false, [])
-  );
-  const controls = React__namespace.useMemo(() => {
-    const scheduler2 = scheduler.getScheduler();
-    return {
-      /** The job's unique ID */
-      id,
-      /**
-       * Access to the global scheduler for frame loop control.
-       * Use for controlling the entire frame loop, adding phases, etc.
-       */
-      scheduler: scheduler2,
-      /**
-       * The root that currently owns this job. Resolve on access because ambient
-       * jobs can be adopted by a Canvas after the controls object is created.
-       */
-      get rootId() {
-        return scheduler.getScheduler().getJobRootId(id);
-      },
-      /**
-       * Manually step this job only.
-       * Bypasses FPS limiting - always runs.
-       * @param timestamp Optional timestamp (defaults to performance.now())
-       */
-      step: (timestamp) => {
-        scheduler.getScheduler().stepJob(id, timestamp);
-      },
-      /**
-       * Manually step ALL jobs in the scheduler.
-       * Useful for frameloop='never' mode.
-       * @param timestamp Optional timestamp (defaults to performance.now())
-       */
-      stepAll: (timestamp) => {
-        scheduler.getScheduler().step(timestamp);
-      },
-      /**
-       * Request frames for this job's owning root without waking sibling roots.
-       */
-      invalidate: (frames, stackFrames) => {
-        const scheduler3 = scheduler.getScheduler();
-        const rootId = scheduler3.getJobRootId(id);
-        if (rootId) scheduler3.invalidateRoot(rootId, frames, stackFrames);
-      },
-      /**
-       * Pause this job (set enabled=false).
-       * Job remains registered but won't run.
-       */
-      pause: () => {
-        scheduler.getScheduler().pauseJob(id);
-      },
-      /**
-       * Resume this job (set enabled=true).
-       */
-      resume: () => {
-        scheduler.getScheduler().resumeJob(id);
-      },
-      /**
-       * Reactive paused state - automatically updates when pause/resume is called.
-       * No need for forceUpdate() in your components.
-       */
-      isPaused
-    };
-  }, [id, isPaused]);
-  return controls;
-}
-
-const R3F_EXTENSIONS = Symbol.for("@react-three/fiber.extensions");
-function getRegistry() {
-  return globalThis[R3F_EXTENSIONS] ?? (globalThis[R3F_EXTENSIONS] = {
-    extensions: /* @__PURE__ */ new Map(),
-    roots: /* @__PURE__ */ new Set(),
-    applied: /* @__PURE__ */ new WeakMap()
-  });
-}
-function setupRoot(registry, store, extension) {
-  let applied = registry.applied.get(store);
-  if (!applied) registry.applied.set(store, applied = /* @__PURE__ */ new Map());
-  if (applied.has(extension.name)) return;
-  applied.set(extension.name, extension);
-  const patch = extension.setup?.(store);
-  if (patch) store.setState(patch);
-}
-function registerRootExtension(extension) {
-  const registry = getRegistry();
-  registry.extensions.set(extension.name, extension);
-  for (const store of registry.roots) setupRoot(registry, store, extension);
-  return () => {
-    if (registry.extensions.get(extension.name) === extension) registry.extensions.delete(extension.name);
-  };
-}
-function setRenderOverride(store, render) {
-  store.getState().internal.renderOverride = render;
-}
-
-exports.context = context;
-exports.registerRootExtension = registerRootExtension;
-exports.setRenderOverride = setRenderOverride;
-exports.useFrame = useFrame;
-exports.useStore = useStore;
-exports.useThree = useThree;
+exports.context = extensions.context;
+exports.getTextureView = extensions.getTextureView;
+exports.registerRootExtension = extensions.registerRootExtension;
+exports.setRenderOverride = extensions.setRenderOverride;
+exports.useFrame = extensions.useFrame;
+exports.useStore = extensions.useStore;
+exports.useThree = extensions.useThree;