@crossbell/ipfs-react - npm Package Compare versions

Comparing version 0.0.11 to 0.0.12

dist/cjs/hooks/use-handle-link-click.d.ts

 import React from 'react';
-export declare function useHandleLinkClick(): (event: React.MouseEvent<HTMLAnchorElement>) => void;
+export declare function useHandleLinkClick(onClick?: React.MouseEventHandler<HTMLAnchorElement>): (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
 //# sourceMappingURL=use-handle-link-click.d.ts.map

dist/cjs/hooks/use-handle-link-click.js

@@ -7,31 +7,15 @@ "use strict";
 exports.useHandleLinkClick = void 0;
-const ipfs_gateway_1 = require("@crossbell/ipfs-gateway");
 const react_1 = __importDefault(require("react"));
 const use_ipfs_gateway_1 = require("./use-ipfs-gateway");
-function useHandleLinkClick() {
+function useHandleLinkClick(onClick) {
     const ipfsGateway = (0, use_ipfs_gateway_1.useIpfsGateway)();
+    const onClickRef = react_1.default.useRef(onClick);
+    onClickRef.current = onClick;
     return react_1.default.useCallback((event) => {
-        const elm = event.currentTarget;
-        const link = elm.href;
-        const gatewayPrefix = ipfsGateway.config.serviceWorker?.gatewayPrefix;
-        const ipfsUrl = (() => {
-            if ((0, ipfs_gateway_1.isIpfsUrl)(link)) {
-                return link;
-            }
-            else if (gatewayPrefix) {
-                return (0, ipfs_gateway_1.swGatewayUrlToIpfsUrl)(gatewayPrefix, link);
-            }
-            else {
-                return null;
-            }
-        })();
-        if (ipfsUrl) {
-            const newWindow = window.open();
-            if (newWindow) {
+        onClickRef.current?.(event);
+        if (!event.defaultPrevented) {
+            const ipfsUrl = ipfsGateway.convertToIpfsUrl(event.currentTarget.href);
+            if (ipfsUrl) {
                 event.preventDefault();
-                ipfsGateway
-                    .getFastestWeb2Url(ipfsUrl)
-                    .catch(() => null)
-                    .then((url) => url ?? ipfsGateway.getFallbackWeb2Url(ipfsUrl))
-                    .then((url) => (newWindow.location.href = url));
+                ipfsGateway.openIpfsUrl(ipfsUrl);
             }
@@ -38,0 +22,0 @@ }

dist/cjs/index.d.ts

 export * from './context';
 export * from './hooks';
+export * from './components';
 //# sourceMappingURL=index.d.ts.map

dist/cjs/index.js

@@ -19,1 +19,2 @@ "use strict";
 __exportStar(require("./hooks"), exports);
+__exportStar(require("./components"), exports);

dist/esm/hooks/use-handle-link-click.d.ts

 import React from 'react';
-export declare function useHandleLinkClick(): (event: React.MouseEvent<HTMLAnchorElement>) => void;
+export declare function useHandleLinkClick(onClick?: React.MouseEventHandler<HTMLAnchorElement>): (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
 //# sourceMappingURL=use-handle-link-click.d.ts.map

dist/esm/hooks/use-handle-link-click.js

@@ -1,30 +0,14 @@
-import { isIpfsUrl, swGatewayUrlToIpfsUrl } from '@crossbell/ipfs-gateway';
 import React from 'react';
 import { useIpfsGateway } from './use-ipfs-gateway';
-export function useHandleLinkClick() {
+export function useHandleLinkClick(onClick) {
     const ipfsGateway = useIpfsGateway();
+    const onClickRef = React.useRef(onClick);
+    onClickRef.current = onClick;
     return React.useCallback((event) => {
-        const elm = event.currentTarget;
-        const link = elm.href;
-        const gatewayPrefix = ipfsGateway.config.serviceWorker?.gatewayPrefix;
-        const ipfsUrl = (() => {
-            if (isIpfsUrl(link)) {
-                return link;
-            }
-            else if (gatewayPrefix) {
-                return swGatewayUrlToIpfsUrl(gatewayPrefix, link);
-            }
-            else {
-                return null;
-            }
-        })();
-        if (ipfsUrl) {
-            const newWindow = window.open();
-            if (newWindow) {
+        onClickRef.current?.(event);
+        if (!event.defaultPrevented) {
+            const ipfsUrl = ipfsGateway.convertToIpfsUrl(event.currentTarget.href);
+            if (ipfsUrl) {
                 event.preventDefault();
-                ipfsGateway
-                    .getFastestWeb2Url(ipfsUrl)
-                    .catch(() => null)
-                    .then((url) => url ?? ipfsGateway.getFallbackWeb2Url(ipfsUrl))
-                    .then((url) => (newWindow.location.href = url));
+                ipfsGateway.openIpfsUrl(ipfsUrl);
             }
@@ -31,0 +15,0 @@ }

dist/esm/index.d.ts

 export * from './context';
 export * from './hooks';
+export * from './components';
 //# sourceMappingURL=index.d.ts.map

dist/esm/index.js

 export * from './context';
 export * from './hooks';
+export * from './components';

package.json

 {
   "name": "@crossbell/ipfs-react",
-  "version": "0.0.11",
+  "version": "0.0.12",
   "license": "MIT",
@@ -19,7 +19,7 @@ "repository": "github:Crossbell-Box/crossbell-monorepo",
   "peerDependencies": {
-    "@crossbell/ipfs-gateway": "0.0.11",
+    "@crossbell/ipfs-gateway": "0.0.12",
     "react": "^17 || ^18"
   },
   "devDependencies": {
-    "@crossbell/ipfs-gateway": "0.0.11",
+    "@crossbell/ipfs-gateway": "0.0.12",
     "@types/react": "18.0.18",
@@ -26,0 +26,0 @@ "node-fetch": "^3.2.10",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

19081

increased by14.75%

Number of package files

51

increased by30.77%

Lines of code

267

increased by6.37%

No dependency changes