@gamedev-sensei/react-extras 1.1.1

package/README.md

@@ -0,0 +1,19 @@
+# @gamedev-sensei/react-extras
+
+Provides some useful ReactJs hooks:
+
+* `useDerived` - works the same as the `useMemo` hook, but guarantees that the value will not be recomputed unless the dependencies change.
+  You can specify a custom comparison function as the third parameter.
+* `useMount` - works as the same as the `useEffect` hook, but you cannot specify the dependencies and the callback is run on component mount.
+
+## Installation
+
+Yarn:
+```bash
+yarn add @gamedev-sensei/react-extras
+```
+
+Npm:
+```bash
+npm i @gamedev-sensei/react-extras
+```

package/dist/index.d.mts

@@ -0,0 +1,34 @@
+import * as react from 'react';
+import { DependencyList } from 'react';
+
+type WithId<T extends object> = T extends object ? (T & {
+    id: string;
+}) : never;
+type WithoutId<T extends object> = T extends object ? Omit<T, "id"> : never;
+declare const withId: <T extends object>(v: T, id: string) => WithId<T>;
+declare const withoutId: <T extends object>({ id, ...v }: WithId<T>) => WithoutId<WithId<T>>;
+type ArrayWithId<T extends object> = WithId<T>[];
+type ArrayWithoutId<T extends object> = WithoutId<WithId<T>>[];
+declare const arrayWithIds: <T extends object>(v: T[], idGenerator: () => string) => ArrayWithId<T>;
+declare const arrayWithoutIds: <T extends object>(v: ArrayWithId<T>) => ArrayWithoutId<T>;
+declare function wrapIdGenerator(generator: () => string): (() => string) & {
+    withId<T extends {}>(v: T): WithId<T>;
+    arrayWithIds<T extends {}>(v: T[]): ArrayWithId<T>;
+};
+type IdGenerator = ReturnType<typeof wrapIdGenerator>;
+
+declare function useIdGenerator(): IdGenerator;
+
+declare function useProvidedIdGenerator(): IdGenerator;
+
+declare const IdGeneratorProvider: react.Provider<(() => string) & {
+    withId<T extends {}>(v: T): WithId<T>;
+    arrayWithIds<T extends {}>(v: T[]): ArrayWithId<T>;
+}>;
+
+declare function useDerived<T>(factory: () => T, dependencies: DependencyList, compareFn?: (a: unknown, b: unknown) => boolean): T;
+
+type CleanupFunction = () => void;
+declare function useMount(callback: () => (CleanupFunction | void)): void;
+
+export { type ArrayWithId, type ArrayWithoutId, type IdGenerator, IdGeneratorProvider, type WithId, type WithoutId, arrayWithIds, arrayWithoutIds, useDerived, useIdGenerator, useMount, useProvidedIdGenerator, withId, withoutId, wrapIdGenerator };

package/dist/index.d.ts

@@ -0,0 +1,34 @@
+import * as react from 'react';
+import { DependencyList } from 'react';
+
+type WithId<T extends object> = T extends object ? (T & {
+    id: string;
+}) : never;
+type WithoutId<T extends object> = T extends object ? Omit<T, "id"> : never;
+declare const withId: <T extends object>(v: T, id: string) => WithId<T>;
+declare const withoutId: <T extends object>({ id, ...v }: WithId<T>) => WithoutId<WithId<T>>;
+type ArrayWithId<T extends object> = WithId<T>[];
+type ArrayWithoutId<T extends object> = WithoutId<WithId<T>>[];
+declare const arrayWithIds: <T extends object>(v: T[], idGenerator: () => string) => ArrayWithId<T>;
+declare const arrayWithoutIds: <T extends object>(v: ArrayWithId<T>) => ArrayWithoutId<T>;
+declare function wrapIdGenerator(generator: () => string): (() => string) & {
+    withId<T extends {}>(v: T): WithId<T>;
+    arrayWithIds<T extends {}>(v: T[]): ArrayWithId<T>;
+};
+type IdGenerator = ReturnType<typeof wrapIdGenerator>;
+
+declare function useIdGenerator(): IdGenerator;
+
+declare function useProvidedIdGenerator(): IdGenerator;
+
+declare const IdGeneratorProvider: react.Provider<(() => string) & {
+    withId<T extends {}>(v: T): WithId<T>;
+    arrayWithIds<T extends {}>(v: T[]): ArrayWithId<T>;
+}>;
+
+declare function useDerived<T>(factory: () => T, dependencies: DependencyList, compareFn?: (a: unknown, b: unknown) => boolean): T;
+
+type CleanupFunction = () => void;
+declare function useMount(callback: () => (CleanupFunction | void)): void;
+
+export { type ArrayWithId, type ArrayWithoutId, type IdGenerator, IdGeneratorProvider, type WithId, type WithoutId, arrayWithIds, arrayWithoutIds, useDerived, useIdGenerator, useMount, useProvidedIdGenerator, withId, withoutId, wrapIdGenerator };

package/dist/index.js

@@ -0,0 +1,122 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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, {
+  IdGeneratorProvider: () => IdGeneratorProvider,
+  arrayWithIds: () => arrayWithIds,
+  arrayWithoutIds: () => arrayWithoutIds,
+  useDerived: () => useDerived,
+  useIdGenerator: () => useIdGenerator,
+  useMount: () => useMount,
+  useProvidedIdGenerator: () => useProvidedIdGenerator,
+  withId: () => withId,
+  withoutId: () => withoutId,
+  wrapIdGenerator: () => wrapIdGenerator
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/idGenerator/generator.ts
+var withId = (v, id) => ({ ...v, id });
+var withoutId = ({ id, ...v }) => v;
+var arrayWithIds = (v, idGenerator) => v.map((i) => withId(i, idGenerator()));
+var arrayWithoutIds = (v) => v.map(withoutId);
+function wrapIdGenerator(generator) {
+  return Object.assign(generator, {
+    withId(v) {
+      return withId(v, generator());
+    },
+    arrayWithIds(v) {
+      return arrayWithIds(v, generator);
+    }
+  });
+}
+
+// src/idGenerator/useIdGenerator.ts
+var import_react2 = require("react");
+
+// src/useDerived.ts
+var import_react = require("react");
+function equals(x, y) {
+  if (typeof x === "number" && typeof y === "number") {
+    return x === y || x !== x && y !== y;
+  }
+  return x === y;
+}
+function useDerived(factory, dependencies, compareFn = equals) {
+  const deps = (0, import_react.useRef)(dependencies);
+  const valueRef = (0, import_react.useRef)({ value: null });
+  valueRef.current.value ??= factory();
+  if (deps.current.length !== dependencies.length || !deps.current.every((v, i) => compareFn(v, dependencies[i]))) {
+    valueRef.current.value = factory();
+  }
+  deps.current = dependencies;
+  return valueRef.current.value;
+}
+
+// src/idGenerator/useIdGenerator.ts
+function useIdGenerator() {
+  const nextId = (0, import_react2.useRef)(0);
+  return useDerived(() => {
+    function generateId() {
+      return `${nextId.current++}`;
+    }
+    return wrapIdGenerator(generateId);
+  }, [nextId]);
+}
+
+// src/idGenerator/useProvidedIdGenerator.ts
+var import_react4 = require("react");
+
+// src/idGenerator/IdGeneratorContext.ts
+var import_react3 = require("react");
+var globalNextId = 0;
+function globalGenerateId() {
+  return `${globalNextId++}`;
+}
+var IdGeneratorContext = (0, import_react3.createContext)(wrapIdGenerator(globalGenerateId));
+
+// src/idGenerator/useProvidedIdGenerator.ts
+function useProvidedIdGenerator() {
+  return (0, import_react4.useContext)(IdGeneratorContext);
+}
+
+// src/idGenerator/IdGeneratorProvider.ts
+var IdGeneratorProvider = IdGeneratorContext.Provider;
+
+// src/useMount.ts
+var import_react5 = require("react");
+function useMount(callback) {
+  return (0, import_react5.useEffect)(callback, []);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  IdGeneratorProvider,
+  arrayWithIds,
+  arrayWithoutIds,
+  useDerived,
+  useIdGenerator,
+  useMount,
+  useProvidedIdGenerator,
+  withId,
+  withoutId,
+  wrapIdGenerator
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/idGenerator/generator.ts","../src/idGenerator/useIdGenerator.ts","../src/useDerived.ts","../src/idGenerator/useProvidedIdGenerator.ts","../src/idGenerator/IdGeneratorContext.ts","../src/idGenerator/IdGeneratorProvider.ts","../src/useMount.ts"],"sourcesContent":["export * from \"./idGenerator\"\nexport * from \"./useDerived\"\nexport * from \"./useMount\"\n","export type WithId<T extends object> = T extends object ? (T & { id: string }) : never\nexport type WithoutId<T extends object> = T extends object ? Omit<T, \"id\"> : never\n\nexport const withId = <T extends object>(v: T, id: string) =>\n    ({ ...v, id }) as WithId<T>\nexport const withoutId = <T extends object>({ id, ...v }: WithId<T>) =>\n    v as WithoutId<WithId<T>>\n\nexport type ArrayWithId<T extends object> = WithId<T>[]\nexport type ArrayWithoutId<T extends object> = WithoutId<WithId<T>>[]\n\nexport const arrayWithIds = <T extends object>(v: T[], idGenerator: () => string): ArrayWithId<T> =>\n    v.map(i => withId(i, idGenerator()))\nexport const arrayWithoutIds = <T extends object>(v: ArrayWithId<T>): ArrayWithoutId<T> =>\n    v.map(withoutId)\n\nexport function wrapIdGenerator(generator: () => string) {\n    return Object.assign(generator, {\n        withId<T extends {}>(v: T): WithId<T> {\n            return withId(v, generator())\n        },\n        arrayWithIds<T extends {}>(v: T[]): ArrayWithId<T> {\n            return arrayWithIds(v, generator)\n        }\n    })\n}\n\nexport type IdGenerator = ReturnType<typeof wrapIdGenerator>","import {useRef} from \"react\";\nimport {wrapIdGenerator, IdGenerator} from \"./generator\";\nimport {useDerived} from \"@/useDerived\";\n\nexport function useIdGenerator(): IdGenerator {\n    const nextId = useRef(0)\n    return useDerived(() => {\n        function generateId() {\n            return `${nextId.current++}`\n        }\n        return wrapIdGenerator(generateId)\n    }, [nextId])\n}","import {DependencyList, useRef} from \"react\";\n\nfunction equals(x: unknown, y: unknown): boolean {\n    if (typeof x === \"number\" && typeof y === \"number\") {\n        return x === y || (x !== x && y !== y);\n    }\n    return x === y;\n}\n\nexport function useDerived<T>(\n    factory: () => T,\n    dependencies: DependencyList,\n    compareFn: (a: unknown, b: unknown) => boolean = equals\n): T {\n    const deps = useRef(dependencies)\n    const valueRef = useRef<{ value: T | null }>({ value: null })\n\n    valueRef.current.value ??= factory()\n\n    if (deps.current.length !== dependencies.length || !deps.current.every((v, i) => compareFn(v, dependencies[i]))) {\n        valueRef.current.value = factory()\n    }\n\n    deps.current = dependencies\n    return valueRef.current.value\n}","import {useContext} from \"react\";\nimport {IdGenerator} from \"./generator\";\nimport {IdGeneratorContext} from \"./IdGeneratorContext\";\n\nexport function useProvidedIdGenerator(): IdGenerator {\n    return useContext(IdGeneratorContext)\n}","import {createContext} from \"react\";\nimport {IdGenerator, wrapIdGenerator} from \"./generator\";\n\nlet globalNextId: number = 0\n\nfunction globalGenerateId(): string {\n    return `${globalNextId++}`\n}\n\nexport const IdGeneratorContext = createContext<IdGenerator>(wrapIdGenerator(globalGenerateId))","import {IdGeneratorContext} from \"./IdGeneratorContext\"\n\nexport const IdGeneratorProvider = IdGeneratorContext.Provider","import {useEffect} from \"react\";\n\ntype CleanupFunction = () => void\nexport function useMount(callback: () => (CleanupFunction | void)) {\n    return useEffect(callback, [])\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACGO,IAAM,SAAS,CAAmB,GAAM,QAC1C,EAAE,GAAG,GAAG,GAAG;AACT,IAAM,YAAY,CAAmB,EAAE,IAAI,GAAG,EAAE,MACnD;AAKG,IAAM,eAAe,CAAmB,GAAQ,gBACnD,EAAE,IAAI,OAAK,OAAO,GAAG,YAAY,CAAC,CAAC;AAChC,IAAM,kBAAkB,CAAmB,MAC9C,EAAE,IAAI,SAAS;AAEZ,SAAS,gBAAgB,WAAyB;AACrD,SAAO,OAAO,OAAO,WAAW;AAAA,IAC5B,OAAqB,GAAiB;AAClC,aAAO,OAAO,GAAG,UAAU,CAAC;AAAA,IAChC;AAAA,IACA,aAA2B,GAAwB;AAC/C,aAAO,aAAa,GAAG,SAAS;AAAA,IACpC;AAAA,EACJ,CAAC;AACL;;;ACzBA,IAAAA,gBAAqB;;;ACArB,mBAAqC;AAErC,SAAS,OAAO,GAAY,GAAqB;AAC7C,MAAI,OAAO,MAAM,YAAY,OAAO,MAAM,UAAU;AAChD,WAAO,MAAM,KAAM,MAAM,KAAK,MAAM;AAAA,EACxC;AACA,SAAO,MAAM;AACjB;AAEO,SAAS,WACZ,SACA,cACA,YAAiD,QAChD;AACD,QAAM,WAAO,qBAAO,YAAY;AAChC,QAAM,eAAW,qBAA4B,EAAE,OAAO,KAAK,CAAC;AAE5D,WAAS,QAAQ,UAAU,QAAQ;AAEnC,MAAI,KAAK,QAAQ,WAAW,aAAa,UAAU,CAAC,KAAK,QAAQ,MAAM,CAAC,GAAG,MAAM,UAAU,GAAG,aAAa,CAAC,CAAC,CAAC,GAAG;AAC7G,aAAS,QAAQ,QAAQ,QAAQ;AAAA,EACrC;AAEA,OAAK,UAAU;AACf,SAAO,SAAS,QAAQ;AAC5B;;;ADrBO,SAAS,iBAA8B;AAC1C,QAAM,aAAS,sBAAO,CAAC;AACvB,SAAO,WAAW,MAAM;AACpB,aAAS,aAAa;AAClB,aAAO,GAAG,OAAO,SAAS;AAAA,IAC9B;AACA,WAAO,gBAAgB,UAAU;AAAA,EACrC,GAAG,CAAC,MAAM,CAAC;AACf;;;AEZA,IAAAC,gBAAyB;;;ACAzB,IAAAC,gBAA4B;AAG5B,IAAI,eAAuB;AAE3B,SAAS,mBAA2B;AAChC,SAAO,GAAG,cAAc;AAC5B;AAEO,IAAM,yBAAqB,6BAA2B,gBAAgB,gBAAgB,CAAC;;;ADLvF,SAAS,yBAAsC;AAClD,aAAO,0BAAW,kBAAkB;AACxC;;;AEJO,IAAM,sBAAsB,mBAAmB;;;ACFtD,IAAAC,gBAAwB;AAGjB,SAAS,SAAS,UAA0C;AAC/D,aAAO,yBAAU,UAAU,CAAC,CAAC;AACjC;","names":["import_react","import_react","import_react","import_react"]}

package/dist/index.mjs

@@ -0,0 +1,86 @@
+// src/idGenerator/generator.ts
+var withId = (v, id) => ({ ...v, id });
+var withoutId = ({ id, ...v }) => v;
+var arrayWithIds = (v, idGenerator) => v.map((i) => withId(i, idGenerator()));
+var arrayWithoutIds = (v) => v.map(withoutId);
+function wrapIdGenerator(generator) {
+  return Object.assign(generator, {
+    withId(v) {
+      return withId(v, generator());
+    },
+    arrayWithIds(v) {
+      return arrayWithIds(v, generator);
+    }
+  });
+}
+
+// src/idGenerator/useIdGenerator.ts
+import { useRef as useRef2 } from "react";
+
+// src/useDerived.ts
+import { useRef } from "react";
+function equals(x, y) {
+  if (typeof x === "number" && typeof y === "number") {
+    return x === y || x !== x && y !== y;
+  }
+  return x === y;
+}
+function useDerived(factory, dependencies, compareFn = equals) {
+  const deps = useRef(dependencies);
+  const valueRef = useRef({ value: null });
+  valueRef.current.value ??= factory();
+  if (deps.current.length !== dependencies.length || !deps.current.every((v, i) => compareFn(v, dependencies[i]))) {
+    valueRef.current.value = factory();
+  }
+  deps.current = dependencies;
+  return valueRef.current.value;
+}
+
+// src/idGenerator/useIdGenerator.ts
+function useIdGenerator() {
+  const nextId = useRef2(0);
+  return useDerived(() => {
+    function generateId() {
+      return `${nextId.current++}`;
+    }
+    return wrapIdGenerator(generateId);
+  }, [nextId]);
+}
+
+// src/idGenerator/useProvidedIdGenerator.ts
+import { useContext } from "react";
+
+// src/idGenerator/IdGeneratorContext.ts
+import { createContext } from "react";
+var globalNextId = 0;
+function globalGenerateId() {
+  return `${globalNextId++}`;
+}
+var IdGeneratorContext = createContext(wrapIdGenerator(globalGenerateId));
+
+// src/idGenerator/useProvidedIdGenerator.ts
+function useProvidedIdGenerator() {
+  return useContext(IdGeneratorContext);
+}
+
+// src/idGenerator/IdGeneratorProvider.ts
+var IdGeneratorProvider = IdGeneratorContext.Provider;
+
+// src/useMount.ts
+import { useEffect } from "react";
+function useMount(callback) {
+  return useEffect(callback, []);
+}
+export {
+  IdGeneratorProvider,
+  arrayWithIds,
+  arrayWithoutIds,
+  useDerived,
+  useIdGenerator,
+  useMount,
+  useProvidedIdGenerator,
+  withId,
+  withoutId,
+  wrapIdGenerator
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/idGenerator/generator.ts","../src/idGenerator/useIdGenerator.ts","../src/useDerived.ts","../src/idGenerator/useProvidedIdGenerator.ts","../src/idGenerator/IdGeneratorContext.ts","../src/idGenerator/IdGeneratorProvider.ts","../src/useMount.ts"],"sourcesContent":["export type WithId<T extends object> = T extends object ? (T & { id: string }) : never\nexport type WithoutId<T extends object> = T extends object ? Omit<T, \"id\"> : never\n\nexport const withId = <T extends object>(v: T, id: string) =>\n    ({ ...v, id }) as WithId<T>\nexport const withoutId = <T extends object>({ id, ...v }: WithId<T>) =>\n    v as WithoutId<WithId<T>>\n\nexport type ArrayWithId<T extends object> = WithId<T>[]\nexport type ArrayWithoutId<T extends object> = WithoutId<WithId<T>>[]\n\nexport const arrayWithIds = <T extends object>(v: T[], idGenerator: () => string): ArrayWithId<T> =>\n    v.map(i => withId(i, idGenerator()))\nexport const arrayWithoutIds = <T extends object>(v: ArrayWithId<T>): ArrayWithoutId<T> =>\n    v.map(withoutId)\n\nexport function wrapIdGenerator(generator: () => string) {\n    return Object.assign(generator, {\n        withId<T extends {}>(v: T): WithId<T> {\n            return withId(v, generator())\n        },\n        arrayWithIds<T extends {}>(v: T[]): ArrayWithId<T> {\n            return arrayWithIds(v, generator)\n        }\n    })\n}\n\nexport type IdGenerator = ReturnType<typeof wrapIdGenerator>","import {useRef} from \"react\";\nimport {wrapIdGenerator, IdGenerator} from \"./generator\";\nimport {useDerived} from \"@/useDerived\";\n\nexport function useIdGenerator(): IdGenerator {\n    const nextId = useRef(0)\n    return useDerived(() => {\n        function generateId() {\n            return `${nextId.current++}`\n        }\n        return wrapIdGenerator(generateId)\n    }, [nextId])\n}","import {DependencyList, useRef} from \"react\";\n\nfunction equals(x: unknown, y: unknown): boolean {\n    if (typeof x === \"number\" && typeof y === \"number\") {\n        return x === y || (x !== x && y !== y);\n    }\n    return x === y;\n}\n\nexport function useDerived<T>(\n    factory: () => T,\n    dependencies: DependencyList,\n    compareFn: (a: unknown, b: unknown) => boolean = equals\n): T {\n    const deps = useRef(dependencies)\n    const valueRef = useRef<{ value: T | null }>({ value: null })\n\n    valueRef.current.value ??= factory()\n\n    if (deps.current.length !== dependencies.length || !deps.current.every((v, i) => compareFn(v, dependencies[i]))) {\n        valueRef.current.value = factory()\n    }\n\n    deps.current = dependencies\n    return valueRef.current.value\n}","import {useContext} from \"react\";\nimport {IdGenerator} from \"./generator\";\nimport {IdGeneratorContext} from \"./IdGeneratorContext\";\n\nexport function useProvidedIdGenerator(): IdGenerator {\n    return useContext(IdGeneratorContext)\n}","import {createContext} from \"react\";\nimport {IdGenerator, wrapIdGenerator} from \"./generator\";\n\nlet globalNextId: number = 0\n\nfunction globalGenerateId(): string {\n    return `${globalNextId++}`\n}\n\nexport const IdGeneratorContext = createContext<IdGenerator>(wrapIdGenerator(globalGenerateId))","import {IdGeneratorContext} from \"./IdGeneratorContext\"\n\nexport const IdGeneratorProvider = IdGeneratorContext.Provider","import {useEffect} from \"react\";\n\ntype CleanupFunction = () => void\nexport function useMount(callback: () => (CleanupFunction | void)) {\n    return useEffect(callback, [])\n}"],"mappings":";AAGO,IAAM,SAAS,CAAmB,GAAM,QAC1C,EAAE,GAAG,GAAG,GAAG;AACT,IAAM,YAAY,CAAmB,EAAE,IAAI,GAAG,EAAE,MACnD;AAKG,IAAM,eAAe,CAAmB,GAAQ,gBACnD,EAAE,IAAI,OAAK,OAAO,GAAG,YAAY,CAAC,CAAC;AAChC,IAAM,kBAAkB,CAAmB,MAC9C,EAAE,IAAI,SAAS;AAEZ,SAAS,gBAAgB,WAAyB;AACrD,SAAO,OAAO,OAAO,WAAW;AAAA,IAC5B,OAAqB,GAAiB;AAClC,aAAO,OAAO,GAAG,UAAU,CAAC;AAAA,IAChC;AAAA,IACA,aAA2B,GAAwB;AAC/C,aAAO,aAAa,GAAG,SAAS;AAAA,IACpC;AAAA,EACJ,CAAC;AACL;;;ACzBA,SAAQ,UAAAA,eAAa;;;ACArB,SAAwB,cAAa;AAErC,SAAS,OAAO,GAAY,GAAqB;AAC7C,MAAI,OAAO,MAAM,YAAY,OAAO,MAAM,UAAU;AAChD,WAAO,MAAM,KAAM,MAAM,KAAK,MAAM;AAAA,EACxC;AACA,SAAO,MAAM;AACjB;AAEO,SAAS,WACZ,SACA,cACA,YAAiD,QAChD;AACD,QAAM,OAAO,OAAO,YAAY;AAChC,QAAM,WAAW,OAA4B,EAAE,OAAO,KAAK,CAAC;AAE5D,WAAS,QAAQ,UAAU,QAAQ;AAEnC,MAAI,KAAK,QAAQ,WAAW,aAAa,UAAU,CAAC,KAAK,QAAQ,MAAM,CAAC,GAAG,MAAM,UAAU,GAAG,aAAa,CAAC,CAAC,CAAC,GAAG;AAC7G,aAAS,QAAQ,QAAQ,QAAQ;AAAA,EACrC;AAEA,OAAK,UAAU;AACf,SAAO,SAAS,QAAQ;AAC5B;;;ADrBO,SAAS,iBAA8B;AAC1C,QAAM,SAASC,QAAO,CAAC;AACvB,SAAO,WAAW,MAAM;AACpB,aAAS,aAAa;AAClB,aAAO,GAAG,OAAO,SAAS;AAAA,IAC9B;AACA,WAAO,gBAAgB,UAAU;AAAA,EACrC,GAAG,CAAC,MAAM,CAAC;AACf;;;AEZA,SAAQ,kBAAiB;;;ACAzB,SAAQ,qBAAoB;AAG5B,IAAI,eAAuB;AAE3B,SAAS,mBAA2B;AAChC,SAAO,GAAG,cAAc;AAC5B;AAEO,IAAM,qBAAqB,cAA2B,gBAAgB,gBAAgB,CAAC;;;ADLvF,SAAS,yBAAsC;AAClD,SAAO,WAAW,kBAAkB;AACxC;;;AEJO,IAAM,sBAAsB,mBAAmB;;;ACFtD,SAAQ,iBAAgB;AAGjB,SAAS,SAAS,UAA0C;AAC/D,SAAO,UAAU,UAAU,CAAC,CAAC;AACjC;","names":["useRef","useRef"]}

package/package.json

@@ -0,0 +1,39 @@
+{
+    "name": "@gamedev-sensei/react-extras",
+    "repository": "git@github.com:gamedev-sensei/package-extras.git",
+    "version": "1.1.1",
+    "license": "MIT",
+    "main": "dist/index.js",
+    "module": "dist/index.mjs",
+    "types": "dist/index.d.ts",
+    "files": [
+        "/dist"
+    ],
+    "exports": {
+        "import": {
+            "types": "./dist/index.d.mts",
+            "import": "./dist/index.mjs"
+        },
+        "require": {
+            "types": "./dist/index.d.ts",
+            "require": "./dist/index.js"
+        }
+    },
+    "scripts": {
+        "type-check": "tsc --noEmit",
+        "build": "tsup && attw --pack ."
+    },
+    "dependencies": {
+        "@arethetypeswrong/cli": "^0.18.2",
+        "react": "^19.1.0",
+        "react-dom": "^19.1.0",
+        "remeda": "^2.23.3"
+    },
+    "devDependencies": {
+        "@gamedev-sensei/ts-config": "1.1.1",
+        "@gamedev-sensei/tsup-config": "1.1.1",
+        "@types/react": "^19.1.8",
+        "@types/react-dom": "^19.1.6",
+        "tsup": "patch:tsup@npm%3A8.5.0#~/.yarn/patches/tsup-npm-8.5.0-e9d25b74d7.patch"
+    }
+}