30:T6c5,getQr = function (data, options = {}) { const qr = __getGenerator( options.typeNumber || typeNumber || 0, options.errorCorrectionLevel || errorCorrection || errorCorrectionLevels[1] ); qr.addData( data, _.upperFirst((options.mode || mode || modes[0]).toLowerCase()) ); qr.make(); const s = options.cellSize || cellSize || 1; const m = options.margin || margin || 0; const c = options.color || color || "currentColor"; const b = options.bgColor || bgColor || "transparent"; const a = (options.ascii || ascii || "█ ").substr(0, 1); // Limit to cellsize let w = options.width || null; if (w && _.isNumber(w)) { w = w + "px"; } const o = options.output || output || outputOptions[0]; const adj = options.asciiAdjust || asciiAdjust || false; return o === "table" ? qr .createTableTag(s, m) .replaceAll('", '') .replaceAll('

– – – Open link ↗` : \"\"}${_.size(liveParams) > 1 ? ` – – – [Reset config](${makeUrl({ data })})` : \"\"}","pinned":false,"hidden":false,"mode":"md"},{"id":3,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":247,"value":"## Usage","pinned":false,"hidden":false,"mode":"md"},{"id":1355,"value":"Set the QR code data and use `qr` in a markdown cell:","pinned":false,"hidden":false,"mode":"md"},{"id":1338,"value":"```js\nimport { qr } with { data } from \"@jerryjappinen/qr\"\n\ndata = `${data}`\n\nmd`\\${qr}`\n```","pinned":false,"hidden":false,"mode":"md"},{"id":1340,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":248,"value":"Import with your own configuration (see below):\n\n```js\nimport { qr } with { data, typeNumber, margin, color /* ... */ } from \"@jerryjappinen/qr\"\n\nmargin = 10\n```","pinned":false,"hidden":false,"mode":"md"},{"id":1344,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":1342,"value":"Use `getQr` to set options per image:\n\n```js\nmd`\\${getQr(\"Hello world!\", { color: \"purple\" })}`\n```\n","pinned":false,"hidden":false,"mode":"md"},{"id":81,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":551,"value":"## Configuration","pinned":false,"hidden":false,"mode":"md"},{"id":614,"value":"({\n ascii,\n asciiAdjust,\n bgColor,\n cellSize,\n color,\n errorCorrection,\n margin,\n mode,\n output,\n typeNumber\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":743,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":508,"value":"viewof cellSize = Inputs.range([1, 20], {\n label: varLabel(\"cellSize\"),\n step: 1,\n value: _.isNumber(urlNumbers.cellSize)\n ? urlNumbers.cellSize\n : defaults.cellSize\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":357,"value":"viewof margin = Inputs.range([0, 24], {\n label: varLabel(\"margin\"),\n step: 1,\n value: _.isNumber(urlNumbers.margin) ? urlNumbers.margin : defaults.margin\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":383,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":1616,"value":"viewof __customColors = Inputs.toggle({\n label: \"Custom colors\",\n value: !!(urlParams.color && urlParams.bgColor)\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1779,"value":"viewof __colorForm = {\n const inputs = {};\n\n if (__customColors) {\n inputs.color = Inputs.color({\n label: varLabel(\"color\"),\n value: urlParams.color || defaults.color || \"#000\"\n });\n\n inputs.bgColor = Inputs.color({\n label: varLabel(\"bgColor\"),\n value: urlParams.bgColor || defaults.bgColor || \"#000\"\n });\n }\n\n return Inputs.form(inputs);\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":735,"value":"Accepts any valid CSS color. Defaults to current text color on transparent background. Not supported for data URI or IMG output. See preview below.","pinned":false,"hidden":false,"mode":"md"},{"id":1000,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":1170,"value":"ascii","pinned":true,"hidden":false,"mode":"ojs"},{"id":1180,"value":"asciiAdjust","pinned":true,"hidden":false,"mode":"ojs"},{"id":994,"value":"The two string characters used for ASCII rendering (fill character, optionally followed by background character). `asciiAdjust` will try to make the ASCII rendering more square, while respecting `cellSize`. See preview below.","pinned":false,"hidden":false,"mode":"md"},{"id":853,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":748,"value":"viewof output = Inputs.select(outputOptions, {\n label: varLabel(\"output\"),\n value:\n urlParams.output && outputOptions.indexOf(urlParams.output) >= 0\n ? urlParams.output\n : defaults.output\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":753,"value":"outputOptions = [\n \"svg\",\n \"ascii\",\n \"dataUri\",\n \"img\",\n \"table\"\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":597,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":283,"value":"viewof typeNumber = Inputs.range([0, 20], {\n label: varLabel(\"typeNumber\"),\n step: 1,\n value: _.isNumber(urlNumbers.typeNumber)\n ? urlNumbers.typeNumber\n : defaults.typeNumber\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":591,"value":"Roughly dictates minimum size. Defaults to ${defaults.typeNumber} (auto).","pinned":false,"hidden":false,"mode":"md"},{"id":592,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":54,"value":"viewof errorCorrection = {\n return Inputs.radio(errorCorrectionLevels, {\n label: html`errorCorrection`,\n value:\n urlParams.errorCorrection &&\n errorCorrectionLevels.indexOf(urlParams.errorCorrection.toUpperCase()) >=\n 0\n ? urlParams.errorCorrection.toUpperCase()\n : defaults.errorCorrection\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":757,"value":"errorCorrectionLevels = [\"L\", \"M\", \"Q\", \"H\"]","pinned":false,"hidden":false,"mode":"ojs"},{"id":602,"value":"Higher level means larger image with more redundancy.","pinned":false,"hidden":false,"mode":"md"},{"id":606,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":89,"value":"viewof mode = {\n return Inputs.radio(modes, {\n label: html`mode`,\n value:\n urlParams.mode && modes.indexOf(urlParams.mode) >= 0\n ? urlParams.mode\n : defaults.mode\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":762,"value":"modes = [\"byte\", \"alphanumeric\", \"numeric\", \"kanji\"]","pinned":false,"hidden":false,"mode":"ojs"},{"id":218,"value":"Read more at [wikipedia.org/wiki/QR_code](https://en.wikipedia.org/wiki/QR_code#Error_correction).","pinned":false,"hidden":false,"mode":"md"},{"id":389,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":390,"value":"## Output modes","pinned":false,"hidden":false,"mode":"md"},{"id":392,"value":"$${getQr(data, { output: \"svg\" }) /* default (no need to specify) */ }","pinned":true,"hidden":false,"mode":"md"},{"id":394,"value":"$${getQr(data, { output: \"img\" })}","pinned":true,"hidden":false,"mode":"md"},{"id":398,"value":"getQr(data, { output: \"dataUri\" })","pinned":true,"hidden":false,"mode":"ojs"},{"id":399,"value":"$${getQr(data, { output: \"table\" })}","pinned":true,"hidden":false,"mode":"md"},{"id":678,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":1192,"value":"## ASCII","pinned":false,"hidden":false,"mode":"md"},{"id":1454,"value":"`ascii` QR codes are output as strings:","pinned":false,"hidden":false,"mode":"md"},{"id":988,"value":"viewof ascii = Inputs.text({\n label: html`ascii`,\n value:\n urlParams.ascii && _.isString(urlParams.ascii)\n ? urlParams.ascii.substr(0, 1)\n : defaults.ascii,\n maxlength: 1\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1042,"value":"viewof asciiAdjust = Inputs.toggle({\n label: html`asciiAdjust`,\n value: defaults.asciiAdjust\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1149,"value":"getQr(data, { output: \"ascii\", cellSize: 1 })","pinned":true,"hidden":false,"mode":"ojs"},{"id":1178,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":1157,"value":"Note that ASCII character blocks are much bigger than `1px`. To normalize `cellSize`, set font size when rendering code:","pinned":false,"hidden":false,"mode":"md"},{"id":401,"value":"

${getQr(data, { output: \"ascii\" })}

","pinned":true,"hidden":false,"mode":"html"},{"id":1120,"value":"

${getQr(data, { output: \"ascii\", cellSize: 2 })}

","pinned":true,"hidden":false,"mode":"html"},{"id":1098,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":1100,"value":"## Coloring","pinned":false,"hidden":false,"mode":"md"},{"id":1102,"value":"

\n ${getQr(data)} (SVG)\n

\n ${getQr(data, { output: \"img\" })} (img, GIF)\n

\n\n

Table:

\n\n ${getQr(data, { output: \"table\" })}\n\n

ASCII:

\n\n

${getQr(data, { output: \"ascii\" })}

","pinned":true,"hidden":false,"mode":"md"},{"id":245,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":15,"value":"## Source","pinned":false,"hidden":false,"mode":"md"},{"id":1640,"value":"color = __customColors || urlParams.color ? __colorForm.color : defaults.color","pinned":false,"hidden":false,"mode":"ojs"},{"id":1473,"value":"bgColor = __customColors || urlParams.bgColor\n ? __colorForm.bgColor\n : defaults.bgColor","pinned":false,"hidden":false,"mode":"ojs"},{"id":1359,"value":"defaults = ({\n ascii: \"█\",\n asciiAdjust: true,\n bgColor: null,\n cellSize: 8,\n color: null,\n errorCorrection: errorCorrectionLevels[1],\n margin: 0,\n mode: modes[0],\n output: outputOptions[0],\n typeNumber: 0\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1608,"value":"// viewof __colorInput = Inputs.color({\n// label: varLabel(\"color\"),\n// value: urlParams.color || defaults.color || \"#000\"\n// })","pinned":true,"hidden":false,"mode":"ojs"},{"id":1650,"value":"// viewof __bgColorInput = Inputs.color({\n// label: varLabel(\"bgColor\"),\n// value: urlParams.bgColor || defaults.bgColor || \"#000\"\n// })","pinned":true,"hidden":false,"mode":"ojs"},{"id":1605,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":16,"value":"https://www.npmjs.com/package/corcojs-qrcode","pinned":false,"hidden":false,"mode":"md"},{"id":117,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":1317,"value":"qr = getQr(data)","pinned":true,"hidden":false,"mode":"ojs"},{"id":977,"value":"__createAscii = function (\n getModuleCount,\n isDark,\n ascii,\n asciiAdjust,\n cellSize,\n margin\n) {\n // Normally the width of one character is roughly 75% of height\n // This will adjust the rendering to match\n const rowRepeat = cellSize;\n const colRepeat = asciiAdjust ? _.round(cellSize / 0.625) : cellSize;\n\n // Rows\n let rows = [];\n for (let r = 0; r < getModuleCount(); r++) {\n let s = \"\";\n for (let c = 0; c < getModuleCount(); c++) {\n s += _.repeat(\n isDark(r, c) ? ascii[0] || \"█\" : ascii[1] || \" \",\n colRepeat\n );\n }\n rows.push(s);\n\n // Repeat rows to respect cell size\n for (let i = 1; i < rowRepeat; i++) {\n rows.push(rows[rows.length - 1]);\n }\n }\n\n return rows.join(\"\\n\");\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":25,"value":"__getGenerator = require(\"corcojs-qrcode\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":1244,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":1245,"value":"import { baseStyles, isUrl } from \"@jerryjappinen/ui\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1672,"value":"import { varLabel } from \"@jerryjappinen/snippets\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1261,"value":"import {\n urlParams,\n urlNumbers,\n urlBooleans,\n makeUrl\n} from \"@jerryjappinen/url-params\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1397,"value":"params = ({\n ascii,\n asciiAdjust,\n bgColor,\n cellSize,\n color,\n errorCorrection,\n margin,\n mode,\n output,\n typeNumber\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1377,"value":"liveParams = {\n const nonDefaultParams = {};\n\n for (const key in params) {\n if (params[key] !== defaults[key]) {\n nonDefaultParams[key] = params[key];\n }\n }\n\n return {\n data,\n ...nonDefaultParams\n };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1247,"value":"baseStyles","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}