@w3ux/observables-connect 0.9.0-alpha.10

package/extensions.d.ts

@@ -0,0 +1,6 @@
+import type { ExtensionStatus } from '@w3ux/types';
+export declare const getExtensions: () => Promise<void>;
+export declare const getStatus: (id: string) => ExtensionStatus;
+export declare const setStatus: (id: string, status: ExtensionStatus) => void;
+export declare const removeStatus: (id: string) => void;
+export declare const canConnect: (id: string) => boolean;

package/extensions.js

@@ -0,0 +1,70 @@
+import extensions from '@w3ux/extension-assets';
+import { _extensionsStatus, _gettingExtensions } from './index';
+export const getExtensions = async () => {
+    _gettingExtensions.next(true);
+    let injectedWeb3Interval = null;
+    const findInstalled = () => {
+        let updated = false;
+        const current = _extensionsStatus.getValue();
+        console.log('current: ', current);
+        const installed = Object.keys(extensions).reduce((acc, key) => {
+            if (acc[key] !== undefined) {
+                return acc;
+            }
+            const maybeExtension = window?.injectedWeb3?.[key];
+            if (maybeExtension !== undefined) {
+                updated = true;
+                acc[key] = 'installed';
+            }
+            else {
+                acc[key] = undefined;
+            }
+            return acc;
+        }, { ...current });
+        console.log('end of iteration: ');
+        console.log(installed);
+        return { installed, updated };
+    };
+    const processInterval = async () => {
+        const { installed, updated } = findInstalled();
+        if (updated) {
+            _extensionsStatus.next(installed);
+        }
+    };
+    let i = 0;
+    const interval = 300;
+    const maxChecks = 10;
+    injectedWeb3Interval = setInterval(() => {
+        i++;
+        if (i === maxChecks) {
+            _gettingExtensions.next(false);
+            clearInterval(injectedWeb3Interval);
+        }
+        else {
+            if (window?.injectedWeb3 !== undefined) {
+                processInterval();
+            }
+        }
+    }, interval);
+};
+export const getStatus = (id) => {
+    const value = _extensionsStatus.getValue();
+    return value[id] || undefined;
+};
+export const setStatus = (id, status) => {
+    const value = _extensionsStatus.getValue();
+    value[id] = status;
+    _extensionsStatus.next(value);
+};
+export const removeStatus = (id) => {
+    const { [id]: _, ...rest } = _extensionsStatus.getValue();
+    _extensionsStatus.next(rest);
+};
+export const canConnect = (id) => {
+    const value = _extensionsStatus.getValue();
+    return ![undefined, 'connected'].includes(value[id]);
+};
+
+//# sourceMappingURL=extensions.js.map
+
+//# sourceMappingURL=extensions.js.map

package/extensions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/extensions.ts"],"names":[],"mappings":"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","file":"extensions.js","sourcesContent":["/* @license Copyright 2024 w3ux authors & contributors\nSPDX-License-Identifier: GPL-3.0-only */\n\nimport extensions from '@w3ux/extension-assets'\nimport type { ExtensionStatus } from '@w3ux/types'\nimport { _extensionsStatus, _gettingExtensions } from './index'\n\n// Gets extensions from injectedWeb3\nexport const getExtensions = async () => {\n  _gettingExtensions.next(true)\n  let injectedWeb3Interval: ReturnType<typeof setInterval> = null\n\n  // Find new installed extensions and update state\n  const findInstalled = () => {\n    let updated = false\n    const current = _extensionsStatus.getValue()\n    console.log('current: ', current)\n\n    const installed = Object.keys(extensions).reduce(\n      (acc, key) => {\n        if (acc[key] !== undefined) {\n          return acc\n        }\n        const maybeExtension = window?.injectedWeb3?.[key]\n        if (maybeExtension !== undefined) {\n          updated = true\n          acc[key] = 'installed'\n        } else {\n          acc[key] = undefined\n        }\n        return acc\n      },\n      { ...current }\n    )\n\n    console.log('end of iteration: ')\n    console.log(installed)\n\n    return { installed, updated }\n  }\n\n  // Handle interval iteration\n  const processInterval = async () => {\n    const { installed, updated } = findInstalled()\n    if (updated) {\n      _extensionsStatus.next(installed)\n    }\n  }\n\n  // Getter for the currently installed extensions\n  let i = 0\n  const interval = 300\n  const maxChecks = 10\n  injectedWeb3Interval = setInterval(() => {\n    i++\n    if (i === maxChecks) {\n      _gettingExtensions.next(false)\n      clearInterval(injectedWeb3Interval)\n    } else {\n      if (window?.injectedWeb3 !== undefined) {\n        processInterval()\n      }\n    }\n  }, interval)\n}\n\n// Gets an extension status\nexport const getStatus = (id: string): ExtensionStatus => {\n  const value = _extensionsStatus.getValue()\n  return value[id] || undefined\n}\n\n// Sets an extension status\nexport const setStatus = (id: string, status: ExtensionStatus) => {\n  const value = _extensionsStatus.getValue()\n  value[id] = status\n  _extensionsStatus.next(value)\n}\n\n// Removes an extension status\nexport const removeStatus = (id: string) => {\n  const { [id]: _, ...rest } = _extensionsStatus.getValue()\n  _extensionsStatus.next(rest)\n}\n\n// Whether an extension can be connected\nexport const canConnect = (id: string) => {\n  const value = _extensionsStatus.getValue()\n  return ![undefined, 'connected'].includes(value[id])\n}\n"]}

package/index.d.ts

@@ -0,0 +1,6 @@
+import type { ExtensionsStatus } from '@w3ux/types';
+import { BehaviorSubject } from 'rxjs';
+export declare const _gettingExtensions: BehaviorSubject<boolean>;
+export declare const gettingExtensions$: import("rxjs").Observable<boolean>;
+export declare const _extensionsStatus: BehaviorSubject<ExtensionsStatus>;
+export declare const extensionsStatus$: import("rxjs").Observable<ExtensionsStatus>;

package/index.js

@@ -0,0 +1,9 @@
+import { BehaviorSubject } from 'rxjs';
+export const _gettingExtensions = new BehaviorSubject(false);
+export const gettingExtensions$ = _gettingExtensions.asObservable();
+export const _extensionsStatus = new BehaviorSubject({});
+export const extensionsStatus$ = _extensionsStatus.asObservable();
+
+//# sourceMappingURL=index.js.map
+
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,MAAM,CAAA;AAGtC,MAAM,CAAC,MAAM,kBAAkB,GAAG,IAAI,eAAe,CAAU,KAAK,CAAC,CAAA;AACrE,MAAM,CAAC,MAAM,kBAAkB,GAAG,kBAAkB,CAAC,YAAY,EAAE,CAAA;AAGnE,MAAM,CAAC,MAAM,iBAAiB,GAAG,IAAI,eAAe,CAAmB,EAAE,CAAC,CAAA;AAC1E,MAAM,CAAC,MAAM,iBAAiB,GAAG,iBAAiB,CAAC,YAAY,EAAE,CAAA","file":"index.js","sourcesContent":["/* @license Copyright 2024 w3ux authors & contributors\nSPDX-License-Identifier: GPL-3.0-only */\n\nimport type { ExtensionsStatus } from '@w3ux/types'\nimport { BehaviorSubject } from 'rxjs'\n\n// Whether extensions are being checked\nexport const _gettingExtensions = new BehaviorSubject<boolean>(false)\nexport const gettingExtensions$ = _gettingExtensions.asObservable()\n\n// Discovered extensions along with their status\nexport const _extensionsStatus = new BehaviorSubject<ExtensionsStatus>({})\nexport const extensionsStatus$ = _extensionsStatus.asObservable()\n"]}

package/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "@w3ux/observables-connect",
+  "version": "0.9.0-alpha.10",
+  "license": "GPL-3.0-only",
+  "dependencies": {
+    "@w3ux/extension-assets": "^2.2.0"
+  },
+  "type": "module",
+  "peerDependencies": {
+    "rxjs": "^7.8.2"
+  }
+}

package/types.d.ts

@@ -0,0 +1,6 @@
+import type { ExtensionInjected } from '@w3ux/types';
+declare global {
+    interface Window {
+        injectedWeb3?: Record<string, ExtensionInjected>;
+    }
+}

package/types.js

@@ -0,0 +1,5 @@
+export {};
+
+//# sourceMappingURL=types.js.map
+
+//# sourceMappingURL=types.js.map

package/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/types.ts"],"names":[],"mappings":"","file":"types.js","sourcesContent":["/* @license Copyright 2024 w3ux authors & contributors\nSPDX-License-Identifier: GPL-3.0-only */\n\nimport type { ExtensionInjected } from '@w3ux/types'\n\ndeclare global {\n  interface Window {\n    injectedWeb3?: Record<string, ExtensionInjected>\n  }\n}\n"]}