JSFiddle - React, Tailwind, and code Playground

by Muhammad Nugroho

HTML

<head>
  <title>QRY {curie} QR Code Reader — Shiny Demos</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=480, user-scalable=no">
  <link rel="stylesheet" href="https://raw.githubusercontent.com/github-adi/shinydemos/master/demos/qr-code/styles/styles.css">
  <link rel="stylesheet" href="/styles/panel.css">  
   <a href="https://github.com/LazarSoft/jsqrcode LazarSoft's jsQRcode implementation" target="_blank">https://github.com/LazarSoft/jsqrcode LazarSoft's jsQRcode implementation</a> 
  <script src="/scripts/modernizr.js"></script>
  <script src="/scripts/panel.js"></script>
  <script src="scripts/options.js"></script>
  <script src="scripts/qr.min.js"></script>
  <script src="scripts/script.js"></script>
</head>

<body>

<script>
/*
  Ported to JavaScript by Lazar Laszlo 2011 
  
  <p>[email protected], www.lazarsoft.info</p>

  <a href="https://github.com/LazarSoft/jsqrcode" target="_blank">https://github.com/LazarSoft/jsqrcode</a>
  
*//*
*
* Copyright 2007 ZXing authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
*      <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">http://www.apache.org/licenses/LICENSE-2.0</a>
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/

GridSampler={},GridSampler.checkAndNudgePoints=function(image,points){var width=qrcode.width,height=qrcode.height,nudged=!0;for(var offset=0;offset<points.Length&&nudged;offset+=2){var x=Math.floor(points[offset]),y=Math.floor(points[offset+1]);if(x<-1||x>width||y<-1||y>height)throw"Error.checkAndNudgePoints...