panelui-native 0.56.0 → 0.59.0

package/lib/module/components/qr-code/index.js

@@ -0,0 +1,641 @@
+"use strict";
+
+/**
+ * QRCode — a string, drawn as something a camera can read.
+ *
+ * ```tsx
+ * <QRCode value="https://panelui.dev">
+ *   <QRCode.Frame>
+ *     <QRCode.Canvas />
+ *   </QRCode.Frame>
+ *   <QRCode.Caption>Scan to open the docs</QRCode.Caption>
+ * </QRCode>
+ * ```
+ *
+ * Composition is the API, as everywhere else here: a code in a titled panel is
+ * one with a `QRCode.Header` in it, and a code behind a button is one wrapped
+ * in a `QRCode.Trigger` and a `QRCode.Content` — not one with a prop turned on.
+ *
+ * ## What it draws
+ *
+ * Every dark module is one subpath of a single `<Path>`, not a `<Rect>` of its
+ * own. A version 10 code is 3,481 modules; half of them dark is seventeen
+ * hundred native views for a picture that never changes, and the difference
+ * between that and one node is the difference between a code that appears and
+ * one that appears eventually.
+ *
+ * The colours come from the theme, so a code drawn on a card is legible on
+ * every one of them — and light-on-dark is drawn the way scanners expect it,
+ * with the quiet zone painted rather than left transparent. A code with
+ * nothing behind it reads at about half the distance.
+ *
+ * ## The hole in the middle
+ *
+ * `QRCode.Logo` clears a square of modules and puts its children there.
+ * Error correction is what makes that survivable — the modules are gone, and
+ * the code still reads because there is enough redundancy to reconstruct them.
+ * How much is `errorCorrection`, and a logo raises the level it needs: the
+ * default `M` tolerates about 15% loss, `H` about 30%. A logo is measured
+ * against that budget and the level is raised for you if it has to be.
+ */
+import { createContext, forwardRef, useContext, useMemo } from 'react';
+import { View } from 'react-native';
+import Svg, { Path, Rect } from 'react-native-svg';
+import { tv } from 'tailwind-variants';
+import { Text } from "../../primitives/text.js";
+import { cn } from "../../utils/cn.js";
+import { Popover } from "../popover/index.js";
+import { encodeQr } from "./qr-encode.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const qrCodeVariants = tv({
+  slots: {
+    root: 'items-center gap-3',
+    // The widget shell every chart in the library is shown in: a titled tray
+    // with the card flush inside it. A code is the same kind of thing — one
+    // object with a label over it — so it is the same shape.
+    frame: 'w-full overflow-hidden rounded-3xl border border-border bg-surface',
+    header: 'w-full flex-row items-center justify-between gap-3 px-4 pb-3 pt-2.5',
+    // Flush left, right and bottom: the shell's own edge is already there.
+    panel: 'relative items-center justify-center overflow-hidden rounded-t-2xl border-t border-border bg-card p-4',
+    caption: 'text-center text-sm text-muted-foreground',
+    value: 'text-center text-xs text-muted-foreground'
+  },
+  variants: {
+    size: {
+      sm: {},
+      md: {},
+      lg: {}
+    }
+  },
+  defaultVariants: {
+    size: 'md'
+  }
+});
+
+/** How big the drawn code is. */
+
+/** Side length in points per size. The module grid divides into it. */
+const CANVAS_SIZE = {
+  sm: 128,
+  md: 180,
+  lg: 240
+};
+
+/**
+ * The quiet zone, in modules. Four is what the specification asks for and what
+ * scanners are tuned to; less and a code against a busy background stops being
+ * found at all.
+ */
+const QUIET_ZONE = 4;
+
+/** Roughly how much of the code each level can lose and still be read. */
+const TOLERANCE = {
+  L: 0.07,
+  M: 0.15,
+  Q: 0.25,
+  H: 0.3
+};
+
+/** Ascending, so "the next level up" is a step through this. */
+const LEVELS = ['L', 'M', 'Q', 'H'];
+
+/** How much of the code a logo of this fraction covers. */
+function coverage(logoFraction) {
+  return logoFraction * logoFraction;
+}
+
+/**
+ * The cleared square, in module coordinates.
+ *
+ * Both the canvas and the logo compute it from this, so the hole and the thing
+ * filling it are the same square. Two nearly-equal calculations is how you get
+ * a dark ring around a logo, which is the failure the screenshot showed.
+ */
+function holeBounds(matrixSize, logoFraction) {
+  const from = Math.floor(matrixSize * (1 - logoFraction) / 2);
+  const to = Math.ceil(matrixSize * (1 + logoFraction) / 2);
+  return {
+    from,
+    to
+  };
+}
+
+/**
+ * The level actually used: the one asked for, unless a logo would eat more of
+ * the code than it can afford, in which case the next one that can.
+ */
+function levelFor(requested, logoFraction) {
+  const needed = coverage(logoFraction);
+  // Half the budget, not all of it: the rest is for the things a code in the
+  // world actually loses — glare, a fold, a thumb.
+  const affordable = level => TOLERANCE[level] / 2 >= needed;
+  if (affordable(requested)) return requested;
+  return LEVELS.slice(LEVELS.indexOf(requested)).find(affordable) ?? 'H';
+}
+const QRCodeContext = /*#__PURE__*/createContext(null);
+function useQRCode(part) {
+  const context = useContext(QRCodeContext);
+  if (!context) throw new Error(`${part} must be used inside <QRCode>.`);
+  return context;
+}
+
+/** Where the code is drawn: in place, in a popover, or up from the bottom. */
+
+const QRCodeRoot = /*#__PURE__*/forwardRef(({
+  className,
+  value,
+  errorCorrection = 'M',
+  version,
+  size = 'md',
+  presentation = 'inline',
+  open,
+  onOpenChange,
+  children,
+  ...props
+}, ref) => {
+  const slots = qrCodeVariants({
+    size
+  });
+
+  /*
+   * A logo is a child, and the matrix has to know about it before the child
+   * renders — the level it forces changes the matrix itself. Rather than
+   * inspecting children, the fraction is a constant the Logo part also uses,
+   * and the root asks whether one is present at all.
+   */
+  const logoFraction = hasLogo(children) ? LOGO_FRACTION : 0;
+  const level = levelFor(errorCorrection, logoFraction);
+  const {
+    matrix,
+    error
+  } = useMemo(() => {
+    try {
+      return {
+        matrix: encodeQr(value, {
+          errorCorrection: level,
+          version
+        }),
+        error: null
+      };
+    } catch (cause) {
+      // Too much data, or a version too small for it. A throw here would
+      // take a screen down over a string, so it draws nothing and says why.
+      return {
+        matrix: null,
+        error: cause.message
+      };
+    }
+  }, [value, level, version]);
+  const context = {
+    matrix,
+    error,
+    value,
+    size,
+    logoFraction,
+    slots
+  };
+  if (presentation !== 'inline') {
+    // The provider stays outside the Popover, and Content re-provides it
+    // inside — portal content mounts under the portal host, which is not in
+    // this subtree.
+    return /*#__PURE__*/_jsx(QRCodeContext.Provider, {
+      value: context,
+      children: /*#__PURE__*/_jsx(Popover, {
+        open: open,
+        onOpenChange: onOpenChange,
+        presentation: presentation,
+        children: children
+      })
+    });
+  }
+  return /*#__PURE__*/_jsx(QRCodeContext.Provider, {
+    value: context,
+    children: /*#__PURE__*/_jsx(View, {
+      ref: ref,
+      className: slots.root({
+        className
+      }),
+      ...props,
+      children: children
+    })
+  });
+});
+QRCodeRoot.displayName = 'QRCode';
+
+/* ------------------------------------------------------------------ *
+ * The code itself.
+ * ------------------------------------------------------------------ */
+
+/**
+ * Dark modules on a light plate, whatever the theme is doing.
+ *
+ * This is the one place in the library that does not follow the tokens, and it
+ * is deliberate. A QR code is not a surface — it is a thing a camera has to
+ * read, and readers expect dark on light. Inverted, a code is rejected outright
+ * by a good share of scanners and found late by most of the rest, which turns a
+ * dark theme into a bug report about a code that "sometimes does not work".
+ *
+ * On a light theme the plate is white on a near-white card, which looks like
+ * nothing at all — correct, and the intended outcome. On a dark theme it reads
+ * as a light plate holding a code, which is the shape everyone recognises.
+ *
+ * `color` and `backgroundColor` override both, for a code that is definitely
+ * being read by something you control.
+ */
+const PLATE = '#ffffff';
+const MODULE = '#111111';
+const QRCodeCanvas = /*#__PURE__*/forwardRef(({
+  className,
+  pixelSize,
+  color,
+  backgroundColor,
+  ...props
+}, ref) => {
+  const {
+    matrix,
+    error,
+    value,
+    size,
+    logoFraction
+  } = useQRCode('QRCode.Canvas');
+  const side = pixelSize ?? CANVAS_SIZE[size];
+  const dark = color ?? MODULE;
+  const light = backgroundColor ?? PLATE;
+
+  /*
+   * One path for every dark module.
+   *
+   * The viewBox is in module units, so the path is written once and scales
+   * to whatever `side` is — no arithmetic per module, and no rounding gaps
+   * between neighbours at fractional sizes.
+   */
+  const path = useMemo(() => {
+    if (!matrix) return '';
+    const hole = logoFraction ? holeBounds(matrix.size, logoFraction) : null;
+    let d = '';
+    for (let y = 0; y < matrix.size; y++) {
+      for (let x = 0; x < matrix.size; x++) {
+        if (!matrix.modules[y][x]) continue;
+        // Modules under the logo are not drawn at all — drawing them and
+        // covering them leaves a dark edge wherever the logo is smaller
+        // than the square it cleared.
+        if (hole && x >= hole.from && x < hole.to && y >= hole.from && y < hole.to) continue;
+        d += `M${x + QUIET_ZONE} ${y + QUIET_ZONE}h1v1h-1z`;
+      }
+    }
+    return d;
+  }, [matrix, logoFraction]);
+  if (error) {
+    // A box the size the code would have been, so the layout does not jump
+    // when the value becomes something that fits.
+    return /*#__PURE__*/_jsx(View, {
+      ref: ref,
+      accessibilityRole: "image",
+      accessibilityLabel: "QR code could not be generated",
+      className: cn('items-center justify-center rounded-lg bg-muted', className),
+      style: {
+        width: side,
+        height: side
+      },
+      ...props
+    });
+  }
+  if (!matrix) return null;
+  const grid = matrix.size + QUIET_ZONE * 2;
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    accessibilityRole: "image",
+    accessibilityLabel: `QR code for ${value}`,
+    className: className,
+    style: {
+      width: side,
+      height: side
+    },
+    ...props,
+    children: /*#__PURE__*/_jsxs(Svg, {
+      width: "100%",
+      height: "100%",
+      viewBox: `0 0 ${grid} ${grid}`,
+      children: [/*#__PURE__*/_jsx(Rect, {
+        x: 0,
+        y: 0,
+        width: grid,
+        height: grid,
+        rx: 2.5,
+        fill: light
+      }), /*#__PURE__*/_jsx(Path, {
+        d: path,
+        fill: dark
+      })]
+    })
+  });
+});
+QRCodeCanvas.displayName = 'QRCode.Canvas';
+
+/* ------------------------------------------------------------------ *
+ * The shells around it.
+ * ------------------------------------------------------------------ */
+
+/**
+ * The tray the code sits in — the same widget shell the charts use: a titled
+ * strip, and a card flush inside it holding the thing itself.
+ */
+const QRCodeFrame = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  ...props
+}, ref) => {
+  const {
+    slots
+  } = useQRCode('QRCode.Frame');
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    className: slots.frame({
+      className
+    }),
+    ...props,
+    children: children
+  });
+});
+QRCodeFrame.displayName = 'QRCode.Frame';
+/**
+ * The strip across the top of the tray. `QRCode.Title` takes the flexible
+ * side and `QRCode.Action` the end, so a long title truncates rather than
+ * shoving the trailing slot off the edge.
+ */
+const QRCodeHeader = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  ...props
+}, ref) => {
+  const {
+    slots
+  } = useQRCode('QRCode.Header');
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    className: slots.header({
+      className
+    }),
+    ...props,
+    children: children
+  });
+});
+QRCodeHeader.displayName = 'QRCode.Header';
+/** What the code is for. Muted — it is a caption on the tray, not a heading. */
+function QRCodeTitle({
+  className,
+  children
+}) {
+  useQRCode('QRCode.Title');
+  return /*#__PURE__*/_jsx(Text, {
+    size: "sm",
+    muted: true,
+    numberOfLines: 1,
+    className: cn('min-w-0 shrink', className),
+    children: children
+  });
+}
+QRCodeTitle.displayName = 'QRCode.Title';
+/**
+ * The trailing slot on the header row — an expiry, a count, a button. A plain
+ * string draws as muted text; anything else draws as itself.
+ */
+const QRCodeAction = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  ...props
+}, ref) => {
+  useQRCode('QRCode.Action');
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    className: cn('shrink-0 flex-row items-center gap-2', className),
+    ...props,
+    children: typeof children === 'string' ? /*#__PURE__*/_jsx(Text, {
+      size: "sm",
+      muted: true,
+      children: children
+    }) : children
+  });
+});
+QRCodeAction.displayName = 'QRCode.Action';
+/**
+ * The card the code is drawn on, flush inside the tray. It is also what the
+ * logo positions itself against, so a `QRCode.Logo` belongs in here beside the
+ * canvas rather than anywhere else.
+ */
+const QRCodePanel = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  ...props
+}, ref) => {
+  const {
+    slots
+  } = useQRCode('QRCode.Panel');
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    className: slots.panel({
+      className
+    }),
+    ...props,
+    children: children
+  });
+});
+QRCodePanel.displayName = 'QRCode.Panel';
+
+/* ------------------------------------------------------------------ *
+ * The readouts.
+ * ------------------------------------------------------------------ */
+
+/** A muted line inside the panel, under the code. */
+function QRCodeDescription({
+  className,
+  children
+}) {
+  useQRCode('QRCode.Description');
+  return /*#__PURE__*/_jsx(Text, {
+    size: "sm",
+    muted: true,
+    className: cn('text-center', className),
+    children: children
+  });
+}
+QRCodeDescription.displayName = 'QRCode.Description';
+/** A line under the code saying what scanning it does. */
+function QRCodeCaption({
+  className,
+  children
+}) {
+  const {
+    slots
+  } = useQRCode('QRCode.Caption');
+  return /*#__PURE__*/_jsx(Text, {
+    className: slots.caption({
+      className
+    }),
+    children: children
+  });
+}
+QRCodeCaption.displayName = 'QRCode.Caption';
+/**
+ * The encoded string itself, for someone who cannot scan it — typing a URL out
+ * is slower than pointing a camera at it and it is the only way through when
+ * the camera is the thing you are setting up.
+ */
+function QRCodeValue({
+  className,
+  full
+}) {
+  const {
+    value,
+    slots
+  } = useQRCode('QRCode.Value');
+  return /*#__PURE__*/_jsx(Text, {
+    className: slots.value({
+      className
+    }),
+    numberOfLines: full ? undefined : 1,
+    selectable: true,
+    children: value
+  });
+}
+QRCodeValue.displayName = 'QRCode.Value';
+
+/* ------------------------------------------------------------------ *
+ * The logo.
+ * ------------------------------------------------------------------ */
+
+/**
+ * How much of the code's width the logo hole takes.
+ *
+ * Constant rather than a prop, because the value has to be known before the
+ * matrix is built — it decides the error-correction level — and a prop on a
+ * child cannot be read from the parent without inspecting the tree. A quarter
+ * costs about 6% of the modules, which every level above `L` can afford.
+ */
+const LOGO_FRACTION = 0.25;
+/** Whether the tree contains a `QRCode.Logo`, without walking it deeply. */
+function hasLogo(children) {
+  let found = false;
+  const walk = node => {
+    if (found || !node) return;
+    if (Array.isArray(node)) {
+      node.forEach(walk);
+      return;
+    }
+    const element = node;
+    if (typeof element !== 'object' || !('type' in element)) return;
+    if (element.type === QRCodeLogo) {
+      found = true;
+      return;
+    }
+    walk(element.props?.children);
+  };
+  walk(children);
+  return found;
+}
+
+/**
+ * Content for the cleared square in the middle — a mark, an avatar, an icon.
+ * Its presence is what clears the square, and what raises the error-correction
+ * level if the one asked for could not afford it.
+ */
+const QRCodeLogo = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  ...props
+}, ref) => {
+  const {
+    size,
+    matrix
+  } = useQRCode('QRCode.Logo');
+  if (!matrix) return null;
+
+  /*
+   * Sized from the same square the canvas cleared, in the same units.
+   *
+   * Taking a flat 25% of the canvas instead is close, but not equal — the
+   * hole is a whole number of modules and the canvas is not necessarily
+   * divisible by them, so the two disagreed by a module or so and the
+   * difference showed as a dark ring around the logo.
+   */
+  const {
+    from,
+    to
+  } = holeBounds(matrix.size, LOGO_FRACTION);
+  const grid = matrix.size + QUIET_ZONE * 2;
+  const box = (to - from) / grid * CANVAS_SIZE[size];
+  return (
+    /*#__PURE__*/
+    // `inset-0` and centred, not `absolute` with nothing else: an absolute
+    // box with no offsets takes its parent's alignment, which put the logo
+    // at the top of the panel rather than over the middle of the code.
+    _jsx(View, {
+      pointerEvents: "none",
+      className: "absolute bottom-0 left-0 right-0 top-0 items-center justify-center",
+      children: /*#__PURE__*/_jsx(View, {
+        ref: ref
+        // The plate colour, so the square reads as part of the code rather
+        // than as a hole cut in it — and rounded, matching the plate.
+        ,
+        className: cn('items-center justify-center overflow-hidden rounded-md', className),
+        style: {
+          width: box,
+          height: box,
+          backgroundColor: PLATE
+        },
+        ...props,
+        children: children
+      })
+    })
+  );
+});
+QRCodeLogo.displayName = 'QRCode.Logo';
+
+/* ------------------------------------------------------------------ *
+ * Folded away.
+ * ------------------------------------------------------------------ */
+
+/** What opens a `popover` or `bottom-sheet` code. */
+function QRCodeTrigger({
+  children
+}) {
+  useQRCode('QRCode.Trigger');
+  return /*#__PURE__*/_jsx(Popover.Trigger, {
+    children: children
+  });
+}
+QRCodeTrigger.displayName = 'QRCode.Trigger';
+/** The panel the code is drawn in, when it is not drawn in place. */
+function QRCodeContent({
+  className,
+  width = 'content-fit',
+  children,
+  ...props
+}) {
+  const context = useQRCode('QRCode.Content');
+  return /*#__PURE__*/_jsx(Popover.Content, {
+    width: width,
+    className: cn('items-center gap-3', className),
+    ...props,
+    children: /*#__PURE__*/_jsx(QRCodeContext.Provider, {
+      value: context,
+      children: children
+    })
+  });
+}
+QRCodeContent.displayName = 'QRCode.Content';
+export const QRCode = Object.assign(QRCodeRoot, {
+  Canvas: QRCodeCanvas,
+  Frame: QRCodeFrame,
+  Header: QRCodeHeader,
+  Title: QRCodeTitle,
+  Action: QRCodeAction,
+  Panel: QRCodePanel,
+  Description: QRCodeDescription,
+  Caption: QRCodeCaption,
+  Value: QRCodeValue,
+  Logo: QRCodeLogo,
+  Trigger: QRCodeTrigger,
+  Content: QRCodeContent
+});
+//# sourceMappingURL=index.js.map

package/lib/module/components/qr-code/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","forwardRef","useContext","useMemo","View","Svg","Path","Rect","tv","Text","cn","Popover","encodeQr","jsx","_jsx","jsxs","_jsxs","qrCodeVariants","slots","root","frame","header","panel","caption","value","variants","size","sm","md","lg","defaultVariants","CANVAS_SIZE","QUIET_ZONE","TOLERANCE","L","M","Q","H","LEVELS","coverage","logoFraction","holeBounds","matrixSize","from","Math","floor","to","ceil","levelFor","requested","needed","affordable","level","slice","indexOf","find","QRCodeContext","useQRCode","part","context","Error","QRCodeRoot","className","errorCorrection","version","presentation","open","onOpenChange","children","props","ref","hasLogo","LOGO_FRACTION","matrix","error","cause","message","Provider","displayName","PLATE","MODULE","QRCodeCanvas","pixelSize","color","backgroundColor","side","dark","light","path","hole","d","y","x","modules","accessibilityRole","accessibilityLabel","style","width","height","grid","viewBox","rx","fill","QRCodeFrame","QRCodeHeader","QRCodeTitle","muted","numberOfLines","QRCodeAction","QRCodePanel","QRCodeDescription","QRCodeCaption","QRCodeValue","full","undefined","selectable","found","walk","node","Array","isArray","forEach","element","type","QRCodeLogo","box","pointerEvents","QRCodeTrigger","Trigger","QRCodeContent","Content","QRCode","Object","assign","Canvas","Frame","Header","Title","Action","Panel","Description","Caption","Value","Logo"],"sourceRoot":"../../../../src","sources":["components/qr-code/index.tsx"],"mappings":"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","ignoreList":[]}