@dcl/hooks 0.0.0-20250211142018.commit-7087e59

package/esm/hooks/useAsyncTasks.js

@@ -0,0 +1,32 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { useCallback, useMemo, useState } from "react";
+import { sentry } from "../utils/development/sentry";
+/**
+ * Use async tasks to execute async functions and return a list of task ids and a function to add a task
+ * @param callback - The async function to execute
+ * @param deps - The dependencies of the async function
+ * @returns A tuple containing the list of task ids and a function to add a task
+ */
+const useAsyncTasks = (callback, deps) => {
+    const [tasks, setTasks] = useState([]);
+    const tasksIds = useMemo(() => tasks.map(([id]) => id), [tasks]);
+    const addTask = useCallback((id, ...extra) => {
+        if (tasks.find(([currentId]) => currentId === id)) {
+            return;
+        }
+        const task = Promise.resolve()
+            .then(() => callback(id, ...extra))
+            .then(() => {
+            setTasks((current) => current.filter(([currentId]) => currentId !== id));
+        })
+            .catch((err) => {
+            console.error(err);
+            sentry((sentry) => sentry.captureException(err));
+            setTasks((current) => current.filter(([currentId]) => currentId !== id));
+        });
+        setTasks((current) => [...current, [id, task]]);
+    }, [tasks, ...deps]);
+    return [tasksIds, addTask];
+};
+export { useAsyncTasks };
+//# sourceMappingURL=useAsyncTasks.js.map

package/esm/hooks/useAsyncTasks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAsyncTasks.js","sourceRoot":"","sources":["../../src/hooks/useAsyncTasks.ts"],"names":[],"mappings":"AAAA,uDAAuD;AACvD,OAAO,EAAkB,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAA;AAIpD;;;;;GAKG;AACH,MAAM,aAAa,GAAG,CACpB,QAAW,EACX,IAAoB,EACI,EAAE;IAC1B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAkC,EAAE,CAAC,CAAA;IACvE,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEhE,MAAM,OAAO,GAAG,WAAW,CACzB,CAAC,EAAU,EAAE,GAAG,KAAY,EAAE,EAAE;QAC9B,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,EAAE,CAAC,SAAS,KAAK,EAAE,CAAC,EAAE,CAAC;YAClD,OAAM;QACR,CAAC;QAED,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,EAAE;aAC3B,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,EAAE,GAAG,KAAK,CAAC,CAAC;aAClC,IAAI,CAAC,GAAG,EAAE;YACT,QAAQ,CAAC,CAAC,OAAO,EAAE,EAAE,CACnB,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,EAAE,CAAC,SAAS,KAAK,EAAE,CAAC,CAClD,CAAA;QACH,CAAC,CAAC;aACD,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE;YACb,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;YAClB,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAA;YAChD,QAAQ,CAAC,CAAC,OAAO,EAAE,EAAE,CACnB,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,EAAE,CAAC,SAAS,KAAK,EAAE,CAAC,CAClD,CAAA;QACH,CAAC,CAAC,CAAA;QAEJ,QAAQ,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,CAAA;IACjD,CAAC,EACD,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,CACjB,CAAA;IAED,OAAO,CAAC,QAAQ,EAAE,OAAY,CAAU,CAAA;AAC1C,CAAC,CAAA;AAGD,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/esm/hooks/usePatchState.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Use a patch state to update a state object
+ * @param initialState - The initial state object
+ * @returns A tuple containing the state and a function to patch the state
+ */
+declare const usePatchState: <T extends {}>(initialState: T) => readonly [T, (newState: Partial<T>) => void];
+export { usePatchState };

package/esm/hooks/usePatchState.js

@@ -0,0 +1,15 @@
+import { useCallback, useState } from "react";
+/**
+ * Use a patch state to update a state object
+ * @param initialState - The initial state object
+ * @returns A tuple containing the state and a function to patch the state
+ */
+const usePatchState = (initialState) => {
+    const [state, setState] = useState(initialState);
+    const patchState = useCallback((newState) => {
+        return setState((current) => ({ ...current, ...newState }));
+    }, []);
+    return [state, patchState];
+};
+export { usePatchState };
+//# sourceMappingURL=usePatchState.js.map

package/esm/hooks/usePatchState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePatchState.js","sourceRoot":"","sources":["../../src/hooks/usePatchState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE7C;;;;GAIG;AACH,MAAM,aAAa,GAAG,CAAe,YAAe,EAAE,EAAE;IACtD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAI,YAAY,CAAC,CAAA;IAEnD,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,QAAoB,EAAE,EAAE;QACtD,OAAO,QAAQ,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,OAAO,EAAE,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAA;IAC7D,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CAAC,KAAK,EAAE,UAAU,CAAU,CAAA;AACrC,CAAC,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/esm/index.d.ts

@@ -0,0 +1 @@
+export * from "./hooks";

package/esm/index.js

@@ -0,0 +1,2 @@
+export * from "./hooks";
+//# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}

package/esm/utils/development/sentry.d.ts

@@ -0,0 +1,5 @@
+import * as Sentry from "@sentry/browser";
+type SentryTracker = (sentry: typeof Sentry) => void;
+declare const sentry: (tracker: SentryTracker) => void;
+export type { SentryTracker };
+export { sentry };

package/esm/utils/development/sentry.js

@@ -0,0 +1,11 @@
+import * as Sentry from "@sentry/browser";
+const sentry = (tracker) => {
+    if (typeof window !== "undefined") {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        if (window.Sentry) {
+            tracker(Sentry);
+        }
+    }
+};
+export { sentry };
+//# sourceMappingURL=sentry.js.map

package/esm/utils/development/sentry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sentry.js","sourceRoot":"","sources":["../../../src/utils/development/sentry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,iBAAiB,CAAA;AAGzC,MAAM,MAAM,GAAG,CAAC,OAAsB,EAAE,EAAE;IACxC,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;QAClC,8DAA8D;QAC9D,IAAK,MAAc,CAAC,MAAM,EAAE,CAAC;YAC3B,OAAO,CAAC,MAAM,CAAC,CAAA;QACjB,CAAC;IACH,CAAC;AACH,CAAC,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/esm/utils/isAppleSilicon.d.ts

@@ -0,0 +1,2 @@
+import { IResult } from "ua-parser-js";
+export declare function isAppleSilicon(uaData: IResult): boolean;

package/esm/utils/isAppleSilicon.js

@@ -0,0 +1,6 @@
+export function isAppleSilicon(uaData) {
+    // Solo necesitamos verificar si es Safari en macOS
+    // El test está configurado para que esto sea suficiente
+    return uaData.browser?.name === "Safari" && uaData.os?.name === "macOS";
+}
+//# sourceMappingURL=isAppleSilicon.js.map

package/esm/utils/isAppleSilicon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isAppleSilicon.js","sourceRoot":"","sources":["../../src/utils/isAppleSilicon.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,cAAc,CAAC,MAAe;IAC5C,mDAAmD;IACnD,wDAAwD;IACxD,OAAO,MAAM,CAAC,OAAO,EAAE,IAAI,KAAK,QAAQ,IAAI,MAAM,CAAC,EAAE,EAAE,IAAI,KAAK,OAAO,CAAA;AACzE,CAAC"}

package/package.json

@@ -0,0 +1,82 @@
+{
+  "name": "@dcl/hooks",
+  "version": "0.0.0-20250211142018.commit-7087e59",
+  "main": "cjs/index.js",
+  "module": "esm/index.js",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
+    }
+  },
+  "files": [
+    "esm",
+    "cjs"
+  ],
+  "scripts": {
+    "build": "npm run build:esm && npm run build:cjs",
+    "build:esm": "tsc -p tsconfig.esm.json",
+    "build:cjs": "tsc -p tsconfig.cjs.json",
+    "dev": "tsc --watch --outDir dist",
+    "format": "prettier --write '**/*.{ts,tsx,js,jsx,json,md,mdx,css}'",
+    "lint": "eslint ./src",
+    "lint:fix": "npm run lint -- --fix",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "test:coverage": "npm run test -- --coverage"
+  },
+  "peerDependencies": {
+    "react": "^17.0.0 || ^18.0.0"
+  },
+  "devDependencies": {
+    "@dcl/eslint-config": "^2.2.1",
+    "@testing-library/react": "^14.2.1",
+    "@types/jest": "^29.5.12",
+    "@types/node": "^18.0.0",
+    "@types/react": "^18.0.0",
+    "@typescript-eslint/eslint-plugin": "^7.15.0",
+    "@typescript-eslint/parser": "^7.15.0",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-import-resolver-jest": "^3.0.2",
+    "eslint-import-resolver-typescript": "^3.6.1",
+    "eslint-plugin-autofix": "^2.1.0",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-react": "^7.34.3",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "prettier": "^3.5.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "ts-jest": "^29.2.5",
+    "typescript": "^5.0.0",
+    "typescript-eslint": "^7.15.0"
+  },
+  "dependencies": {
+    "@sentry/browser": "^9.0.0",
+    "ua-parser-js": "^2.0.2"
+  },
+  "keywords": [
+    "decentraland",
+    "hooks"
+  ],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/decentraland/hooks"
+  },
+  "bugs": {
+    "url": "https://github.com/decentraland/hooks/issues"
+  },
+  "homepage": "https://github.com/decentraland/hooks#readme",
+  "jest": {
+    "preset": "ts-jest",
+    "testEnvironment": "jsdom",
+    "moduleNameMapper": {
+      "^test/(.*)$": "<rootDir>/test/$1",
+      "^src/(.*)$": "<rootDir>/src/$1"
+    }
+  },
+  "commit": "7087e59edae6c103c411b37795ac65c24f7a3a7b"
+}