poltrgeist-react 0.1.0

package/dist/index.cjs

@@ -0,0 +1,120 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Haunted: () => Haunted,
+  PoltrgeistProvider: () => PoltrgeistProvider,
+  usePoltrgeist: () => usePoltrgeist
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/PoltrgeistProvider.tsx
+var import_react = require("react");
+var import_poltrgeist = require("poltrgeist");
+var import_jsx_runtime = require("react/jsx-runtime");
+var PoltrgeistContext = (0, import_react.createContext)(null);
+function PoltrgeistProvider({ children, options }) {
+  (0, import_react.useEffect)(() => {
+    import_poltrgeist.poltrgeist.haunt(options);
+    return () => import_poltrgeist.poltrgeist.release();
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PoltrgeistContext.Provider, { value: import_poltrgeist.poltrgeist, children });
+}
+
+// src/usePoltrgeist.ts
+var import_react2 = require("react");
+var import_poltrgeist2 = require("poltrgeist");
+function usePoltrgeist(effects) {
+  const cleanups = (0, import_react2.useRef)([]);
+  const ref = (0, import_react2.useCallback)(
+    (el) => {
+      cleanups.current.forEach((fn) => fn());
+      cleanups.current = [];
+      if (!el) return;
+      for (const effect of effects) {
+        import_poltrgeist2.poltrgeist.apply(el, effect);
+      }
+    },
+    [effects.join(",")]
+  );
+  return { ref };
+}
+
+// src/Haunted.tsx
+var import_react3 = require("react");
+var import_poltrgeist3 = require("poltrgeist");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function Haunted(_a) {
+  var _b = _a, {
+    as,
+    effects,
+    children
+  } = _b, rest = __objRest(_b, [
+    "as",
+    "effects",
+    "children"
+  ]);
+  const Tag = as != null ? as : "div";
+  const ref = (0, import_react3.useRef)(null);
+  (0, import_react3.useEffect)(() => {
+    if (!ref.current) return;
+    for (const effect of effects) {
+      import_poltrgeist3.poltrgeist.apply(ref.current, effect);
+    }
+  }, [effects.join(",")]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Tag, __spreadProps(__spreadValues({ ref }, rest), { children }));
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Haunted,
+  PoltrgeistProvider,
+  usePoltrgeist
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/PoltrgeistProvider.tsx","../src/usePoltrgeist.ts","../src/Haunted.tsx"],"sourcesContent":["export { PoltrgeistProvider } from './PoltrgeistProvider'\nexport { usePoltrgeist } from './usePoltrgeist'\nexport { Haunted } from './Haunted'\n","import { useEffect, createContext, useContext } from 'react'\nimport type { ReactNode } from 'react'\nimport { poltrgeist } from 'poltrgeist'\nimport type { HauntOptions } from 'poltrgeist'\n\nconst PoltrgeistContext = createContext<typeof poltrgeist | null>(null)\n\nexport function usePoltrgeistContext(): typeof poltrgeist {\n  const ctx = useContext(PoltrgeistContext)\n  if (!ctx) throw new Error('usePoltrgeistContext must be used inside <PoltrgeistProvider>')\n  return ctx\n}\n\ninterface Props {\n  children: ReactNode\n  options?: HauntOptions\n}\n\nexport function PoltrgeistProvider({ children, options }: Props) {\n  useEffect(() => {\n    poltrgeist.haunt(options)\n    return () => poltrgeist.release()\n  }, [])\n\n  return (\n    <PoltrgeistContext.Provider value={poltrgeist}>\n      {children}\n    </PoltrgeistContext.Provider>\n  )\n}\n","import { useCallback, useRef } from 'react'\nimport { poltrgeist } from 'poltrgeist'\nimport type { EffectName } from 'poltrgeist'\n\nexport function usePoltrgeist(effects: EffectName[]) {\n  const cleanups = useRef<(() => void)[]>([])\n\n  const ref = useCallback(\n    (el: HTMLElement | null) => {\n      cleanups.current.forEach((fn) => fn())\n      cleanups.current = []\n      if (!el) return\n      for (const effect of effects) {\n        poltrgeist.apply(el, effect)\n      }\n    },\n    [effects.join(',')],\n  )\n\n  return { ref }\n}\n","import { useEffect, useRef } from 'react'\nimport type { ReactNode, ElementType, ComponentPropsWithRef } from 'react'\nimport { poltrgeist } from 'poltrgeist'\nimport type { EffectName } from 'poltrgeist'\n\ntype HauntedProps<T extends ElementType> = {\n  as?: T\n  effects: EffectName[]\n  children?: ReactNode\n} & Omit<ComponentPropsWithRef<T>, 'as' | 'effects'>\n\nexport function Haunted<T extends ElementType = 'div'>({\n  as,\n  effects,\n  children,\n  ...rest\n}: HauntedProps<T>) {\n  const Tag = (as ?? 'div') as ElementType\n  const ref = useRef<HTMLElement>(null)\n\n  useEffect(() => {\n    if (!ref.current) return\n    for (const effect of effects) {\n      poltrgeist.apply(ref.current, effect)\n    }\n  }, [effects.join(',')])\n\n  return (\n    <Tag ref={ref} {...rest}>\n      {children}\n    </Tag>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAqD;AAErD,wBAA2B;AAuBvB;AApBJ,IAAM,wBAAoB,4BAAwC,IAAI;AAa/D,SAAS,mBAAmB,EAAE,UAAU,QAAQ,GAAU;AAC/D,8BAAU,MAAM;AACd,iCAAW,MAAM,OAAO;AACxB,WAAO,MAAM,6BAAW,QAAQ;AAAA,EAClC,GAAG,CAAC,CAAC;AAEL,SACE,4CAAC,kBAAkB,UAAlB,EAA2B,OAAO,8BAChC,UACH;AAEJ;;;AC7BA,IAAAA,gBAAoC;AACpC,IAAAC,qBAA2B;AAGpB,SAAS,cAAc,SAAuB;AACnD,QAAM,eAAW,sBAAuB,CAAC,CAAC;AAE1C,QAAM,UAAM;AAAA,IACV,CAAC,OAA2B;AAC1B,eAAS,QAAQ,QAAQ,CAAC,OAAO,GAAG,CAAC;AACrC,eAAS,UAAU,CAAC;AACpB,UAAI,CAAC,GAAI;AACT,iBAAW,UAAU,SAAS;AAC5B,sCAAW,MAAM,IAAI,MAAM;AAAA,MAC7B;AAAA,IACF;AAAA,IACA,CAAC,QAAQ,KAAK,GAAG,CAAC;AAAA,EACpB;AAEA,SAAO,EAAE,IAAI;AACf;;;ACpBA,IAAAC,gBAAkC;AAElC,IAAAC,qBAA2B;AA0BvB,IAAAC,sBAAA;AAjBG,SAAS,QAAuC,IAKnC;AALmC,eACrD;AAAA;AAAA,IACA;AAAA,IACA;AAAA,EAdF,IAWuD,IAIlD,iBAJkD,IAIlD;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,MAAO,kBAAM;AACnB,QAAM,UAAM,sBAAoB,IAAI;AAEpC,+BAAU,MAAM;AACd,QAAI,CAAC,IAAI,QAAS;AAClB,eAAW,UAAU,SAAS;AAC5B,oCAAW,MAAM,IAAI,SAAS,MAAM;AAAA,IACtC;AAAA,EACF,GAAG,CAAC,QAAQ,KAAK,GAAG,CAAC,CAAC;AAEtB,SACE,6CAAC,oCAAI,OAAc,OAAlB,EACE,WACH;AAEJ;","names":["import_react","import_poltrgeist","import_react","import_poltrgeist","import_jsx_runtime"]}

package/dist/index.d.cts

@@ -0,0 +1,22 @@
+import * as react from 'react';
+import { ReactNode, ElementType, ComponentPropsWithRef } from 'react';
+import { HauntOptions, EffectName } from 'poltrgeist';
+
+interface Props {
+    children: ReactNode;
+    options?: HauntOptions;
+}
+declare function PoltrgeistProvider({ children, options }: Props): react.JSX.Element;
+
+declare function usePoltrgeist(effects: EffectName[]): {
+    ref: (el: HTMLElement | null) => void;
+};
+
+type HauntedProps<T extends ElementType> = {
+    as?: T;
+    effects: EffectName[];
+    children?: ReactNode;
+} & Omit<ComponentPropsWithRef<T>, 'as' | 'effects'>;
+declare function Haunted<T extends ElementType = 'div'>({ as, effects, children, ...rest }: HauntedProps<T>): react.JSX.Element;
+
+export { Haunted, PoltrgeistProvider, usePoltrgeist };

package/dist/index.d.ts

@@ -0,0 +1,22 @@
+import * as react from 'react';
+import { ReactNode, ElementType, ComponentPropsWithRef } from 'react';
+import { HauntOptions, EffectName } from 'poltrgeist';
+
+interface Props {
+    children: ReactNode;
+    options?: HauntOptions;
+}
+declare function PoltrgeistProvider({ children, options }: Props): react.JSX.Element;
+
+declare function usePoltrgeist(effects: EffectName[]): {
+    ref: (el: HTMLElement | null) => void;
+};
+
+type HauntedProps<T extends ElementType> = {
+    as?: T;
+    effects: EffectName[];
+    children?: ReactNode;
+} & Omit<ComponentPropsWithRef<T>, 'as' | 'effects'>;
+declare function Haunted<T extends ElementType = 'div'>({ as, effects, children, ...rest }: HauntedProps<T>): react.JSX.Element;
+
+export { Haunted, PoltrgeistProvider, usePoltrgeist };

package/dist/index.js

@@ -0,0 +1,94 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
+// src/PoltrgeistProvider.tsx
+import { useEffect, createContext, useContext } from "react";
+import { poltrgeist } from "poltrgeist";
+import { jsx } from "react/jsx-runtime";
+var PoltrgeistContext = createContext(null);
+function PoltrgeistProvider({ children, options }) {
+  useEffect(() => {
+    poltrgeist.haunt(options);
+    return () => poltrgeist.release();
+  }, []);
+  return /* @__PURE__ */ jsx(PoltrgeistContext.Provider, { value: poltrgeist, children });
+}
+
+// src/usePoltrgeist.ts
+import { useCallback, useRef } from "react";
+import { poltrgeist as poltrgeist2 } from "poltrgeist";
+function usePoltrgeist(effects) {
+  const cleanups = useRef([]);
+  const ref = useCallback(
+    (el) => {
+      cleanups.current.forEach((fn) => fn());
+      cleanups.current = [];
+      if (!el) return;
+      for (const effect of effects) {
+        poltrgeist2.apply(el, effect);
+      }
+    },
+    [effects.join(",")]
+  );
+  return { ref };
+}
+
+// src/Haunted.tsx
+import { useEffect as useEffect2, useRef as useRef2 } from "react";
+import { poltrgeist as poltrgeist3 } from "poltrgeist";
+import { jsx as jsx2 } from "react/jsx-runtime";
+function Haunted(_a) {
+  var _b = _a, {
+    as,
+    effects,
+    children
+  } = _b, rest = __objRest(_b, [
+    "as",
+    "effects",
+    "children"
+  ]);
+  const Tag = as != null ? as : "div";
+  const ref = useRef2(null);
+  useEffect2(() => {
+    if (!ref.current) return;
+    for (const effect of effects) {
+      poltrgeist3.apply(ref.current, effect);
+    }
+  }, [effects.join(",")]);
+  return /* @__PURE__ */ jsx2(Tag, __spreadProps(__spreadValues({ ref }, rest), { children }));
+}
+export {
+  Haunted,
+  PoltrgeistProvider,
+  usePoltrgeist
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/PoltrgeistProvider.tsx","../src/usePoltrgeist.ts","../src/Haunted.tsx"],"sourcesContent":["import { useEffect, createContext, useContext } from 'react'\nimport type { ReactNode } from 'react'\nimport { poltrgeist } from 'poltrgeist'\nimport type { HauntOptions } from 'poltrgeist'\n\nconst PoltrgeistContext = createContext<typeof poltrgeist | null>(null)\n\nexport function usePoltrgeistContext(): typeof poltrgeist {\n  const ctx = useContext(PoltrgeistContext)\n  if (!ctx) throw new Error('usePoltrgeistContext must be used inside <PoltrgeistProvider>')\n  return ctx\n}\n\ninterface Props {\n  children: ReactNode\n  options?: HauntOptions\n}\n\nexport function PoltrgeistProvider({ children, options }: Props) {\n  useEffect(() => {\n    poltrgeist.haunt(options)\n    return () => poltrgeist.release()\n  }, [])\n\n  return (\n    <PoltrgeistContext.Provider value={poltrgeist}>\n      {children}\n    </PoltrgeistContext.Provider>\n  )\n}\n","import { useCallback, useRef } from 'react'\nimport { poltrgeist } from 'poltrgeist'\nimport type { EffectName } from 'poltrgeist'\n\nexport function usePoltrgeist(effects: EffectName[]) {\n  const cleanups = useRef<(() => void)[]>([])\n\n  const ref = useCallback(\n    (el: HTMLElement | null) => {\n      cleanups.current.forEach((fn) => fn())\n      cleanups.current = []\n      if (!el) return\n      for (const effect of effects) {\n        poltrgeist.apply(el, effect)\n      }\n    },\n    [effects.join(',')],\n  )\n\n  return { ref }\n}\n","import { useEffect, useRef } from 'react'\nimport type { ReactNode, ElementType, ComponentPropsWithRef } from 'react'\nimport { poltrgeist } from 'poltrgeist'\nimport type { EffectName } from 'poltrgeist'\n\ntype HauntedProps<T extends ElementType> = {\n  as?: T\n  effects: EffectName[]\n  children?: ReactNode\n} & Omit<ComponentPropsWithRef<T>, 'as' | 'effects'>\n\nexport function Haunted<T extends ElementType = 'div'>({\n  as,\n  effects,\n  children,\n  ...rest\n}: HauntedProps<T>) {\n  const Tag = (as ?? 'div') as ElementType\n  const ref = useRef<HTMLElement>(null)\n\n  useEffect(() => {\n    if (!ref.current) return\n    for (const effect of effects) {\n      poltrgeist.apply(ref.current, effect)\n    }\n  }, [effects.join(',')])\n\n  return (\n    <Tag ref={ref} {...rest}>\n      {children}\n    </Tag>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,WAAW,eAAe,kBAAkB;AAErD,SAAS,kBAAkB;AAuBvB;AApBJ,IAAM,oBAAoB,cAAwC,IAAI;AAa/D,SAAS,mBAAmB,EAAE,UAAU,QAAQ,GAAU;AAC/D,YAAU,MAAM;AACd,eAAW,MAAM,OAAO;AACxB,WAAO,MAAM,WAAW,QAAQ;AAAA,EAClC,GAAG,CAAC,CAAC;AAEL,SACE,oBAAC,kBAAkB,UAAlB,EAA2B,OAAO,YAChC,UACH;AAEJ;;;AC7BA,SAAS,aAAa,cAAc;AACpC,SAAS,cAAAA,mBAAkB;AAGpB,SAAS,cAAc,SAAuB;AACnD,QAAM,WAAW,OAAuB,CAAC,CAAC;AAE1C,QAAM,MAAM;AAAA,IACV,CAAC,OAA2B;AAC1B,eAAS,QAAQ,QAAQ,CAAC,OAAO,GAAG,CAAC;AACrC,eAAS,UAAU,CAAC;AACpB,UAAI,CAAC,GAAI;AACT,iBAAW,UAAU,SAAS;AAC5B,QAAAA,YAAW,MAAM,IAAI,MAAM;AAAA,MAC7B;AAAA,IACF;AAAA,IACA,CAAC,QAAQ,KAAK,GAAG,CAAC;AAAA,EACpB;AAEA,SAAO,EAAE,IAAI;AACf;;;ACpBA,SAAS,aAAAC,YAAW,UAAAC,eAAc;AAElC,SAAS,cAAAC,mBAAkB;AA0BvB,gBAAAC,YAAA;AAjBG,SAAS,QAAuC,IAKnC;AALmC,eACrD;AAAA;AAAA,IACA;AAAA,IACA;AAAA,EAdF,IAWuD,IAIlD,iBAJkD,IAIlD;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,MAAO,kBAAM;AACnB,QAAM,MAAMC,QAAoB,IAAI;AAEpC,EAAAC,WAAU,MAAM;AACd,QAAI,CAAC,IAAI,QAAS;AAClB,eAAW,UAAU,SAAS;AAC5B,MAAAC,YAAW,MAAM,IAAI,SAAS,MAAM;AAAA,IACtC;AAAA,EACF,GAAG,CAAC,QAAQ,KAAK,GAAG,CAAC,CAAC;AAEtB,SACE,gBAAAH,KAAC,oCAAI,OAAc,OAAlB,EACE,WACH;AAEJ;","names":["poltrgeist","useEffect","useRef","poltrgeist","jsx","useRef","useEffect","poltrgeist"]}

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "poltrgeist-react",
+  "version": "0.1.0",
+  "description": "React bindings for poltrgeist",
+  "keywords": [
+    "react",
+    "ui",
+    "effects",
+    "animation",
+    "fun"
+  ],
+  "license": "MIT",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "react": ">=17",
+    "react-dom": ">=17"
+  },
+  "dependencies": {
+    "poltrgeist": "0.1.0"
+  },
+  "devDependencies": {
+    "tsup": "^8.0.0",
+    "typescript": "^5.5.0",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0"
+  },
+  "scripts": {
+    "build": "tsup",
+    "typecheck": "tsc --noEmit"
+  }
+}