@prtcl/plonk-hooks 1.1.1 → 1.1.2

package/dist/index.cjs

@@ -21,21 +21,49 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  useDrunk: () => useDrunk,
+  useEnv: () => useEnv,
+  useFold: () => useFold,
   useFrames: () => useFrames,
   useMetro: () => useMetro,
-  usePrevious: () => usePrevious
+  usePrevious: () => usePrevious,
+  useRand: () => useRand,
+  useScale: () => useScale,
+  useSine: () => useSine,
+  useWrap: () => useWrap
 });
 module.exports = __toCommonJS(index_exports);
 var import_client_only = require("client-only");
 
-// src/useFrames.ts
-var import_react2 = require("react");
+// src/useDrunk.ts
+var import_react = require("react");
 var import_plonk = require("@prtcl/plonk");
+var useDrunk = (opts) => {
+  return (0, import_react.useMemo)(() => new import_plonk.Drunk(opts), []);
+};
+
+// src/useEnv.ts
+var import_react2 = require("react");
+var import_plonk2 = require("@prtcl/plonk");
+var useEnv = (opts) => {
+  return (0, import_react2.useMemo)(() => new import_plonk2.Env(opts), []);
+};
+
+// src/useFold.ts
+var import_react3 = require("react");
+var import_plonk3 = require("@prtcl/plonk");
+var useFold = (opts) => {
+  return (0, import_react3.useMemo)(() => new import_plonk3.Fold(opts), []);
+};
+
+// src/useFrames.ts
+var import_react5 = require("react");
+var import_plonk4 = require("@prtcl/plonk");
 
 // src/usePrevious.ts
-var import_react = require("react");
+var import_react4 = require("react");
 var usePrevious = (value) => {
-  const ref = (0, import_react.useRef)({
+  const ref = (0, import_react4.useRef)({
     value,
     prev: void 0
   });
@@ -52,21 +80,21 @@ var usePrevious = (value) => {
 // src/useFrames.ts
 var useFrames = (callback, opts) => {
   const { autostart = true } = opts || {};
-  const callbackRef = (0, import_react2.useRef)(callback);
-  const optsRef = (0, import_react2.useRef)(opts);
+  const callbackRef = (0, import_react5.useRef)(callback);
+  const optsRef = (0, import_react5.useRef)(opts);
   const prevOpts = usePrevious(opts);
   callbackRef.current = callback;
-  const frames = (0, import_react2.useMemo)(() => {
-    return new import_plonk.Frames((m) => {
+  const frames = (0, import_react5.useMemo)(() => {
+    return new import_plonk4.Frames((m) => {
       callbackRef.current(m);
     }, optsRef.current);
   }, []);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (opts && prevOpts && opts.fps !== prevOpts.fps) {
       frames.setFPS(opts.fps);
     }
   }, [opts, prevOpts, frames]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (autostart) {
       frames.run();
     }
@@ -78,25 +106,25 @@ var useFrames = (callback, opts) => {
 };
 
 // src/useMetro.ts
-var import_react3 = require("react");
-var import_plonk2 = require("@prtcl/plonk");
+var import_react6 = require("react");
+var import_plonk5 = require("@prtcl/plonk");
 var useMetro = (callback, opts) => {
   const { autostart = true } = opts || {};
-  const callbackRef = (0, import_react3.useRef)(callback);
-  const optsRef = (0, import_react3.useRef)(opts);
+  const callbackRef = (0, import_react6.useRef)(callback);
+  const optsRef = (0, import_react6.useRef)(opts);
   const prevOpts = usePrevious(opts);
   callbackRef.current = callback;
-  const metro = (0, import_react3.useMemo)(() => {
-    return new import_plonk2.Metro((m) => {
+  const metro = (0, import_react6.useMemo)(() => {
+    return new import_plonk5.Metro((m) => {
       callbackRef.current(m);
     }, optsRef.current);
   }, []);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (opts && prevOpts && opts.time !== prevOpts.time) {
       metro.setTime(opts.time);
     }
   }, [opts, prevOpts, metro]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (autostart) {
       metro.run();
     }
@@ -106,10 +134,45 @@ var useMetro = (callback, opts) => {
   }, [metro]);
   return metro;
 };
+
+// src/useRand.ts
+var import_react7 = require("react");
+var import_plonk6 = require("@prtcl/plonk");
+var useRand = (opts) => {
+  return (0, import_react7.useMemo)(() => new import_plonk6.Rand(opts), []);
+};
+
+// src/useScale.ts
+var import_react8 = require("react");
+var import_plonk7 = require("@prtcl/plonk");
+var useScale = (opts) => {
+  return (0, import_react8.useMemo)(() => new import_plonk7.Scale(opts), []);
+};
+
+// src/useSine.ts
+var import_react9 = require("react");
+var import_plonk8 = require("@prtcl/plonk");
+var useSine = (opts) => {
+  return (0, import_react9.useMemo)(() => new import_plonk8.Sine(opts), []);
+};
+
+// src/useWrap.ts
+var import_react10 = require("react");
+var import_plonk9 = require("@prtcl/plonk");
+var useWrap = (opts) => {
+  return (0, import_react10.useMemo)(() => new import_plonk9.Wrap(opts), []);
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  useDrunk,
+  useEnv,
+  useFold,
   useFrames,
   useMetro,
-  usePrevious
+  usePrevious,
+  useRand,
+  useScale,
+  useSine,
+  useWrap
 });
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/useFrames.ts","../src/usePrevious.ts","../src/useMetro.ts"],"sourcesContent":["'use client';\n\nimport 'client-only';\n\nexport { useFrames, type UseFramesOptions } from './useFrames';\nexport { useMetro, type UseMetroOptions } from './useMetro';\nexport { usePrevious } from './usePrevious';\n","import { useEffect, useMemo, useRef } from 'react';\nimport { Frames, type FramesOptions, type TimerCallback } from '@prtcl/plonk';\nimport { usePrevious } from './usePrevious';\n\nexport type UseFramesOptions = FramesOptions & {\n  autostart?: boolean;\n};\n\n/**\n * Hook wrapper for Frames, autostart begins on mount and stops on unmount.\n * @param callback - {@link TimerCallback} called on each frame tick.\n * @param opts - {@link UseFramesOptions} for configuring frame rate and autostart.\n * @returns The underlying Frames instance.\n */\nexport const useFrames = (callback: TimerCallback<Frames>, opts?: UseFramesOptions) => {\n  const { autostart = true } = opts || {};\n  const callbackRef = useRef<TimerCallback<Frames>>(callback);\n  const optsRef = useRef<UseFramesOptions | undefined>(opts);\n  const prevOpts = usePrevious(opts);\n\n  callbackRef.current = callback;\n\n  const frames = useMemo<Frames>(() => {\n    return new Frames((m) => {\n      callbackRef.current(m);\n    }, optsRef.current);\n  }, []);\n\n  useEffect(() => {\n    if (opts && prevOpts && opts.fps !== prevOpts.fps) {\n      frames.setFPS(opts.fps);\n    }\n  }, [opts, prevOpts, frames]);\n\n  useEffect(() => {\n    if (autostart) {\n      frames.run();\n    }\n\n    return () => {\n      frames.stop();\n    };\n  }, [frames]);\n\n  return frames;\n};\n","import { useRef } from 'react';\n\ntype ValueCache<Value> = {\n  value: Value;\n  prev: Value | undefined;\n};\n\n/**\n * Returns the previous value of a variable without causing additional renders.\n * @param value - The current value to track.\n * @returns The value from the previous render, or undefined on the first render.\n */\nexport const usePrevious = <Value>(value: Value): Value | undefined => {\n  const ref = useRef<ValueCache<Value>>({\n    value,\n    prev: undefined,\n  });\n\n  const current = ref.current.value;\n\n  if (value !== current) {\n    ref.current = {\n      value,\n      prev: current,\n    };\n  }\n\n  return ref.current.prev;\n};\n","import { useEffect, useMemo, useRef } from 'react';\nimport { Metro, type MetroOptions, type TimerCallback } from '@prtcl/plonk';\nimport { usePrevious } from './usePrevious';\n\nexport type UseMetroOptions = MetroOptions & {\n  autostart?: boolean;\n};\n\n/**\n * Hook wrapper for Metro, autostart begins on mount and stops on unmount.\n * @param callback - {@link TimerCallback} called on each tick.\n * @param opts - {@link UseMetroOptions} for configuring the timer and autostart.\n * @returns The underlying Metro instance.\n */\nexport const useMetro = (callback: TimerCallback<Metro>, opts?: UseMetroOptions) => {\n  const { autostart = true } = opts || {};\n  const callbackRef = useRef<TimerCallback<Metro>>(callback);\n  const optsRef = useRef<UseMetroOptions | undefined>(opts);\n  const prevOpts = usePrevious(opts);\n\n  callbackRef.current = callback;\n\n  const metro = useMemo<Metro>(() => {\n    return new Metro((m) => {\n      callbackRef.current(m);\n    }, optsRef.current);\n  }, []);\n\n  useEffect(() => {\n    if (opts && prevOpts && opts.time !== prevOpts.time) {\n      metro.setTime(opts.time);\n    }\n  }, [opts, prevOpts, metro]);\n\n  useEffect(() => {\n    if (autostart) {\n      metro.run();\n    }\n\n    return () => {\n      metro.stop();\n    };\n  }, [metro]);\n\n  return metro;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,yBAAO;;;ACFP,IAAAA,gBAA2C;AAC3C,mBAA+D;;;ACD/D,mBAAuB;AAYhB,IAAM,cAAc,CAAQ,UAAoC;AACrE,QAAM,UAAM,qBAA0B;AAAA,IACpC;AAAA,IACA,MAAM;AAAA,EACR,CAAC;AAED,QAAM,UAAU,IAAI,QAAQ;AAE5B,MAAI,UAAU,SAAS;AACrB,QAAI,UAAU;AAAA,MACZ;AAAA,MACA,MAAM;AAAA,IACR;AAAA,EACF;AAEA,SAAO,IAAI,QAAQ;AACrB;;;ADdO,IAAM,YAAY,CAAC,UAAiC,SAA4B;AACrF,QAAM,EAAE,YAAY,KAAK,IAAI,QAAQ,CAAC;AACtC,QAAM,kBAAc,sBAA8B,QAAQ;AAC1D,QAAM,cAAU,sBAAqC,IAAI;AACzD,QAAM,WAAW,YAAY,IAAI;AAEjC,cAAY,UAAU;AAEtB,QAAM,aAAS,uBAAgB,MAAM;AACnC,WAAO,IAAI,oBAAO,CAAC,MAAM;AACvB,kBAAY,QAAQ,CAAC;AAAA,IACvB,GAAG,QAAQ,OAAO;AAAA,EACpB,GAAG,CAAC,CAAC;AAEL,+BAAU,MAAM;AACd,QAAI,QAAQ,YAAY,KAAK,QAAQ,SAAS,KAAK;AACjD,aAAO,OAAO,KAAK,GAAG;AAAA,IACxB;AAAA,EACF,GAAG,CAAC,MAAM,UAAU,MAAM,CAAC;AAE3B,+BAAU,MAAM;AACd,QAAI,WAAW;AACb,aAAO,IAAI;AAAA,IACb;AAEA,WAAO,MAAM;AACX,aAAO,KAAK;AAAA,IACd;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AAEX,SAAO;AACT;;;AE7CA,IAAAC,gBAA2C;AAC3C,IAAAC,gBAA6D;AAatD,IAAM,WAAW,CAAC,UAAgC,SAA2B;AAClF,QAAM,EAAE,YAAY,KAAK,IAAI,QAAQ,CAAC;AACtC,QAAM,kBAAc,sBAA6B,QAAQ;AACzD,QAAM,cAAU,sBAAoC,IAAI;AACxD,QAAM,WAAW,YAAY,IAAI;AAEjC,cAAY,UAAU;AAEtB,QAAM,YAAQ,uBAAe,MAAM;AACjC,WAAO,IAAI,oBAAM,CAAC,MAAM;AACtB,kBAAY,QAAQ,CAAC;AAAA,IACvB,GAAG,QAAQ,OAAO;AAAA,EACpB,GAAG,CAAC,CAAC;AAEL,+BAAU,MAAM;AACd,QAAI,QAAQ,YAAY,KAAK,SAAS,SAAS,MAAM;AACnD,YAAM,QAAQ,KAAK,IAAI;AAAA,IACzB;AAAA,EACF,GAAG,CAAC,MAAM,UAAU,KAAK,CAAC;AAE1B,+BAAU,MAAM;AACd,QAAI,WAAW;AACb,YAAM,IAAI;AAAA,IACZ;AAEA,WAAO,MAAM;AACX,YAAM,KAAK;AAAA,IACb;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAEV,SAAO;AACT;","names":["import_react","import_react","import_plonk"]}
+{"version":3,"sources":["../src/index.ts","../src/useDrunk.ts","../src/useEnv.ts","../src/useFold.ts","../src/useFrames.ts","../src/usePrevious.ts","../src/useMetro.ts","../src/useRand.ts","../src/useScale.ts","../src/useSine.ts","../src/useWrap.ts"],"sourcesContent":["'use client';\n\nimport 'client-only';\n\nexport { useDrunk } from './useDrunk';\nexport { useEnv } from './useEnv';\nexport { useFold } from './useFold';\nexport { useFrames, type UseFramesOptions } from './useFrames';\nexport { useMetro, type UseMetroOptions } from './useMetro';\nexport { usePrevious } from './usePrevious';\nexport { useRand } from './useRand';\nexport { useScale } from './useScale';\nexport { useSine } from './useSine';\nexport { useWrap } from './useWrap';\n","import { useMemo } from 'react';\nimport { Drunk, type DrunkOptions } from '@prtcl/plonk';\n\n/**\n * Hook wrapper for Drunk, instantiates a Drunk generator on mount.\n * @param opts - {@link DrunkOptions} for configuring the random walk.\n * @returns The underlying Drunk instance.\n */\nexport const useDrunk = (opts?: DrunkOptions) => {\n  return useMemo(() => new Drunk(opts), []);\n};\n","import { useMemo } from 'react';\nimport { Env, type EnvOptions } from '@prtcl/plonk';\n\n/**\n * Hook wrapper for Env, instantiates an Env generator on mount.\n * @param opts - {@link EnvOptions} for configuring the envelope.\n * @returns The underlying Env instance.\n */\nexport const useEnv = (opts: EnvOptions) => {\n  return useMemo(() => new Env(opts), []);\n};\n","import { useMemo } from 'react';\nimport { Fold, type FoldOptions } from '@prtcl/plonk';\n\n/**\n * Hook wrapper for Fold, instantiates a Fold transformer on mount.\n * @param opts - {@link FoldOptions} for configuring the range.\n * @returns The underlying Fold instance.\n */\nexport const useFold = (opts?: FoldOptions) => {\n  return useMemo(() => new Fold(opts), []);\n};\n","import { useEffect, useMemo, useRef } from 'react';\nimport { Frames, type FramesOptions, type TimerCallback } from '@prtcl/plonk';\nimport { usePrevious } from './usePrevious';\n\nexport type UseFramesOptions = FramesOptions & {\n  autostart?: boolean;\n};\n\n/**\n * Hook wrapper for Frames, autostart begins on mount and stops on unmount.\n * @param callback - {@link TimerCallback} called on each frame tick.\n * @param opts - {@link UseFramesOptions} for configuring frame rate and autostart.\n * @returns The underlying Frames instance.\n */\nexport const useFrames = (callback: TimerCallback<Frames>, opts?: UseFramesOptions) => {\n  const { autostart = true } = opts || {};\n  const callbackRef = useRef<TimerCallback<Frames>>(callback);\n  const optsRef = useRef<UseFramesOptions | undefined>(opts);\n  const prevOpts = usePrevious(opts);\n\n  callbackRef.current = callback;\n\n  const frames = useMemo<Frames>(() => {\n    return new Frames((m) => {\n      callbackRef.current(m);\n    }, optsRef.current);\n  }, []);\n\n  useEffect(() => {\n    if (opts && prevOpts && opts.fps !== prevOpts.fps) {\n      frames.setFPS(opts.fps);\n    }\n  }, [opts, prevOpts, frames]);\n\n  useEffect(() => {\n    if (autostart) {\n      frames.run();\n    }\n\n    return () => {\n      frames.stop();\n    };\n  }, [frames]);\n\n  return frames;\n};\n","import { useRef } from 'react';\n\ntype ValueCache<Value> = {\n  value: Value;\n  prev: Value | undefined;\n};\n\n/**\n * Returns the previous value of a variable without causing additional renders.\n * @param value - The current value to track.\n * @returns The value from the previous render, or undefined on the first render.\n */\nexport const usePrevious = <Value>(value: Value): Value | undefined => {\n  const ref = useRef<ValueCache<Value>>({\n    value,\n    prev: undefined,\n  });\n\n  const current = ref.current.value;\n\n  if (value !== current) {\n    ref.current = {\n      value,\n      prev: current,\n    };\n  }\n\n  return ref.current.prev;\n};\n","import { useEffect, useMemo, useRef } from 'react';\nimport { Metro, type MetroOptions, type TimerCallback } from '@prtcl/plonk';\nimport { usePrevious } from './usePrevious';\n\nexport type UseMetroOptions = MetroOptions & {\n  autostart?: boolean;\n};\n\n/**\n * Hook wrapper for Metro, autostart begins on mount and stops on unmount.\n * @param callback - {@link TimerCallback} called on each tick.\n * @param opts - {@link UseMetroOptions} for configuring the timer and autostart.\n * @returns The underlying Metro instance.\n */\nexport const useMetro = (callback: TimerCallback<Metro>, opts?: UseMetroOptions) => {\n  const { autostart = true } = opts || {};\n  const callbackRef = useRef<TimerCallback<Metro>>(callback);\n  const optsRef = useRef<UseMetroOptions | undefined>(opts);\n  const prevOpts = usePrevious(opts);\n\n  callbackRef.current = callback;\n\n  const metro = useMemo<Metro>(() => {\n    return new Metro((m) => {\n      callbackRef.current(m);\n    }, optsRef.current);\n  }, []);\n\n  useEffect(() => {\n    if (opts && prevOpts && opts.time !== prevOpts.time) {\n      metro.setTime(opts.time);\n    }\n  }, [opts, prevOpts, metro]);\n\n  useEffect(() => {\n    if (autostart) {\n      metro.run();\n    }\n\n    return () => {\n      metro.stop();\n    };\n  }, [metro]);\n\n  return metro;\n};\n","import { useMemo } from 'react';\nimport { Rand, type RandOptions } from '@prtcl/plonk';\n\n/**\n * Hook wrapper for Rand, instantiates a Rand generator on mount.\n * @param opts - {@link RandOptions} for configuring the random range.\n * @returns The underlying Rand instance.\n */\nexport const useRand = (opts?: RandOptions) => {\n  return useMemo(() => new Rand(opts), []);\n};\n","import { useMemo } from 'react';\nimport { Scale, type ScaleOptions } from '@prtcl/plonk';\n\n/**\n * Hook wrapper for Scale, instantiates a Scale mapper on mount.\n * @param opts - {@link ScaleOptions} for configuring the input/output ranges.\n * @returns The underlying Scale instance.\n */\nexport const useScale = (opts?: ScaleOptions) => {\n  return useMemo(() => new Scale(opts), []);\n};\n","import { useMemo } from 'react';\nimport { Sine, type SineOptions } from '@prtcl/plonk';\n\n/**\n * Hook wrapper for Sine, instantiates a Sine oscillator on mount.\n * @param opts - {@link SineOptions} for configuring the oscillator.\n * @returns The underlying Sine instance.\n */\nexport const useSine = (opts: SineOptions) => {\n  return useMemo(() => new Sine(opts), []);\n};\n","import { useMemo } from 'react';\nimport { Wrap, type WrapOptions } from '@prtcl/plonk';\n\n/**\n * Hook wrapper for Wrap, instantiates a Wrap transformer on mount.\n * @param opts - {@link WrapOptions} for configuring the range.\n * @returns The underlying Wrap instance.\n */\nexport const useWrap = (opts?: WrapOptions) => {\n  return useMemo(() => new Wrap(opts), []);\n};\n"],"mappings":"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","names":["import_react","import_plonk","import_react","import_plonk","import_react","import_plonk","import_react","import_react","import_plonk","import_react","import_plonk","import_react","import_plonk","import_react","import_plonk","import_react","import_plonk"]}

package/dist/index.d.cts

@@ -1,4 +1,25 @@
-import { FramesOptions, TimerCallback, Frames, MetroOptions, Metro } from '@prtcl/plonk';
+import { DrunkOptions, Drunk, EnvOptions, Env, FoldOptions, Fold, FramesOptions, TimerCallback, Frames, MetroOptions, Metro, RandOptions, Rand, ScaleOptions, Scale, SineOptions, Sine, WrapOptions, Wrap } from '@prtcl/plonk';
+
+/**
+ * Hook wrapper for Drunk, instantiates a Drunk generator on mount.
+ * @param opts - {@link DrunkOptions} for configuring the random walk.
+ * @returns The underlying Drunk instance.
+ */
+declare const useDrunk: (opts?: DrunkOptions) => Drunk;
+
+/**
+ * Hook wrapper for Env, instantiates an Env generator on mount.
+ * @param opts - {@link EnvOptions} for configuring the envelope.
+ * @returns The underlying Env instance.
+ */
+declare const useEnv: (opts: EnvOptions) => Env;
+
+/**
+ * Hook wrapper for Fold, instantiates a Fold transformer on mount.
+ * @param opts - {@link FoldOptions} for configuring the range.
+ * @returns The underlying Fold instance.
+ */
+declare const useFold: (opts?: FoldOptions) => Fold;
 
 type UseFramesOptions = FramesOptions & {
     autostart?: boolean;
@@ -29,4 +50,32 @@ declare const useMetro: (callback: TimerCallback<Metro>, opts?: UseMetroOptions)
  */
 declare const usePrevious: <Value>(value: Value) => Value | undefined;
 
-export { type UseFramesOptions, type UseMetroOptions, useFrames, useMetro, usePrevious };
+/**
+ * Hook wrapper for Rand, instantiates a Rand generator on mount.
+ * @param opts - {@link RandOptions} for configuring the random range.
+ * @returns The underlying Rand instance.
+ */
+declare const useRand: (opts?: RandOptions) => Rand;
+
+/**
+ * Hook wrapper for Scale, instantiates a Scale mapper on mount.
+ * @param opts - {@link ScaleOptions} for configuring the input/output ranges.
+ * @returns The underlying Scale instance.
+ */
+declare const useScale: (opts?: ScaleOptions) => Scale;
+
+/**
+ * Hook wrapper for Sine, instantiates a Sine oscillator on mount.
+ * @param opts - {@link SineOptions} for configuring the oscillator.
+ * @returns The underlying Sine instance.
+ */
+declare const useSine: (opts: SineOptions) => Sine;
+
+/**
+ * Hook wrapper for Wrap, instantiates a Wrap transformer on mount.
+ * @param opts - {@link WrapOptions} for configuring the range.
+ * @returns The underlying Wrap instance.
+ */
+declare const useWrap: (opts?: WrapOptions) => Wrap;
+
+export { type UseFramesOptions, type UseMetroOptions, useDrunk, useEnv, useFold, useFrames, useMetro, usePrevious, useRand, useScale, useSine, useWrap };

package/dist/index.d.ts

@@ -1,4 +1,25 @@
-import { FramesOptions, TimerCallback, Frames, MetroOptions, Metro } from '@prtcl/plonk';
+import { DrunkOptions, Drunk, EnvOptions, Env, FoldOptions, Fold, FramesOptions, TimerCallback, Frames, MetroOptions, Metro, RandOptions, Rand, ScaleOptions, Scale, SineOptions, Sine, WrapOptions, Wrap } from '@prtcl/plonk';
+
+/**
+ * Hook wrapper for Drunk, instantiates a Drunk generator on mount.
+ * @param opts - {@link DrunkOptions} for configuring the random walk.
+ * @returns The underlying Drunk instance.
+ */
+declare const useDrunk: (opts?: DrunkOptions) => Drunk;
+
+/**
+ * Hook wrapper for Env, instantiates an Env generator on mount.
+ * @param opts - {@link EnvOptions} for configuring the envelope.
+ * @returns The underlying Env instance.
+ */
+declare const useEnv: (opts: EnvOptions) => Env;
+
+/**
+ * Hook wrapper for Fold, instantiates a Fold transformer on mount.
+ * @param opts - {@link FoldOptions} for configuring the range.
+ * @returns The underlying Fold instance.
+ */
+declare const useFold: (opts?: FoldOptions) => Fold;
 
 type UseFramesOptions = FramesOptions & {
     autostart?: boolean;
@@ -29,4 +50,32 @@ declare const useMetro: (callback: TimerCallback<Metro>, opts?: UseMetroOptions)
  */
 declare const usePrevious: <Value>(value: Value) => Value | undefined;
 
-export { type UseFramesOptions, type UseMetroOptions, useFrames, useMetro, usePrevious };
+/**
+ * Hook wrapper for Rand, instantiates a Rand generator on mount.
+ * @param opts - {@link RandOptions} for configuring the random range.
+ * @returns The underlying Rand instance.
+ */
+declare const useRand: (opts?: RandOptions) => Rand;
+
+/**
+ * Hook wrapper for Scale, instantiates a Scale mapper on mount.
+ * @param opts - {@link ScaleOptions} for configuring the input/output ranges.
+ * @returns The underlying Scale instance.
+ */
+declare const useScale: (opts?: ScaleOptions) => Scale;
+
+/**
+ * Hook wrapper for Sine, instantiates a Sine oscillator on mount.
+ * @param opts - {@link SineOptions} for configuring the oscillator.
+ * @returns The underlying Sine instance.
+ */
+declare const useSine: (opts: SineOptions) => Sine;
+
+/**
+ * Hook wrapper for Wrap, instantiates a Wrap transformer on mount.
+ * @param opts - {@link WrapOptions} for configuring the range.
+ * @returns The underlying Wrap instance.
+ */
+declare const useWrap: (opts?: WrapOptions) => Wrap;
+
+export { type UseFramesOptions, type UseMetroOptions, useDrunk, useEnv, useFold, useFrames, useMetro, usePrevious, useRand, useScale, useSine, useWrap };

package/dist/index.js

@@ -3,8 +3,29 @@
 // src/index.ts
 import "client-only";
 
+// src/useDrunk.ts
+import { useMemo } from "react";
+import { Drunk } from "@prtcl/plonk";
+var useDrunk = (opts) => {
+  return useMemo(() => new Drunk(opts), []);
+};
+
+// src/useEnv.ts
+import { useMemo as useMemo2 } from "react";
+import { Env } from "@prtcl/plonk";
+var useEnv = (opts) => {
+  return useMemo2(() => new Env(opts), []);
+};
+
+// src/useFold.ts
+import { useMemo as useMemo3 } from "react";
+import { Fold } from "@prtcl/plonk";
+var useFold = (opts) => {
+  return useMemo3(() => new Fold(opts), []);
+};
+
 // src/useFrames.ts
-import { useEffect, useMemo, useRef as useRef2 } from "react";
+import { useEffect, useMemo as useMemo4, useRef as useRef2 } from "react";
 import { Frames } from "@prtcl/plonk";
 
 // src/usePrevious.ts
@@ -31,7 +52,7 @@ var useFrames = (callback, opts) => {
   const optsRef = useRef2(opts);
   const prevOpts = usePrevious(opts);
   callbackRef.current = callback;
-  const frames = useMemo(() => {
+  const frames = useMemo4(() => {
     return new Frames((m) => {
       callbackRef.current(m);
     }, optsRef.current);
@@ -53,7 +74,7 @@ var useFrames = (callback, opts) => {
 };
 
 // src/useMetro.ts
-import { useEffect as useEffect2, useMemo as useMemo2, useRef as useRef3 } from "react";
+import { useEffect as useEffect2, useMemo as useMemo5, useRef as useRef3 } from "react";
 import { Metro } from "@prtcl/plonk";
 var useMetro = (callback, opts) => {
   const { autostart = true } = opts || {};
@@ -61,7 +82,7 @@ var useMetro = (callback, opts) => {
   const optsRef = useRef3(opts);
   const prevOpts = usePrevious(opts);
   callbackRef.current = callback;
-  const metro = useMemo2(() => {
+  const metro = useMemo5(() => {
     return new Metro((m) => {
       callbackRef.current(m);
     }, optsRef.current);
@@ -81,9 +102,44 @@ var useMetro = (callback, opts) => {
   }, [metro]);
   return metro;
 };
+
+// src/useRand.ts
+import { useMemo as useMemo6 } from "react";
+import { Rand } from "@prtcl/plonk";
+var useRand = (opts) => {
+  return useMemo6(() => new Rand(opts), []);
+};
+
+// src/useScale.ts
+import { useMemo as useMemo7 } from "react";
+import { Scale } from "@prtcl/plonk";
+var useScale = (opts) => {
+  return useMemo7(() => new Scale(opts), []);
+};
+
+// src/useSine.ts
+import { useMemo as useMemo8 } from "react";
+import { Sine } from "@prtcl/plonk";
+var useSine = (opts) => {
+  return useMemo8(() => new Sine(opts), []);
+};
+
+// src/useWrap.ts
+import { useMemo as useMemo9 } from "react";
+import { Wrap } from "@prtcl/plonk";
+var useWrap = (opts) => {
+  return useMemo9(() => new Wrap(opts), []);
+};
 export {
+  useDrunk,
+  useEnv,
+  useFold,
   useFrames,
   useMetro,
-  usePrevious
+  usePrevious,
+  useRand,
+  useScale,
+  useSine,
+  useWrap
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/useFrames.ts","../src/usePrevious.ts","../src/useMetro.ts"],"sourcesContent":["'use client';\n\nimport 'client-only';\n\nexport { useFrames, type UseFramesOptions } from './useFrames';\nexport { useMetro, type UseMetroOptions } from './useMetro';\nexport { usePrevious } from './usePrevious';\n","import { useEffect, useMemo, useRef } from 'react';\nimport { Frames, type FramesOptions, type TimerCallback } from '@prtcl/plonk';\nimport { usePrevious } from './usePrevious';\n\nexport type UseFramesOptions = FramesOptions & {\n  autostart?: boolean;\n};\n\n/**\n * Hook wrapper for Frames, autostart begins on mount and stops on unmount.\n * @param callback - {@link TimerCallback} called on each frame tick.\n * @param opts - {@link UseFramesOptions} for configuring frame rate and autostart.\n * @returns The underlying Frames instance.\n */\nexport const useFrames = (callback: TimerCallback<Frames>, opts?: UseFramesOptions) => {\n  const { autostart = true } = opts || {};\n  const callbackRef = useRef<TimerCallback<Frames>>(callback);\n  const optsRef = useRef<UseFramesOptions | undefined>(opts);\n  const prevOpts = usePrevious(opts);\n\n  callbackRef.current = callback;\n\n  const frames = useMemo<Frames>(() => {\n    return new Frames((m) => {\n      callbackRef.current(m);\n    }, optsRef.current);\n  }, []);\n\n  useEffect(() => {\n    if (opts && prevOpts && opts.fps !== prevOpts.fps) {\n      frames.setFPS(opts.fps);\n    }\n  }, [opts, prevOpts, frames]);\n\n  useEffect(() => {\n    if (autostart) {\n      frames.run();\n    }\n\n    return () => {\n      frames.stop();\n    };\n  }, [frames]);\n\n  return frames;\n};\n","import { useRef } from 'react';\n\ntype ValueCache<Value> = {\n  value: Value;\n  prev: Value | undefined;\n};\n\n/**\n * Returns the previous value of a variable without causing additional renders.\n * @param value - The current value to track.\n * @returns The value from the previous render, or undefined on the first render.\n */\nexport const usePrevious = <Value>(value: Value): Value | undefined => {\n  const ref = useRef<ValueCache<Value>>({\n    value,\n    prev: undefined,\n  });\n\n  const current = ref.current.value;\n\n  if (value !== current) {\n    ref.current = {\n      value,\n      prev: current,\n    };\n  }\n\n  return ref.current.prev;\n};\n","import { useEffect, useMemo, useRef } from 'react';\nimport { Metro, type MetroOptions, type TimerCallback } from '@prtcl/plonk';\nimport { usePrevious } from './usePrevious';\n\nexport type UseMetroOptions = MetroOptions & {\n  autostart?: boolean;\n};\n\n/**\n * Hook wrapper for Metro, autostart begins on mount and stops on unmount.\n * @param callback - {@link TimerCallback} called on each tick.\n * @param opts - {@link UseMetroOptions} for configuring the timer and autostart.\n * @returns The underlying Metro instance.\n */\nexport const useMetro = (callback: TimerCallback<Metro>, opts?: UseMetroOptions) => {\n  const { autostart = true } = opts || {};\n  const callbackRef = useRef<TimerCallback<Metro>>(callback);\n  const optsRef = useRef<UseMetroOptions | undefined>(opts);\n  const prevOpts = usePrevious(opts);\n\n  callbackRef.current = callback;\n\n  const metro = useMemo<Metro>(() => {\n    return new Metro((m) => {\n      callbackRef.current(m);\n    }, optsRef.current);\n  }, []);\n\n  useEffect(() => {\n    if (opts && prevOpts && opts.time !== prevOpts.time) {\n      metro.setTime(opts.time);\n    }\n  }, [opts, prevOpts, metro]);\n\n  useEffect(() => {\n    if (autostart) {\n      metro.run();\n    }\n\n    return () => {\n      metro.stop();\n    };\n  }, [metro]);\n\n  return metro;\n};\n"],"mappings":";;;AAEA,OAAO;;;ACFP,SAAS,WAAW,SAAS,UAAAA,eAAc;AAC3C,SAAS,cAAsD;;;ACD/D,SAAS,cAAc;AAYhB,IAAM,cAAc,CAAQ,UAAoC;AACrE,QAAM,MAAM,OAA0B;AAAA,IACpC;AAAA,IACA,MAAM;AAAA,EACR,CAAC;AAED,QAAM,UAAU,IAAI,QAAQ;AAE5B,MAAI,UAAU,SAAS;AACrB,QAAI,UAAU;AAAA,MACZ;AAAA,MACA,MAAM;AAAA,IACR;AAAA,EACF;AAEA,SAAO,IAAI,QAAQ;AACrB;;;ADdO,IAAM,YAAY,CAAC,UAAiC,SAA4B;AACrF,QAAM,EAAE,YAAY,KAAK,IAAI,QAAQ,CAAC;AACtC,QAAM,cAAcC,QAA8B,QAAQ;AAC1D,QAAM,UAAUA,QAAqC,IAAI;AACzD,QAAM,WAAW,YAAY,IAAI;AAEjC,cAAY,UAAU;AAEtB,QAAM,SAAS,QAAgB,MAAM;AACnC,WAAO,IAAI,OAAO,CAAC,MAAM;AACvB,kBAAY,QAAQ,CAAC;AAAA,IACvB,GAAG,QAAQ,OAAO;AAAA,EACpB,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACd,QAAI,QAAQ,YAAY,KAAK,QAAQ,SAAS,KAAK;AACjD,aAAO,OAAO,KAAK,GAAG;AAAA,IACxB;AAAA,EACF,GAAG,CAAC,MAAM,UAAU,MAAM,CAAC;AAE3B,YAAU,MAAM;AACd,QAAI,WAAW;AACb,aAAO,IAAI;AAAA,IACb;AAEA,WAAO,MAAM;AACX,aAAO,KAAK;AAAA,IACd;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AAEX,SAAO;AACT;;;AE7CA,SAAS,aAAAC,YAAW,WAAAC,UAAS,UAAAC,eAAc;AAC3C,SAAS,aAAoD;AAatD,IAAM,WAAW,CAAC,UAAgC,SAA2B;AAClF,QAAM,EAAE,YAAY,KAAK,IAAI,QAAQ,CAAC;AACtC,QAAM,cAAcC,QAA6B,QAAQ;AACzD,QAAM,UAAUA,QAAoC,IAAI;AACxD,QAAM,WAAW,YAAY,IAAI;AAEjC,cAAY,UAAU;AAEtB,QAAM,QAAQC,SAAe,MAAM;AACjC,WAAO,IAAI,MAAM,CAAC,MAAM;AACtB,kBAAY,QAAQ,CAAC;AAAA,IACvB,GAAG,QAAQ,OAAO;AAAA,EACpB,GAAG,CAAC,CAAC;AAEL,EAAAC,WAAU,MAAM;AACd,QAAI,QAAQ,YAAY,KAAK,SAAS,SAAS,MAAM;AACnD,YAAM,QAAQ,KAAK,IAAI;AAAA,IACzB;AAAA,EACF,GAAG,CAAC,MAAM,UAAU,KAAK,CAAC;AAE1B,EAAAA,WAAU,MAAM;AACd,QAAI,WAAW;AACb,YAAM,IAAI;AAAA,IACZ;AAEA,WAAO,MAAM;AACX,YAAM,KAAK;AAAA,IACb;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAEV,SAAO;AACT;","names":["useRef","useRef","useEffect","useMemo","useRef","useRef","useMemo","useEffect"]}
+{"version":3,"sources":["../src/index.ts","../src/useDrunk.ts","../src/useEnv.ts","../src/useFold.ts","../src/useFrames.ts","../src/usePrevious.ts","../src/useMetro.ts","../src/useRand.ts","../src/useScale.ts","../src/useSine.ts","../src/useWrap.ts"],"sourcesContent":["'use client';\n\nimport 'client-only';\n\nexport { useDrunk } from './useDrunk';\nexport { useEnv } from './useEnv';\nexport { useFold } from './useFold';\nexport { useFrames, type UseFramesOptions } from './useFrames';\nexport { useMetro, type UseMetroOptions } from './useMetro';\nexport { usePrevious } from './usePrevious';\nexport { useRand } from './useRand';\nexport { useScale } from './useScale';\nexport { useSine } from './useSine';\nexport { useWrap } from './useWrap';\n","import { useMemo } from 'react';\nimport { Drunk, type DrunkOptions } from '@prtcl/plonk';\n\n/**\n * Hook wrapper for Drunk, instantiates a Drunk generator on mount.\n * @param opts - {@link DrunkOptions} for configuring the random walk.\n * @returns The underlying Drunk instance.\n */\nexport const useDrunk = (opts?: DrunkOptions) => {\n  return useMemo(() => new Drunk(opts), []);\n};\n","import { useMemo } from 'react';\nimport { Env, type EnvOptions } from '@prtcl/plonk';\n\n/**\n * Hook wrapper for Env, instantiates an Env generator on mount.\n * @param opts - {@link EnvOptions} for configuring the envelope.\n * @returns The underlying Env instance.\n */\nexport const useEnv = (opts: EnvOptions) => {\n  return useMemo(() => new Env(opts), []);\n};\n","import { useMemo } from 'react';\nimport { Fold, type FoldOptions } from '@prtcl/plonk';\n\n/**\n * Hook wrapper for Fold, instantiates a Fold transformer on mount.\n * @param opts - {@link FoldOptions} for configuring the range.\n * @returns The underlying Fold instance.\n */\nexport const useFold = (opts?: FoldOptions) => {\n  return useMemo(() => new Fold(opts), []);\n};\n","import { useEffect, useMemo, useRef } from 'react';\nimport { Frames, type FramesOptions, type TimerCallback } from '@prtcl/plonk';\nimport { usePrevious } from './usePrevious';\n\nexport type UseFramesOptions = FramesOptions & {\n  autostart?: boolean;\n};\n\n/**\n * Hook wrapper for Frames, autostart begins on mount and stops on unmount.\n * @param callback - {@link TimerCallback} called on each frame tick.\n * @param opts - {@link UseFramesOptions} for configuring frame rate and autostart.\n * @returns The underlying Frames instance.\n */\nexport const useFrames = (callback: TimerCallback<Frames>, opts?: UseFramesOptions) => {\n  const { autostart = true } = opts || {};\n  const callbackRef = useRef<TimerCallback<Frames>>(callback);\n  const optsRef = useRef<UseFramesOptions | undefined>(opts);\n  const prevOpts = usePrevious(opts);\n\n  callbackRef.current = callback;\n\n  const frames = useMemo<Frames>(() => {\n    return new Frames((m) => {\n      callbackRef.current(m);\n    }, optsRef.current);\n  }, []);\n\n  useEffect(() => {\n    if (opts && prevOpts && opts.fps !== prevOpts.fps) {\n      frames.setFPS(opts.fps);\n    }\n  }, [opts, prevOpts, frames]);\n\n  useEffect(() => {\n    if (autostart) {\n      frames.run();\n    }\n\n    return () => {\n      frames.stop();\n    };\n  }, [frames]);\n\n  return frames;\n};\n","import { useRef } from 'react';\n\ntype ValueCache<Value> = {\n  value: Value;\n  prev: Value | undefined;\n};\n\n/**\n * Returns the previous value of a variable without causing additional renders.\n * @param value - The current value to track.\n * @returns The value from the previous render, or undefined on the first render.\n */\nexport const usePrevious = <Value>(value: Value): Value | undefined => {\n  const ref = useRef<ValueCache<Value>>({\n    value,\n    prev: undefined,\n  });\n\n  const current = ref.current.value;\n\n  if (value !== current) {\n    ref.current = {\n      value,\n      prev: current,\n    };\n  }\n\n  return ref.current.prev;\n};\n","import { useEffect, useMemo, useRef } from 'react';\nimport { Metro, type MetroOptions, type TimerCallback } from '@prtcl/plonk';\nimport { usePrevious } from './usePrevious';\n\nexport type UseMetroOptions = MetroOptions & {\n  autostart?: boolean;\n};\n\n/**\n * Hook wrapper for Metro, autostart begins on mount and stops on unmount.\n * @param callback - {@link TimerCallback} called on each tick.\n * @param opts - {@link UseMetroOptions} for configuring the timer and autostart.\n * @returns The underlying Metro instance.\n */\nexport const useMetro = (callback: TimerCallback<Metro>, opts?: UseMetroOptions) => {\n  const { autostart = true } = opts || {};\n  const callbackRef = useRef<TimerCallback<Metro>>(callback);\n  const optsRef = useRef<UseMetroOptions | undefined>(opts);\n  const prevOpts = usePrevious(opts);\n\n  callbackRef.current = callback;\n\n  const metro = useMemo<Metro>(() => {\n    return new Metro((m) => {\n      callbackRef.current(m);\n    }, optsRef.current);\n  }, []);\n\n  useEffect(() => {\n    if (opts && prevOpts && opts.time !== prevOpts.time) {\n      metro.setTime(opts.time);\n    }\n  }, [opts, prevOpts, metro]);\n\n  useEffect(() => {\n    if (autostart) {\n      metro.run();\n    }\n\n    return () => {\n      metro.stop();\n    };\n  }, [metro]);\n\n  return metro;\n};\n","import { useMemo } from 'react';\nimport { Rand, type RandOptions } from '@prtcl/plonk';\n\n/**\n * Hook wrapper for Rand, instantiates a Rand generator on mount.\n * @param opts - {@link RandOptions} for configuring the random range.\n * @returns The underlying Rand instance.\n */\nexport const useRand = (opts?: RandOptions) => {\n  return useMemo(() => new Rand(opts), []);\n};\n","import { useMemo } from 'react';\nimport { Scale, type ScaleOptions } from '@prtcl/plonk';\n\n/**\n * Hook wrapper for Scale, instantiates a Scale mapper on mount.\n * @param opts - {@link ScaleOptions} for configuring the input/output ranges.\n * @returns The underlying Scale instance.\n */\nexport const useScale = (opts?: ScaleOptions) => {\n  return useMemo(() => new Scale(opts), []);\n};\n","import { useMemo } from 'react';\nimport { Sine, type SineOptions } from '@prtcl/plonk';\n\n/**\n * Hook wrapper for Sine, instantiates a Sine oscillator on mount.\n * @param opts - {@link SineOptions} for configuring the oscillator.\n * @returns The underlying Sine instance.\n */\nexport const useSine = (opts: SineOptions) => {\n  return useMemo(() => new Sine(opts), []);\n};\n","import { useMemo } from 'react';\nimport { Wrap, type WrapOptions } from '@prtcl/plonk';\n\n/**\n * Hook wrapper for Wrap, instantiates a Wrap transformer on mount.\n * @param opts - {@link WrapOptions} for configuring the range.\n * @returns The underlying Wrap instance.\n */\nexport const useWrap = (opts?: WrapOptions) => {\n  return useMemo(() => new Wrap(opts), []);\n};\n"],"mappings":"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","names":["useMemo","useMemo","useMemo","useRef","useRef","useMemo","useEffect","useMemo","useRef","useRef","useMemo","useEffect","useMemo","useMemo","useMemo","useMemo"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prtcl/plonk-hooks",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "React hook wrappers for plonk",
   "author": "Cory O'Brien <cory@prtcl.cc>",
   "license": "MIT",
@@ -23,7 +23,7 @@
     "test": "vitest --browser.name=chrome --browser.headless --watch=false"
   },
   "dependencies": {
-    "@prtcl/plonk": "1.1.1",
+    "@prtcl/plonk": "1.1.2",
     "client-only": "^0.0.1"
   },
   "peerDependencies": {