@pezkuwi/react-qr 3.16.6 → 3.16.8

package/build/qrcode.js

@@ -1,4 +0,0 @@
-import _qrcode from 'qrcode-generator';
-const qrcode = _qrcode;
-qrcode.stringToBytes = (data) => data;
-export { qrcode };

package/build/styled.d.ts

@@ -1 +0,0 @@
-export { styled } from 'styled-components';

package/build/styled.js

@@ -1 +0,0 @@
-export { styled } from 'styled-components';

package/build/util.d.ts

@@ -1,7 +0,0 @@
-export declare function encodeNumber(value: number): Uint8Array;
-export declare function encodeString(value: string): Uint8Array;
-export declare function decodeString(value: Uint8Array): string;
-export declare function createAddressPayload(address: string, genesisHash: string): Uint8Array;
-export declare function createSignPayload(address: string, cmd: number, payload: string | Uint8Array, genesisHash: string | Uint8Array): Uint8Array;
-export declare function createFrames(input: Uint8Array): Uint8Array[];
-export declare function createImgSize(size?: string | number): Record<string, string>;

package/build/util.js

@@ -1,50 +0,0 @@
-import { isString, u8aConcat, u8aToU8a } from '@pezkuwi/util';
-import { decodeAddress } from '@pezkuwi/util-crypto';
-import { ADDRESS_PREFIX, CRYPTO_SR25519, FRAME_SIZE, SUBSTRATE_ID } from './constants.js';
-const MULTIPART = new Uint8Array([0]);
-export function encodeNumber(value) {
-    return new Uint8Array([value >> 8, value & 0xff]);
-}
-export function encodeString(value) {
-    const count = value.length;
-    const u8a = new Uint8Array(count);
-    for (let i = 0; i < count; i++) {
-        u8a[i] = value.charCodeAt(i);
-    }
-    return u8a;
-}
-export function decodeString(value) {
-    return value.reduce((str, code) => {
-        return str + String.fromCharCode(code);
-    }, '');
-}
-export function createAddressPayload(address, genesisHash) {
-    return encodeString(`${ADDRESS_PREFIX}:${address}:${genesisHash}`);
-}
-export function createSignPayload(address, cmd, payload, genesisHash) {
-    return u8aConcat(SUBSTRATE_ID, CRYPTO_SR25519, new Uint8Array([cmd]), decodeAddress(address), u8aToU8a(payload), u8aToU8a(genesisHash));
-}
-export function createFrames(input) {
-    const frames = [];
-    let idx = 0;
-    while (idx < input.length) {
-        frames.push(input.subarray(idx, idx + FRAME_SIZE));
-        idx += FRAME_SIZE;
-    }
-    return frames.map((frame, index) => u8aConcat(MULTIPART, encodeNumber(frames.length), encodeNumber(index), frame));
-}
-export function createImgSize(size) {
-    if (!size) {
-        return {
-            height: 'auto',
-            width: '100%'
-        };
-    }
-    const height = isString(size)
-        ? size
-        : `${size}px`;
-    return {
-        height,
-        width: height
-    };
-}

package/src/Display.tsx

@@ -1,153 +0,0 @@
-// Copyright 2017-2025 @pezkuwi/react-qr authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-import React, { useEffect, useMemo, useRef, useState } from 'react';
-
-import { objectSpread } from '@pezkuwi/util';
-import { xxhashAsHex } from '@pezkuwi/util-crypto';
-
-import { qrcode } from './qrcode.js';
-import { styled } from './styled.js';
-import { createFrames, createImgSize } from './util.js';
-
-interface Props {
-  className?: string | undefined;
-  size?: string | number | undefined;
-  skipEncoding?: boolean;
-  style?: React.CSSProperties | undefined;
-  timerDelay?: number | undefined;
-  value: Uint8Array;
-}
-
-interface FrameState {
-  frames: Uint8Array[];
-  frameIdx: number;
-  image: string | null;
-  valueHash: string | null;
-}
-
-interface TimerState {
-  timerDelay: number;
-  timerId: ReturnType<typeof setTimeout> | null;
-}
-
-const DEFAULT_FRAME_DELAY = 2750;
-const TIMER_INC = 500;
-
-function getDataUrl (value: Uint8Array): string {
-  const qr = qrcode(0, 'M');
-
-  // HACK See our qrcode stringToBytes override as used internally. This
-  // will only work for the case where we actually pass `Bytes` in here
-  qr.addData(value as unknown as string, 'Byte');
-  qr.make();
-
-  return qr.createDataURL(16, 0);
-}
-
-function Display ({ className = '', size, skipEncoding, style = {}, timerDelay = DEFAULT_FRAME_DELAY, value }: Props): React.ReactElement<Props> | null {
-  const [{ image }, setFrameState] = useState<FrameState>({ frameIdx: 0, frames: [], image: null, valueHash: null });
-  const timerRef = useRef<TimerState>({ timerDelay, timerId: null });
-
-  const containerStyle = useMemo(
-    () => createImgSize(size),
-    [size]
-  );
-
-  // run on initial load to setup the global timer and provide and unsubscribe
-  useEffect((): () => void => {
-    const nextFrame = () => setFrameState((state): FrameState => {
-      // when we have a single frame, we only ever fire once
-      if (state.frames.length <= 1) {
-        return state;
-      }
-
-      let frameIdx = state.frameIdx + 1;
-
-      // when we overflow, skip to the first and slightly increase the delay between frames
-      if (frameIdx === state.frames.length) {
-        frameIdx = 0;
-        timerRef.current.timerDelay = timerRef.current.timerDelay + TIMER_INC;
-      }
-
-      // only encode the frames on demand, not above as part of the
-      // state derivation - in the case of large payloads, this should
-      // be slightly more responsive on initial load
-      const newState = objectSpread<FrameState>({}, state, {
-        frameIdx,
-        image: getDataUrl(state.frames[frameIdx])
-      });
-
-      // set the new timer last
-      timerRef.current.timerId = setTimeout(nextFrame, timerRef.current.timerDelay);
-
-      return newState;
-    });
-
-    timerRef.current.timerId = setTimeout(nextFrame, timerRef.current.timerDelay);
-
-    return (): void => {
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-      timerRef.current.timerId && clearTimeout(timerRef.current.timerId);
-    };
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  useEffect((): void => {
-    setFrameState((state): FrameState => {
-      const valueHash = xxhashAsHex(value);
-
-      if (valueHash === state.valueHash) {
-        return state;
-      }
-
-      const frames: Uint8Array[] = skipEncoding
-        ? [value]
-        : createFrames(value);
-
-      // encode on demand
-      return {
-        frameIdx: 0,
-        frames,
-        image: getDataUrl(frames[0]),
-        valueHash
-      };
-    });
-  }, [skipEncoding, value]);
-
-  if (!image) {
-    return null;
-  }
-
-  return (
-    <StyledDiv
-      className={className}
-      style={containerStyle}
-    >
-      <div
-        className='ui--qr-Display'
-        style={style}
-      >
-        <img src={image} />
-      </div>
-    </StyledDiv>
-  );
-}
-
-const StyledDiv = styled.div`
-  .ui--qr-Display {
-    height: 100%;
-    width: 100%;
-
-    img,
-    svg {
-      background: white;
-      height: auto !important;
-      max-height: 100%;
-      max-width: 100%;
-      width: auto !important;
-    }
-  }
-`;
-
-export const QrDisplay = React.memo(Display);

package/src/DisplayAddress.tsx

@@ -1,40 +0,0 @@
-// Copyright 2017-2025 @pezkuwi/react-qr authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-import React, { useMemo } from 'react';
-
-import { QrDisplay } from './Display.js';
-import { createAddressPayload } from './util.js';
-
-interface Props {
-  address: string;
-  genesisHash: string;
-  className?: string;
-  size?: string | number;
-  style?: React.CSSProperties;
-  timerDelay?: number;
-}
-
-function DisplayAddress ({ address, className, genesisHash, size, style, timerDelay }: Props): React.ReactElement<Props> | null {
-  const data = useMemo(
-    () => createAddressPayload(address, genesisHash),
-    [address, genesisHash]
-  );
-
-  if (!data) {
-    return null;
-  }
-
-  return (
-    <QrDisplay
-      className={className}
-      size={size}
-      skipEncoding
-      style={style}
-      timerDelay={timerDelay}
-      value={data}
-    />
-  );
-}
-
-export const QrDisplayAddress = React.memo(DisplayAddress);

package/src/DisplayPayload.tsx

@@ -1,42 +0,0 @@
-// Copyright 2017-2025 @pezkuwi/react-qr authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-import React, { useMemo } from 'react';
-
-import { QrDisplay } from './Display.js';
-import { createSignPayload } from './util.js';
-
-interface Props {
-  address: string;
-  className?: string;
-  cmd: number;
-  delay?: number;
-  genesisHash: Uint8Array | string;
-  payload: Uint8Array;
-  size?: string | number;
-  style?: React.CSSProperties;
-  timerDelay?: number;
-}
-
-function DisplayPayload ({ address, className, cmd, genesisHash, payload, size, style, timerDelay }: Props): React.ReactElement<Props> | null {
-  const data = useMemo(
-    () => createSignPayload(address, cmd, payload, genesisHash),
-    [address, cmd, payload, genesisHash]
-  );
-
-  if (!data) {
-    return null;
-  }
-
-  return (
-    <QrDisplay
-      className={className}
-      size={size}
-      style={style}
-      timerDelay={timerDelay}
-      value={data}
-    />
-  );
-}
-
-export const QrDisplayPayload = React.memo(DisplayPayload);

package/src/NetworkSpecs.tsx

@@ -1,39 +0,0 @@
-// Copyright 2017-2025 @pezkuwi/react-qr authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-import type { NetworkSpecsStruct } from '@pezkuwi/ui-settings/types';
-
-import React, { useMemo } from 'react';
-
-import { QrDisplay } from './Display.js';
-import { encodeString } from './util.js';
-
-interface Props {
-  className?: string;
-  networkSpecs: NetworkSpecsStruct;
-  size?: string | number;
-  style?: React.CSSProperties;
-}
-
-function DisplayNetworkSpecs ({ className, networkSpecs, size, style }: Props): React.ReactElement<Props> | null {
-  const data = useMemo(
-    () => encodeString(JSON.stringify(networkSpecs)),
-    [networkSpecs]
-  );
-
-  if (!data) {
-    return null;
-  }
-
-  return (
-    <QrDisplay
-      className={className}
-      size={size}
-      skipEncoding
-      style={style}
-      value={data}
-    />
-  );
-}
-
-export const QrNetworkSpecs = React.memo(DisplayNetworkSpecs);

package/src/Scan.tsx

@@ -1,100 +0,0 @@
-// Copyright 2017-2025 @pezkuwi/react-qr authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-import { BrowserQRCodeReader, type IScannerControls } from '@zxing/browser';
-import React, { useCallback, useEffect, useMemo, useRef } from 'react';
-
-import { styled } from './styled.js';
-import { createImgSize } from './util.js';
-
-interface Props {
-  className?: string | undefined;
-  delay?: number;
-  onError?: undefined | ((error: Error) => void);
-  onScan: (data: string) => void;
-  size?: string | number | undefined;
-  style?: React.CSSProperties | undefined;
-}
-
-const DEFAULT_DELAY = 150;
-
-const DEFAULT_ERROR = (error: Error): void => {
-  console.error('@pezkuwi/react-qr:Scan', error.message);
-};
-
-function Scan ({ className = '', delay = DEFAULT_DELAY, onError = DEFAULT_ERROR, onScan, size, style = {} }: Props): React.ReactElement<Props> {
-  const videoRef = useRef<HTMLVideoElement>(null);
-  const controlsRef = useRef<IScannerControls | null>(null);
-
-  const containerStyle = useMemo(
-    () => createImgSize(size),
-    [size]
-  );
-
-  const _onError = useCallback(
-    (error: Error) => onError(error),
-    [onError]
-  );
-
-  useEffect(() => {
-    const codeReader = new BrowserQRCodeReader();
-
-    const startScanning = async () => {
-      try {
-        const videoInputDevices = await BrowserQRCodeReader.listVideoInputDevices();
-        const selectedDeviceId = videoInputDevices[0].deviceId;
-
-        controlsRef.current = await codeReader.decodeFromVideoDevice(
-          selectedDeviceId,
-          videoRef.current ?? undefined,
-          (result, error) => {
-            if (result) {
-              onScan(result.getText());
-            }
-
-            if (error && !(error instanceof Error)) {
-              _onError(new Error(error));
-            }
-          }
-        );
-      } catch (error) {
-        _onError(error instanceof Error ? error : new Error('Unknown error occurred'));
-      }
-    };
-
-    // eslint-disable-next-line @typescript-eslint/no-misused-promises
-    const timeoutId = setTimeout(startScanning, delay);
-
-    return () => {
-      clearTimeout(timeoutId);
-
-      if (controlsRef.current) {
-        controlsRef.current.stop();
-      }
-    };
-  }, [onScan, _onError, delay]);
-
-  return (
-    <StyledDiv
-      className={className}
-      style={containerStyle}
-    >
-      <video
-        className='ui--qr-Scan'
-        ref={videoRef}
-        style={style}
-      />
-    </StyledDiv>
-  );
-}
-
-const StyledDiv = styled.div`
-  .ui--qr-Scan {
-    display: inline-block;
-    height: 100%;
-    transform: matrix(-1, 0, 0, 1, 0, 0);
-    width: 100%;
-  }
-`;
-
-export const QrScan = React.memo(Scan);

package/src/ScanAddress.tsx

@@ -1,82 +0,0 @@
-// Copyright 2017-2025 @pezkuwi/react-qr authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-import type { HexString } from '@pezkuwi/util/types';
-
-import React, { useCallback } from 'react';
-
-import { decodeAddress } from '@pezkuwi/util-crypto';
-
-import { ADDRESS_PREFIX, SEED_PREFIX } from './constants.js';
-import { QrScan } from './Scan.js';
-
-interface ScanType {
-  isAddress: boolean;
-  content: string;
-  genesisHash: HexString | null;
-  name?: string | undefined;
-}
-
-interface Props {
-  className?: string;
-  onError?: (error: Error) => void;
-  onScan: (scanned: ScanType) => void;
-  size?: string | number;
-  style?: React.CSSProperties;
-  isEthereum?: boolean
-}
-
-function ScanAddress ({ className, isEthereum, onError, onScan, size, style }: Props): React.ReactElement<Props> {
-  const _onScan = useCallback(
-    (data: string | null): void => {
-      if (data) {
-        try {
-          let prefix: string;
-          let content: string;
-          let genesisHash: string | null;
-          let name: string[];
-
-          if (!isEthereum) {
-            [prefix, content, genesisHash, ...name] = data.split(':');
-          } else {
-            [prefix, content, ...name] = data.split(':');
-            genesisHash = null;
-            content = content.substring(0, 42);
-          }
-
-          const expectedPrefix = (isEthereum ? 'ethereum' : ADDRESS_PREFIX);
-          const isValidPrefix = (prefix === expectedPrefix) || (prefix === SEED_PREFIX);
-
-          if (!isValidPrefix) {
-            throw new Error(`Invalid prefix received, expected '${expectedPrefix} or ${SEED_PREFIX}' , found '${prefix}'`);
-          }
-
-          const isAddress = prefix === expectedPrefix;
-
-          if (isAddress && !isEthereum) {
-            decodeAddress(content);
-          }
-
-          onScan({ content, genesisHash: genesisHash as HexString, isAddress, name: name?.length ? name.join(':') : undefined });
-        } catch (error) {
-          onError && onError(error as Error);
-
-          console.error('@pezkuwi/react-qr:QrScanAddress', (error as Error).message, data);
-        }
-      }
-    },
-    [onScan, onError, isEthereum]
-  );
-
-  return (
-    <QrScan
-      className={className}
-      onError={onError}
-      onScan={_onScan}
-      size={size}
-      style={style}
-    />
-  );
-}
-
-export const QrScanAddress = React.memo(ScanAddress);

package/src/ScanSignature.tsx

@@ -1,39 +0,0 @@
-// Copyright 2017-2025 @pezkuwi/react-qr authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-import type { HexString } from '@pezkuwi/util/types';
-
-import React, { useCallback } from 'react';
-
-import { QrScan } from './Scan.js';
-
-interface ScanType {
-  signature: HexString;
-}
-
-interface Props {
-  className?: string;
-  onError?: (error: Error) => void;
-  onScan: (scanned: ScanType) => void;
-  size?: string | number;
-  style?: React.CSSProperties;
-}
-
-function ScanSignature ({ className, onError, onScan, size, style }: Props): React.ReactElement<Props> {
-  const _onScan = useCallback(
-    (signature: string | null) => signature && onScan({ signature: `0x${signature}` }),
-    [onScan]
-  );
-
-  return (
-    <QrScan
-      className={className}
-      onError={onError}
-      onScan={_onScan}
-      size={size}
-      style={style}
-    />
-  );
-}
-
-export const QrScanSignature = React.memo(ScanSignature);

package/src/bundle.ts

@@ -1,9 +0,0 @@
-// Copyright 2017-2025 @pezkuwi/react-qr authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-export { QrDisplayAddress } from './DisplayAddress.js';
-export { QrDisplayPayload } from './DisplayPayload.js';
-export { QrNetworkSpecs } from './NetworkSpecs.js';
-export { packageInfo } from './packageInfo.js';
-export { QrScanAddress } from './ScanAddress.js';
-export { QrScanSignature } from './ScanSignature.js';

package/src/constants.ts

@@ -1,12 +0,0 @@
-// Copyright 2017-2025 @pezkuwi/react-qr authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-export const ADDRESS_PREFIX = 'substrate';
-export const SEED_PREFIX = 'secret';
-export const FRAME_SIZE = 1024;
-export const SUBSTRATE_ID = new Uint8Array([0x53]);
-export const CRYPTO_SR25519 = new Uint8Array([0x01]);
-export const CMD_SIGN_TX = new Uint8Array([0]);
-export const CMD_SIGN_TX_HASH = new Uint8Array([1]);
-export const CMD_SIGN_IMMORTAL_TX = new Uint8Array([2]);
-export const CMD_SIGN_MSG = new Uint8Array([3]);

package/src/index.ts

@@ -1,6 +0,0 @@
-// Copyright 2017-2025 @pezkuwi/react-qr authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-import './packageDetect.js';
-
-export * from './bundle.js';

package/src/packageDetect.ts

@@ -1,11 +0,0 @@
-// Copyright 2017-2026 @pezkuwi/react-qr authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-// Do not edit, auto-generated by @pezkuwi/dev
-// (packageInfo imports will be kept as-is, user-editable)
-
-import { detectPackage } from '@pezkuwi/util';
-
-import { packageInfo } from './packageInfo.js';
-
-detectPackage(packageInfo, null, []);

package/src/packageInfo.ts

@@ -1,6 +0,0 @@
-// Copyright 2017-2026 @pezkuwi/react-qr authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-// Do not edit, auto-generated by @pezkuwi/dev
-
-export const packageInfo = { name: '@pezkuwi/react-qr', path: 'auto', type: 'auto', version: '3.16.6' };

package/src/qrcode.ts

@@ -1,15 +0,0 @@
-// Copyright 2017-2025 @pezkuwi/react-qr authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-import _qrcode from 'qrcode-generator';
-
-// A small hurdle to jump through, just to get the default/default correct (as generated)
-const qrcode: typeof _qrcode = _qrcode;
-
-// HACK The default function take string -> number[], the Uint8array is compatible
-// with that signature and the use thereof
-// eslint-disable-next-line @typescript-eslint/no-explicit-any,@typescript-eslint/no-unsafe-member-access
-(qrcode as any).stringToBytes = (data: Uint8Array): Uint8Array =>
-  data;
-
-export { qrcode };

package/src/styled.ts

@@ -1,4 +0,0 @@
-// Copyright 2017-2025 @pezkuwi/react-qr authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-export { styled } from 'styled-components';