@react-three/postprocessing 2.19.1 → 3.0.0-rc.1

package/dist/effects/Grid.cjs

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const postprocessing = require("postprocessing");
-const fiber = require("@react-three/fiber");
-const Grid = React.forwardRef(function Grid2({ size, ...props }, ref) {
-  const invalidate = fiber.useThree((state) => state.invalidate);
-  const effect = React.useMemo(() => new postprocessing.GridEffect(props), [props]);
-  React.useLayoutEffect(() => {
-    if (size)
-      effect.setSize(size.width, size.height);
-    invalidate();
-  }, [effect, size, invalidate]);
-  return /* @__PURE__ */ jsxRuntime.jsx("primitive", { ref, object: effect, dispose: null });
-});
-exports.Grid = Grid;
-//# sourceMappingURL=Grid.cjs.map

package/dist/effects/Grid.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Grid.cjs","sources":["../../src/effects/Grid.tsx"],"sourcesContent":["import React, { Ref, forwardRef, useMemo, useLayoutEffect } from 'react'\nimport { GridEffect } from 'postprocessing'\nimport { useThree } from '@react-three/fiber'\n\ntype GridProps = ConstructorParameters<typeof GridEffect>[0] &\n  Partial<{\n    size: {\n      width: number\n      height: number\n    }\n  }>\n\nexport const Grid = forwardRef(function Grid({ size, ...props }: GridProps, ref: Ref<GridEffect>) {\n  const invalidate = useThree((state) => state.invalidate)\n  const effect = useMemo(() => new GridEffect(props), [props])\n  useLayoutEffect(() => {\n    if (size) effect.setSize(size.width, size.height)\n    invalidate()\n  }, [effect, size, invalidate])\n  return <primitive ref={ref} object={effect} dispose={null} />\n})\n"],"names":["forwardRef","Grid","useThree","useMemo","GridEffect","useLayoutEffect"],"mappings":";;;;;;AAYa,MAAA,OAAOA,iBAAW,SAASC,MAAK,EAAE,MAAM,GAAG,MAAM,GAAc,KAAsB;AAChG,QAAM,aAAaC,MAAAA,SAAS,CAAC,UAAU,MAAM,UAAU;AACjD,QAAA,SAASC,cAAQ,MAAM,IAAIC,eAAAA,WAAW,KAAK,GAAG,CAAC,KAAK,CAAC;AAC3DC,QAAAA,gBAAgB,MAAM;AAChB,QAAA;AAAM,aAAO,QAAQ,KAAK,OAAO,KAAK,MAAM;AACrC;EACV,GAAA,CAAC,QAAQ,MAAM,UAAU,CAAC;AAC7B,wCAAQ,aAAU,EAAA,KAAU,QAAQ,QAAQ,SAAS,KAAM,CAAA;AAC7D,CAAC;;"}

package/dist/effects/Grid.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { GridEffect } from 'postprocessing';
-export declare const Grid: React.ForwardRefExoticComponent<{
-    blendFunction?: import("postprocessing").BlendFunction | undefined;
-    scale?: number | undefined;
-    lineWidth?: number | undefined;
-} & Partial<{
-    size: {
-        width: number;
-        height: number;
-    };
-}> & React.RefAttributes<GridEffect>>;

package/dist/effects/Grid.js

@@ -1,18 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef, useMemo, useLayoutEffect } from "react";
-import { GridEffect } from "postprocessing";
-import { useThree } from "@react-three/fiber";
-const Grid = forwardRef(function Grid2({ size, ...props }, ref) {
-  const invalidate = useThree((state) => state.invalidate);
-  const effect = useMemo(() => new GridEffect(props), [props]);
-  useLayoutEffect(() => {
-    if (size)
-      effect.setSize(size.width, size.height);
-    invalidate();
-  }, [effect, size, invalidate]);
-  return /* @__PURE__ */ jsx("primitive", { ref, object: effect, dispose: null });
-});
-export {
-  Grid
-};
-//# sourceMappingURL=Grid.js.map

package/dist/effects/Grid.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Grid.js","sources":["../../src/effects/Grid.tsx"],"sourcesContent":["import React, { Ref, forwardRef, useMemo, useLayoutEffect } from 'react'\nimport { GridEffect } from 'postprocessing'\nimport { useThree } from '@react-three/fiber'\n\ntype GridProps = ConstructorParameters<typeof GridEffect>[0] &\n  Partial<{\n    size: {\n      width: number\n      height: number\n    }\n  }>\n\nexport const Grid = forwardRef(function Grid({ size, ...props }: GridProps, ref: Ref<GridEffect>) {\n  const invalidate = useThree((state) => state.invalidate)\n  const effect = useMemo(() => new GridEffect(props), [props])\n  useLayoutEffect(() => {\n    if (size) effect.setSize(size.width, size.height)\n    invalidate()\n  }, [effect, size, invalidate])\n  return <primitive ref={ref} object={effect} dispose={null} />\n})\n"],"names":["Grid"],"mappings":";;;;AAYa,MAAA,OAAO,WAAW,SAASA,MAAK,EAAE,MAAM,GAAG,MAAM,GAAc,KAAsB;AAChG,QAAM,aAAa,SAAS,CAAC,UAAU,MAAM,UAAU;AACjD,QAAA,SAAS,QAAQ,MAAM,IAAI,WAAW,KAAK,GAAG,CAAC,KAAK,CAAC;AAC3D,kBAAgB,MAAM;AAChB,QAAA;AAAM,aAAO,QAAQ,KAAK,OAAO,KAAK,MAAM;AACrC;EACV,GAAA,CAAC,QAAQ,MAAM,UAAU,CAAC;AAC7B,6BAAQ,aAAU,EAAA,KAAU,QAAQ,QAAQ,SAAS,KAAM,CAAA;AAC7D,CAAC;"}

package/dist/effects/HueSaturation.cjs

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const postprocessing = require("postprocessing");
-const util = require("../util.cjs");
-const HueSaturation = util.wrapEffect(postprocessing.HueSaturationEffect);
-exports.HueSaturation = HueSaturation;
-//# sourceMappingURL=HueSaturation.cjs.map

package/dist/effects/HueSaturation.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"HueSaturation.cjs","sources":["../../src/effects/HueSaturation.tsx"],"sourcesContent":["import { HueSaturationEffect } from 'postprocessing'\nimport { wrapEffect } from '../util'\n\nexport const HueSaturation = wrapEffect(HueSaturationEffect)\n"],"names":["wrapEffect","HueSaturationEffect"],"mappings":";;;;AAGa,MAAA,gBAAgBA,gBAAWC,eAAmB,mBAAA;;"}

package/dist/effects/HueSaturation.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { HueSaturationEffect } from 'postprocessing';
-export declare const HueSaturation: import("react").ForwardRefExoticComponent<Omit<import("@react-three/fiber").ExtendedColors<import("@react-three/fiber").Overwrite<Partial<HueSaturationEffect>, import("@react-three/fiber").NodeProps<HueSaturationEffect, typeof HueSaturationEffect>>> & {
-    blendFunction?: import("postprocessing").BlendFunction | undefined;
-    hue?: number | undefined;
-    saturation?: number | undefined;
-} & {
-    blendFunction?: import("postprocessing").BlendFunction | undefined;
-    opacity?: number | undefined;
-}, "ref"> & import("react").RefAttributes<typeof HueSaturationEffect>>;

package/dist/effects/HueSaturation.js

@@ -1,7 +0,0 @@
-import { HueSaturationEffect } from "postprocessing";
-import { wrapEffect } from "../util.js";
-const HueSaturation = wrapEffect(HueSaturationEffect);
-export {
-  HueSaturation
-};
-//# sourceMappingURL=HueSaturation.js.map

package/dist/effects/HueSaturation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HueSaturation.js","sources":["../../src/effects/HueSaturation.tsx"],"sourcesContent":["import { HueSaturationEffect } from 'postprocessing'\nimport { wrapEffect } from '../util'\n\nexport const HueSaturation = wrapEffect(HueSaturationEffect)\n"],"names":[],"mappings":";;AAGa,MAAA,gBAAgB,WAAW,mBAAmB;"}

package/dist/effects/LUT.cjs

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const fiber = require("@react-three/fiber");
-const postprocessing = require("postprocessing");
-const React = require("react");
-const LUT = React.forwardRef(function LUT2({ lut, tetrahedralInterpolation, ...props }, ref) {
-  const effect = React.useMemo(() => new postprocessing.LUT3DEffect(lut, props), [lut, props]);
-  const invalidate = fiber.useThree((state) => state.invalidate);
-  React.useLayoutEffect(() => {
-    if (tetrahedralInterpolation)
-      effect.tetrahedralInterpolation = tetrahedralInterpolation;
-    if (lut)
-      effect.lut = lut;
-    invalidate();
-  }, [effect, invalidate, lut, tetrahedralInterpolation]);
-  return /* @__PURE__ */ jsxRuntime.jsx("primitive", { ref, object: effect, dispose: null });
-});
-exports.LUT = LUT;
-//# sourceMappingURL=LUT.cjs.map

package/dist/effects/LUT.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"LUT.cjs","sources":["../../src/effects/LUT.tsx"],"sourcesContent":["import { useThree } from '@react-three/fiber'\nimport { LUT3DEffect, BlendFunction } from 'postprocessing'\nimport React, { forwardRef, Ref, useLayoutEffect, useMemo } from 'react'\nimport type { Texture } from 'three'\n\nexport type LUTProps = {\n  lut: Texture\n  blendFunction?: BlendFunction\n  tetrahedralInterpolation?: boolean\n}\n\nexport const LUT = forwardRef(function LUT(\n  { lut, tetrahedralInterpolation, ...props }: LUTProps,\n  ref: Ref<LUT3DEffect>\n) {\n  const effect = useMemo(() => new LUT3DEffect(lut, props), [lut, props])\n  const invalidate = useThree((state) => state.invalidate)\n\n  useLayoutEffect(() => {\n    if (tetrahedralInterpolation) effect.tetrahedralInterpolation = tetrahedralInterpolation\n    if (lut) effect.lut = lut\n    invalidate()\n  }, [effect, invalidate, lut, tetrahedralInterpolation])\n\n  return <primitive ref={ref} object={effect} dispose={null} />\n})\n"],"names":["forwardRef","LUT","useMemo","LUT3DEffect","useThree","useLayoutEffect"],"mappings":";;;;;;AAWa,MAAA,MAAMA,MAAAA,WAAW,SAASC,KACrC,EAAE,KAAK,0BAA0B,GAAG,MAAM,GAC1C,KACA;AACM,QAAA,SAASC,MAAAA,QAAQ,MAAM,IAAIC,2BAAY,KAAK,KAAK,GAAG,CAAC,KAAK,KAAK,CAAC;AACtE,QAAM,aAAaC,MAAAA,SAAS,CAAC,UAAU,MAAM,UAAU;AAEvDC,QAAAA,gBAAgB,MAAM;AAChB,QAAA;AAA0B,aAAO,2BAA2B;AAC5D,QAAA;AAAK,aAAO,MAAM;AACX;KACV,CAAC,QAAQ,YAAY,KAAK,wBAAwB,CAAC;AAEtD,wCAAQ,aAAU,EAAA,KAAU,QAAQ,QAAQ,SAAS,KAAM,CAAA;AAC7D,CAAC;;"}

package/dist/effects/LUT.d.ts

@@ -1,9 +0,0 @@
-import { LUT3DEffect, BlendFunction } from 'postprocessing';
-import React from 'react';
-import type { Texture } from 'three';
-export type LUTProps = {
-    lut: Texture;
-    blendFunction?: BlendFunction;
-    tetrahedralInterpolation?: boolean;
-};
-export declare const LUT: React.ForwardRefExoticComponent<LUTProps & React.RefAttributes<LUT3DEffect>>;

package/dist/effects/LUT.js

@@ -1,20 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useThree } from "@react-three/fiber";
-import { LUT3DEffect } from "postprocessing";
-import { forwardRef, useMemo, useLayoutEffect } from "react";
-const LUT = forwardRef(function LUT2({ lut, tetrahedralInterpolation, ...props }, ref) {
-  const effect = useMemo(() => new LUT3DEffect(lut, props), [lut, props]);
-  const invalidate = useThree((state) => state.invalidate);
-  useLayoutEffect(() => {
-    if (tetrahedralInterpolation)
-      effect.tetrahedralInterpolation = tetrahedralInterpolation;
-    if (lut)
-      effect.lut = lut;
-    invalidate();
-  }, [effect, invalidate, lut, tetrahedralInterpolation]);
-  return /* @__PURE__ */ jsx("primitive", { ref, object: effect, dispose: null });
-});
-export {
-  LUT
-};
-//# sourceMappingURL=LUT.js.map

package/dist/effects/LUT.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LUT.js","sources":["../../src/effects/LUT.tsx"],"sourcesContent":["import { useThree } from '@react-three/fiber'\nimport { LUT3DEffect, BlendFunction } from 'postprocessing'\nimport React, { forwardRef, Ref, useLayoutEffect, useMemo } from 'react'\nimport type { Texture } from 'three'\n\nexport type LUTProps = {\n  lut: Texture\n  blendFunction?: BlendFunction\n  tetrahedralInterpolation?: boolean\n}\n\nexport const LUT = forwardRef(function LUT(\n  { lut, tetrahedralInterpolation, ...props }: LUTProps,\n  ref: Ref<LUT3DEffect>\n) {\n  const effect = useMemo(() => new LUT3DEffect(lut, props), [lut, props])\n  const invalidate = useThree((state) => state.invalidate)\n\n  useLayoutEffect(() => {\n    if (tetrahedralInterpolation) effect.tetrahedralInterpolation = tetrahedralInterpolation\n    if (lut) effect.lut = lut\n    invalidate()\n  }, [effect, invalidate, lut, tetrahedralInterpolation])\n\n  return <primitive ref={ref} object={effect} dispose={null} />\n})\n"],"names":["LUT"],"mappings":";;;;AAWa,MAAA,MAAM,WAAW,SAASA,KACrC,EAAE,KAAK,0BAA0B,GAAG,MAAM,GAC1C,KACA;AACM,QAAA,SAAS,QAAQ,MAAM,IAAI,YAAY,KAAK,KAAK,GAAG,CAAC,KAAK,KAAK,CAAC;AACtE,QAAM,aAAa,SAAS,CAAC,UAAU,MAAM,UAAU;AAEvD,kBAAgB,MAAM;AAChB,QAAA;AAA0B,aAAO,2BAA2B;AAC5D,QAAA;AAAK,aAAO,MAAM;AACX;KACV,CAAC,QAAQ,YAAY,KAAK,wBAAwB,CAAC;AAEtD,6BAAQ,aAAU,EAAA,KAAU,QAAQ,QAAQ,SAAS,KAAM,CAAA;AAC7D,CAAC;"}