QR Code Style Customization (dubinc#3788)

Author: pepeladeira

apps/web/lib/qr/index.tsx

@@ -4,6 +4,19 @@ import qrcodegen from "./codegen";
 export type Modules = ReturnType<qrcodegen.QrCode["getModules"]>;
 export type Excavation = { x: number; y: number; w: number; h: number };
 
+export type DotStyle = "square" | "rounded" | "extra-rounded";
+export type MarkerCenterStyle = "square" | "circle";
+export type MarkerBorderStyle = "square" | "rounded-square" | "circle";
+
+export type QRCodeDesign = {
+  fgColor: string;
+  hideLogo: boolean;
+  dotStyle?: DotStyle;
+  markerCenterStyle?: MarkerCenterStyle;
+  markerBorderStyle?: MarkerBorderStyle;
+  markerColor?: string;
+};
+
 export type ImageSettings = {
   src: string;
   height: number;
@@ -23,6 +36,10 @@ export type QRProps = {
   style?: CSSProperties;
   imageSettings?: ImageSettings;
   isOGContext?: boolean;
+  dotStyle?: DotStyle;
+  markerCenterStyle?: MarkerCenterStyle;
+  markerBorderStyle?: MarkerBorderStyle;
+  markerColor?: string;
 };
 export type QRPropsCanvas = QRProps &
   React.CanvasHTMLAttributes<HTMLCanvasElement>;