├── SpawnDev.BlazorJS.QRCodeJS
    ├── _Imports.razor
    ├── Assets
    │   ├── icon-128.png
    │   └── icon-192.png
    ├── DataTextType.cs
    ├── QRCodeOptions.cs
    ├── SpawnDev.BlazorJS.QRCodeJS.csproj
    ├── QRCode.cs
    ├── QRCodeImage.razor
    ├── QRCodeJSService.cs
    └── wwwroot
    │   └── qrcode.min.js
├── SpawnDev.BlazorJS.QRCodeJS.Demo
    ├── wwwroot
    │   ├── favicon.png
    │   ├── icon-192.png
    │   ├── sample-data
    │   │   └── weather.json
    │   ├── index.html
    │   └── css
    │   │   └── app.css
    ├── Layout
    │   ├── MainLayout.razor
    │   ├── MainLayout.razor.css
    │   ├── NavMenu.razor
    │   └── NavMenu.razor.css
    ├── Pages
    │   ├── Counter.razor
    │   ├── Home.razor
    │   └── Weather.razor
    ├── _Imports.razor
    ├── App.razor
    ├── SpawnDev.BlazorJS.QRCodeJS.Demo.csproj
    ├── Program.cs
    └── Properties
    │   └── launchSettings.json
├── LICENSE.txt
├── README.md
├── SpawnDev.BlazorJS.QRCodeJS.sln
├── .github
    └── workflows
    │   └── main.yml
├── .gitattributes
└── .gitignore


/SpawnDev.BlazorJS.QRCodeJS/_Imports.razor:
--------------------------------------------------------------------------------
1 | @using Microsoft.AspNetCore.Components.Web
2 | 


--------------------------------------------------------------------------------
/SpawnDev.BlazorJS.QRCodeJS/Assets/icon-128.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LostBeard/SpawnDev.BlazorJS.QRCodeJS/master/SpawnDev.BlazorJS.QRCodeJS/Assets/icon-128.png


--------------------------------------------------------------------------------
/SpawnDev.BlazorJS.QRCodeJS/Assets/icon-192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LostBeard/SpawnDev.BlazorJS.QRCodeJS/master/SpawnDev.BlazorJS.QRCodeJS/Assets/icon-192.png


--------------------------------------------------------------------------------
/SpawnDev.BlazorJS.QRCodeJS.Demo/wwwroot/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LostBeard/SpawnDev.BlazorJS.QRCodeJS/master/SpawnDev.BlazorJS.QRCodeJS.Demo/wwwroot/favicon.png


--------------------------------------------------------------------------------
/SpawnDev.BlazorJS.QRCodeJS.Demo/wwwroot/icon-192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LostBeard/SpawnDev.BlazorJS.QRCodeJS/master/SpawnDev.BlazorJS.QRCodeJS.Demo/wwwroot/icon-192.png


--------------------------------------------------------------------------------
/SpawnDev.BlazorJS.QRCodeJS.Demo/Layout/MainLayout.razor:
--------------------------------------------------------------------------------
 1 | @inherits LayoutComponentBase
 2 | <div class="page">
 3 |     <div class="sidebar">
 4 |         <NavMenu />
 5 |     </div>
 6 | 
 7 |     <main>
 8 |         <div class="top-row px-4">
 9 |             <a href="https://learn.microsoft.com/aspnet/core/" target="_blank">About</a>
10 |         </div>
11 | 
12 |         <article class="content px-4">
13 |             @Body
14 |         </article>
15 |     </main>
16 | </div>
17 | 


--------------------------------------------------------------------------------
/SpawnDev.BlazorJS.QRCodeJS.Demo/Pages/Counter.razor:
--------------------------------------------------------------------------------
 1 | @page "/counter"
 2 | 
 3 | <PageTitle>Counter</PageTitle>
 4 | 
 5 | <h1>Counter</h1>
 6 | 
 7 | <p role="status">Current count: @currentCount</p>
 8 | 
 9 | <button class="btn btn-primary" @onclick="IncrementCount">Click me</button>
10 | 
11 | <QRCodeImage TextType="DataTextType.UriRelativeUrl" />
12 | 
13 | @code {
14 |     private int currentCount = 0;
15 | 
16 |     private void IncrementCount()
17 |     {
18 |         currentCount++;
19 |     }
20 | }
21 | 


--------------------------------------------------------------------------------
/SpawnDev.BlazorJS.QRCodeJS.Demo/_Imports.razor:
--------------------------------------------------------------------------------
 1 | @using System.Net.Http
 2 | @using System.Net.Http.Json
 3 | @using Microsoft.AspNetCore.Components.Forms
 4 | @using Microsoft.AspNetCore.Components.Routing
 5 | @using Microsoft.AspNetCore.Components.Web
 6 | @using Microsoft.AspNetCore.Components.Web.Virtualization
 7 | @using Microsoft.AspNetCore.Components.WebAssembly.Http
 8 | @using Microsoft.JSInterop
 9 | @using SpawnDev.BlazorJS.QRCodeJS
10 | @using SpawnDev.BlazorJS.QRCodeJS.Demo
11 | @using SpawnDev.BlazorJS.QRCodeJS.Demo.Layout
12 | 


--------------------------------------------------------------------------------
/SpawnDev.BlazorJS.QRCodeJS.Demo/App.razor:
--------------------------------------------------------------------------------
 1 | <Router AppAssembly="@typeof(App).Assembly">
 2 |     <Found Context="routeData">
 3 |         <RouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)" />
 4 |         <FocusOnNavigate RouteData="@routeData" Selector="h1" />
 5 |     </Found>
 6 |     <NotFound>
 7 |         <PageTitle>Not found</PageTitle>
 8 |         <LayoutView Layout="@typeof(MainLayout)">
 9 |             <p role="alert">Sorry, there's nothing at this address.</p>
10 |         </LayoutView>
11 |     </NotFound>
12 | </Router>
13 | 


--------------------------------------------------------------------------------
/SpawnDev.BlazorJS.QRCodeJS.Demo/wwwroot/sample-data/weather.json:
--------------------------------------------------------------------------------
 1 | [
 2 |   {
 3 |     "date": "2022-01-06",
 4 |     "temperatureC": 1,
 5 |     "summary": "Freezing"
 6 |   },
 7 |   {
 8 |     "date": "2022-01-07",
 9 |     "temperatureC": 14,
10 |     "summary": "Bracing"
11 |   },
12 |   {
13 |     "date": "2022-01-08",
14 |     "temperatureC": -13,
15 |     "summary": "Freezing"
16 |   },
17 |   {
18 |     "date": "2022-01-09",
19 |     "temperatureC": -16,
20 |     "summary": "Balmy"
21 |   },
22 |   {
23 |     "date": "2022-01-10",
24 |     "temperatureC": -2,
25 |     "summary": "Chilly"
26 |   }
27 | ]
28 | 


--------------------------------------------------------------------------------
/SpawnDev.BlazorJS.QRCodeJS.Demo/SpawnDev.BlazorJS.QRCodeJS.Demo.csproj:
--------------------------------------------------------------------------------
 1 | <Project Sdk="Microsoft.NET.Sdk.BlazorWebAssembly">
 2 | 
 3 | 	<PropertyGroup>
 4 | 		<TargetFramework>net8.0</TargetFramework>
 5 | 		<Nullable>enable</Nullable>
 6 | 		<ImplicitUsings>enable</ImplicitUsings>
 7 | 		<CompressionEnabled>false</CompressionEnabled>
 8 | 	</PropertyGroup>
 9 | 
10 | 	<ItemGroup>
11 | 		<PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.20" />
12 | 		<PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="8.0.20" PrivateAssets="all" />
13 | 	</ItemGroup>
14 | 
15 | 	<ItemGroup>
16 | 		<ProjectReference Include="..\SpawnDev.BlazorJS.QRCodeJS\SpawnDev.BlazorJS.QRCodeJS.csproj" />
17 | 	</ItemGroup>
18 | 
19 | </Project>
20 | 


--------------------------------------------------------------------------------
/SpawnDev.BlazorJS.QRCodeJS/DataTextType.cs:
--------------------------------------------------------------------------------
 1 | namespace SpawnDev.BlazorJS.QRCodeJS
 2 | {
 3 |     /// <summary>
 4 |     /// DataTextType options indicate how DataText should be processed before rendering
 5 |     /// </summary>
 6 |     public enum DataTextType
 7 |     {
 8 |         /// <summary>
 9 |         /// DataText will be used as is (default)
10 |         /// </summary>
11 |         Text,
12 |         /// <summary>
13 |         /// DataText is a url relative to NavigationManager.Uri<br />
14 |         /// The QRCode will automatically update on NavigationManager.LocationChanged events
15 |         /// </summary>
16 |         UriRelativeUrl,
17 |         /// <summary>
18 |         /// DataText is a url relative to NavigationManager.BaseUri
19 |         /// </summary>
20 |         BaseUriRelativeUrl,
21 |     }
22 | }
23 | 


--------------------------------------------------------------------------------
/SpawnDev.BlazorJS.QRCodeJS.Demo/Pages/Home.razor:
--------------------------------------------------------------------------------
 1 | @page "/"
 2 | @inject NavigationManager NavigationManager
 3 | 
 4 | <PageTitle>Generate QRCode</PageTitle>
 5 | 
 6 | <h1>Generate QRCode</h1>
 7 | <div>
 8 |     <textarea @bind-value=value @bind-value:event="oninput" placeholder="Enter your text" cols="60" /><br />
 9 |     <button class="btn btn-primary" @onclick="Generate">Generate</button>
10 | </div>
11 | <div>@qrvalue</div>
12 | <div><QRCodeImage Text="@qrvalue" /></div>
13 | 
14 | @code
15 | {
16 |     string value = "";
17 |     string qrvalue = "";
18 | 
19 |     protected override void OnInitialized()
20 |     {
21 |         value = NavigationManager.Uri;
22 |         qrvalue = value;
23 |     }
24 | 
25 |     private void Generate()
26 |     {
27 |         qrvalue = value;
28 |         StateHasChanged();
29 |     }
30 | }
31 | 


--------------------------------------------------------------------------------
/SpawnDev.BlazorJS.QRCodeJS.Demo/Program.cs:
--------------------------------------------------------------------------------
 1 | using Microsoft.AspNetCore.Components.Web;
 2 | using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
 3 | using SpawnDev.BlazorJS;
 4 | using SpawnDev.BlazorJS.QRCodeJS;
 5 | using SpawnDev.BlazorJS.QRCodeJS.Demo;
 6 | 
 7 | var builder = WebAssemblyHostBuilder.CreateDefault(args);
 8 | // Add BlazorJSRunAsync service
 9 | builder.Services.AddBlazorJSRuntime(out var JS);
10 | // Add QRCodeJSService service
11 | builder.Services.AddSingleton<QRCodeJSService>();
12 | 
13 | builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });
14 | 
15 | if (JS.IsWindow)
16 | {
17 |     builder.RootComponents.Add<App>("#app");
18 |     builder.RootComponents.Add<HeadOutlet>("head::after");
19 | }
20 | 
21 | // initialize BlazorJSRuntime to start app
22 | await builder.Build().BlazorJSRunAsync();
23 | 


--------------------------------------------------------------------------------
/SpawnDev.BlazorJS.QRCodeJS.Demo/wwwroot/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | 
 4 | <head>
 5 |     <meta charset="utf-8" />
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 7 |     <title>SpawnDev.BlazorJS.QRCodeJS.Demo</title>
 8 |     <base href="/" />
 9 |     <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" />
10 |     <link rel="stylesheet" href="css/app.css" />
11 |     <link rel="icon" type="image/png" href="favicon.png" />
12 |     <link href="SpawnDev.BlazorJS.QRCodeJS.Demo.styles.css" rel="stylesheet" />
13 | </head>
14 | 
15 | <body>
16 |     <div id="app">
17 |         <svg class="loading-progress">
18 |             <circle r="40%" cx="50%" cy="50%" />
19 |             <circle r="40%" cx="50%" cy="50%" />
20 |         </svg>
21 |         <div class="loading-progress-text"></div>
22 |     </div>
23 | 
24 |     <div id="blazor-error-ui">
25 |         An unhandled error has occurred.
26 |         <a href="" class="reload">Reload</a>
27 |         <a class="dismiss">🗙</a>
28 |     </div>
29 |     <script src="_framework/blazor.webassembly.js"></script>
30 | </body>
31 | 
32 | </html>
33 | 


--------------------------------------------------------------------------------
/LICENSE.txt:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) [year] [fullname]
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # SpawnDev.BlazorJS.QRCodeJS
 2 | Create QR Codes in Blazor WebAssembly with QRCode.js
 3 | 
 4 | [![NuGet version](https://badge.fury.io/nu/SpawnDev.BlazorJS.QRCodeJS.svg?label=SpawnDev.BlazorJS.QRCodeJS)](https://www.nuget.org/packages/SpawnDev.BlazorJS.QRCodeJS)
 5 | 
 6 | **SpawnDev.BlazorJS.QRCodeJS** brings the extremely useful [QRCode.js](https://github.com/davidshimjs/qrcodejs) library to Blazor WebAssembly.
 7 | 
 8 | [QRCode.js](https://github.com/davidshimjs/qrcodejs) is javascript library for making QRCode. QRCode.js supports Cross-browser with HTML5 Canvas and table tag in DOM. QRCode.js has no dependencies.
 9 | 
10 | ### Demo
11 | [Live Demo](https://lostbeard.github.io/SpawnDev.BlazorJS.QRCodeJS/)
12 | 
13 | ### Getting started
14 | 
15 | Example Program.cs 
16 | ```cs
17 | using Microsoft.AspNetCore.Components.Web;
18 | using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
19 | using SpawnDev.BlazorJS;
20 | using SpawnDev.BlazorJS.QRCodeJS;
21 | using SpawnDev.BlazorJS.QRCodeJS.Demo;
22 | 
23 | var builder = WebAssemblyHostBuilder.CreateDefault(args);
24 | builder.RootComponents.Add<App>("#app");
25 | builder.RootComponents.Add<HeadOutlet>("head::after");
26 | // Add BlazorJSRunAsync service
27 | builder.Services.AddBlazorJSRuntime();
28 | // Add QRCodeJSService service
29 | builder.Services.AddSingleton<QRCodeJSService>();
30 | // initialize BlazorJSRuntime to start app
31 | await builder.Build().BlazorJSRunAsync();
32 | ```
33 | 
34 | ```html
35 | <QRCodeImage Text="Hello world!" />
36 | ```
37 | 
38 | 


--------------------------------------------------------------------------------
/SpawnDev.BlazorJS.QRCodeJS.Demo/Properties/launchSettings.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "$schema": "http://json.schemastore.org/launchsettings.json",
 3 |   "iisSettings": {
 4 |     "windowsAuthentication": false,
 5 |     "anonymousAuthentication": true,
 6 |     "iisExpress": {
 7 |       "applicationUrl": "http://localhost:44432",
 8 |       "sslPort": 44300
 9 |     }
10 |   },
11 |   "profiles": {
12 |     "http": {
13 |       "commandName": "Project",
14 |       "dotnetRunMessages": true,
15 |       "launchBrowser": true,
16 |       "inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}",
17 |       "applicationUrl": "http://localhost:5146",
18 |       "environmentVariables": {
19 |         "ASPNETCORE_ENVIRONMENT": "Development"
20 |       }
21 |     },
22 |     "https": {
23 |       "commandName": "Project",
24 |       "dotnetRunMessages": true,
25 |       "launchBrowser": true,
26 |       "inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}",
27 |       "applicationUrl": "https://localhost:7200;http://localhost:5146",
28 |       "environmentVariables": {
29 |         "ASPNETCORE_ENVIRONMENT": "Development"
30 |       }
31 |     },
32 |     "IIS Express": {
33 |       "commandName": "IISExpress",
34 |       "launchBrowser": true,
35 |       "inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}",
36 |       "environmentVariables": {
37 |         "ASPNETCORE_ENVIRONMENT": "Development"
38 |       }
39 |     }
40 |   }
41 | }
42 | 


--------------------------------------------------------------------------------
/SpawnDev.BlazorJS.QRCodeJS.Demo/Pages/Weather.razor:
--------------------------------------------------------------------------------
 1 | @page "/weather"
 2 | @inject HttpClient Http
 3 | 
 4 | <PageTitle>Weather</PageTitle>
 5 | 
 6 | <h1>Weather</h1>
 7 | 
 8 | <p>This component demonstrates fetching data from the server.</p>
 9 | 
10 | @if (forecasts == null)
11 | {
12 |     <p><em>Loading...</em></p>
13 | }
14 | else
15 | {
16 |     <table class="table">
17 |         <thead>
18 |             <tr>
19 |                 <th>Date</th>
20 |                 <th>Temp. (C)</th>
21 |                 <th>Temp. (F)</th>
22 |                 <th>Summary</th>
23 |             </tr>
24 |         </thead>
25 |         <tbody>
26 |             @foreach (var forecast in forecasts)
27 |             {
28 |                 <tr>
29 |                     <td>@forecast.Date.ToShortDateString()</td>
30 |                     <td>@forecast.TemperatureC</td>
31 |                     <td>@forecast.TemperatureF</td>
32 |                     <td>@forecast.Summary</td>
33 |                 </tr>
34 |             }
35 |         </tbody>
36 |     </table>
37 |     <QRCodeImage TextType="DataTextType.UriRelativeUrl" />
38 | }
39 | 
40 | @code {
41 |     private WeatherForecast[]? forecasts;
42 | 
43 |     protected override async Task OnInitializedAsync()
44 |     {
45 |         forecasts = await Http.GetFromJsonAsync<WeatherForecast[]>("sample-data/weather.json");
46 |     }
47 | 
48 |     public class WeatherForecast
49 |     {
50 |         public DateOnly Date { get; set; }
51 | 
52 |         public int TemperatureC { get; set; }
53 | 
54 |         public string? Summary { get; set; }
55 | 
56 |         public int TemperatureF => 32 + (int)(TemperatureC / 0.5556);
57 |     }
58 | }
59 | 


--------------------------------------------------------------------------------
/SpawnDev.BlazorJS.QRCodeJS.Demo/Layout/MainLayout.razor.css:
--------------------------------------------------------------------------------
 1 | .page {
 2 |     position: relative;
 3 |     display: flex;
 4 |     flex-direction: column;
 5 | }
 6 | 
 7 | main {
 8 |     flex: 1;
 9 | }
10 | 
11 | .sidebar {
12 |     background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
13 | }
14 | 
15 | .top-row {
16 |     background-color: #f7f7f7;
17 |     border-bottom: 1px solid #d6d5d5;
18 |     justify-content: flex-end;
19 |     height: 3.5rem;
20 |     display: flex;
21 |     align-items: center;
22 | }
23 | 
24 |     .top-row ::deep a, .top-row ::deep .btn-link {
25 |         white-space: nowrap;
26 |         margin-left: 1.5rem;
27 |         text-decoration: none;
28 |     }
29 | 
30 |     .top-row ::deep a:hover, .top-row ::deep .btn-link:hover {
31 |         text-decoration: underline;
32 |     }
33 | 
34 |     .top-row ::deep a:first-child {
35 |         overflow: hidden;
36 |         text-overflow: ellipsis;
37 |     }
38 | 
39 | @media (max-width: 640.98px) {
40 |     .top-row {
41 |         justify-content: space-between;
42 |     }
43 | 
44 |     .top-row ::deep a, .top-row ::deep .btn-link {
45 |         margin-left: 0;
46 |     }
47 | }
48 | 
49 | @media (min-width: 641px) {
50 |     .page {
51 |         flex-direction: row;
52 |     }
53 | 
54 |     .sidebar {
55 |         height: 100vh;
56 |         position: sticky;
57 |         top: 0;
58 |     }
59 | 
60 |     .top-row {
61 |         position: sticky;
62 |         top: 0;
63 |         z-index: 1;
64 |     }
65 | 
66 |     .top-row.auth ::deep a:first-child {
67 |         flex: 1;
68 |         text-align: right;
69 |         width: 0;
70 |     }
71 | 
72 |     .top-row, article {
73 |         padding-left: 2rem !important;
74 |         padding-right: 1.5rem !important;
75 |     }
76 | }
77 | 


--------------------------------------------------------------------------------
/SpawnDev.BlazorJS.QRCodeJS.sln:
--------------------------------------------------------------------------------
 1 | 
 2 | Microsoft Visual Studio Solution File, Format Version 12.00
 3 | # Visual Studio Version 17
 4 | VisualStudioVersion = 17.14.36511.14 d17.14
 5 | MinimumVisualStudioVersion = 10.0.40219.1
 6 | Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "SpawnDev.BlazorJS.QRCodeJS", "SpawnDev.BlazorJS.QRCodeJS\SpawnDev.BlazorJS.QRCodeJS.csproj", "{770E701D-712B-41E8-A14B-0E03E2742107}"
 7 | EndProject
 8 | Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "SpawnDev.BlazorJS.QRCodeJS.Demo", "SpawnDev.BlazorJS.QRCodeJS.Demo\SpawnDev.BlazorJS.QRCodeJS.Demo.csproj", "{DCB68F44-AE25-451D-AAA3-C585AB3FA3AB}"
 9 | EndProject
10 | Global
11 | 	GlobalSection(SolutionConfigurationPlatforms) = preSolution
12 | 		Debug|Any CPU = Debug|Any CPU
13 | 		Release|Any CPU = Release|Any CPU
14 | 	EndGlobalSection
15 | 	GlobalSection(ProjectConfigurationPlatforms) = postSolution
16 | 		{770E701D-712B-41E8-A14B-0E03E2742107}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
17 | 		{770E701D-712B-41E8-A14B-0E03E2742107}.Debug|Any CPU.Build.0 = Debug|Any CPU
18 | 		{770E701D-712B-41E8-A14B-0E03E2742107}.Release|Any CPU.ActiveCfg = Release|Any CPU
19 | 		{770E701D-712B-41E8-A14B-0E03E2742107}.Release|Any CPU.Build.0 = Release|Any CPU
20 | 		{DCB68F44-AE25-451D-AAA3-C585AB3FA3AB}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
21 | 		{DCB68F44-AE25-451D-AAA3-C585AB3FA3AB}.Debug|Any CPU.Build.0 = Debug|Any CPU
22 | 		{DCB68F44-AE25-451D-AAA3-C585AB3FA3AB}.Release|Any CPU.ActiveCfg = Release|Any CPU
23 | 		{DCB68F44-AE25-451D-AAA3-C585AB3FA3AB}.Release|Any CPU.Build.0 = Release|Any CPU
24 | 	EndGlobalSection
25 | 	GlobalSection(SolutionProperties) = preSolution
26 | 		HideSolutionNode = FALSE
27 | 	EndGlobalSection
28 | 	GlobalSection(ExtensibilityGlobals) = postSolution
29 | 		SolutionGuid = {C766ABB7-918D-4BEE-BFCD-4909B44960D3}
30 | 	EndGlobalSection
31 | EndGlobal
32 | 


--------------------------------------------------------------------------------
/SpawnDev.BlazorJS.QRCodeJS/QRCodeOptions.cs:
--------------------------------------------------------------------------------
 1 | using System.Text.Json.Serialization;
 2 | using static SpawnDev.BlazorJS.QRCodeJS.QRCode;
 3 | 
 4 | namespace SpawnDev.BlazorJS.QRCodeJS
 5 | {
 6 |     /// <summary>
 7 |     /// 
 8 |     /// </summary>
 9 |     public class QRCodeOptions
10 |     {
11 |         /// <summary>
12 |         /// Allows implicit conversion from a string to a QRCodeOptions
13 |         /// </summary>
14 |         /// <param name="text"></param>
15 |         public static implicit operator QRCodeOptions(string text) => new QRCodeOptions { Text = text };
16 |         /// <summary>
17 |         /// QRCode link data
18 |         /// </summary>
19 |         public string Text { get; set; } = "";
20 |         /// <summary>
21 |         /// Width. Default 256
22 |         /// </summary>
23 |         [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
24 |         public int? Width { get; set; }
25 |         /// <summary>
26 |         /// Height. Default 256
27 |         /// </summary>
28 |         [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
29 |         public int? Height { get; set; }
30 |         /// <summary>
31 |         /// The dark color to use. Default: #000000
32 |         /// </summary>
33 |         [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
34 |         public string? ColorDark { get; set; }
35 |         /// <summary>
36 |         /// The light color to use. Default: #ffffff
37 |         /// </summary>
38 |         [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
39 |         public string? ColorLight { get; set; }
40 |         /// <summary>
41 |         /// CorrectLevel. Default: CorrectLevel.H
42 |         /// </summary>
43 |         [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
44 |         public CorrectLevel? CorrectLevel { get; set; }
45 |     }
46 | }
47 | 


--------------------------------------------------------------------------------
/.github/workflows/main.yml:
--------------------------------------------------------------------------------
 1 | name: Deploy to GitHub Pages
 2 | 
 3 | # Run workflow on every push to the master branch
 4 | on: workflow_dispatch
 5 | 
 6 | jobs:
 7 |   deploy-to-github-pages:
 8 |     permissions:
 9 |       contents: write
10 |     # use ubuntu-latest image to run steps on
11 |     runs-on: ubuntu-latest
12 |     steps:
13 |     # uses GitHub's checkout action to checkout code form the master branch
14 |     - uses: actions/checkout@v2
15 |     
16 |     # sets up .NET Core SDK
17 |     - name: Setup .NET Core SDK
18 |       uses: actions/setup-dotnet@v3.0.3
19 |       with:
20 |         dotnet-version: '9'
21 | 
22 |     # Install dotnet wasm buildtools workload
23 |     - name: Install .NET WASM Build Tools
24 |       run: dotnet workload install wasm-tools wasm-tools-net8        
25 | 
26 |     # publishes Blazor project to the publish-folder
27 |     - name: Publish .NET Core Project
28 |       run: dotnet publish ./SpawnDev.BlazorJS.QRCodeJS.Demo/ --nologo -c:Release --output publish
29 | 
30 |     # changes the base-tag in index.html from '/' to '/SpawnDev.BlazorJS.QRCodeJS/' to match GitHub Pages repository subdirectory
31 |     - name: Change base-tag in index.html from / to /SpawnDev.BlazorJS.QRCodeJS/
32 |       run: sed -i 's/<base href="\/"/<base href="\/SpawnDev.BlazorJS.QRCodeJS\/"/g' publish/wwwroot/index.html
33 |     
34 |     # copy index.html to 404.html to serve the same file when a file is not found
35 |     - name: copy index.html to 404.html
36 |       run: cp publish/wwwroot/index.html publish/wwwroot/404.html
37 | 
38 |     # add .nojekyll file to tell GitHub pages to not treat this as a Jekyll project. (Allow files and folders starting with an underscore)
39 |     - name: Add .nojekyll file
40 |       run: touch publish/wwwroot/.nojekyll      
41 |       
42 |     - name: Commit wwwroot to GitHub Pages
43 |       uses: JamesIves/github-pages-deploy-action@v4.4.1
44 |       with:
45 |         branch: gh-pages
46 |         folder: publish/wwwroot    
47 | 


--------------------------------------------------------------------------------
/SpawnDev.BlazorJS.QRCodeJS.Demo/Layout/NavMenu.razor:
--------------------------------------------------------------------------------
 1 | <div class="top-row ps-3 navbar navbar-dark">
 2 |     <div class="container-fluid">
 3 |         <a class="navbar-brand" href="">SpawnDev.BlazorJS.QRCodeJS</a>
 4 |         <button title="Navigation menu" class="navbar-toggler" @onclick="ToggleNavMenu">
 5 |             <span class="navbar-toggler-icon"></span>
 6 |         </button>
 7 |     </div>
 8 | </div>
 9 | 
10 | <div class="@NavMenuCssClass nav-scrollable" @onclick="ToggleNavMenu">
11 |     <nav class="flex-column">
12 |         <div class="nav-item px-3">
13 |             <NavLink class="nav-link" href="" Match="NavLinkMatch.All">
14 |                 <span class="bi bi-house-door-fill-nav-menu" aria-hidden="true"></span> Home
15 |             </NavLink>
16 |         </div>
17 |         <div class="nav-item px-3">
18 |             <NavLink class="nav-link" href="counter">
19 |                 <span class="bi bi-plus-square-fill-nav-menu" aria-hidden="true"></span> Counter
20 |             </NavLink>
21 |         </div>
22 |         <div class="nav-item px-3">
23 |             <NavLink class="nav-link" href="weather">
24 |                 <span class="bi bi-list-nested-nav-menu" aria-hidden="true"></span> Weather
25 |             </NavLink>
26 |         </div>
27 |         <div>
28 |             <div style="color: black; background-color: #ffffffaa; text-align: center;">Base-Uri-relative QRCode</div>
29 |             <QRCodeImage Text="app_relative/url.jpg" TextType="DataTextType.BaseUriRelativeUrl" />
30 |         </div>
31 |         <div>
32 |             <div style="color: black; background-color: #ffffffaa; text-align: center;">Uri-relative QRCode</div>
33 |             <QRCodeImage Text="page_relative/url.jpg" TextType="DataTextType.UriRelativeUrl" />
34 |         </div>
35 |     </nav>
36 | </div>
37 | 
38 | @code {
39 |     private bool collapseNavMenu = true;
40 | 
41 |     private string? NavMenuCssClass => collapseNavMenu ? "collapse" : null;
42 | 
43 |     private void ToggleNavMenu()
44 |     {
45 |         collapseNavMenu = !collapseNavMenu;
46 |     }
47 | }
48 | 


--------------------------------------------------------------------------------
/SpawnDev.BlazorJS.QRCodeJS/SpawnDev.BlazorJS.QRCodeJS.csproj:
--------------------------------------------------------------------------------
 1 | <Project Sdk="Microsoft.NET.Sdk.Razor">
 2 | 
 3 | 	<PropertyGroup>
 4 | 		<TargetFrameworks>net6.0;net7.0;net8.0;net9.0;net10.0</TargetFrameworks>
 5 | 		<Nullable>enable</Nullable>
 6 | 		<ImplicitUsings>enable</ImplicitUsings>
 7 | 		<Version>1.2.0</Version>
 8 | 		<GeneratePackageOnBuild>True</GeneratePackageOnBuild>
 9 | 		<GenerateDocumentationFile>true</GenerateDocumentationFile>
10 | 		<EmbedAllSources>true</EmbedAllSources>
11 | 		<DebugType>Embedded</DebugType>
12 | 		<Title>SpawnDev.BlazorJS.QRCodeJS</Title>
13 | 		<Authors>LostBeard</Authors>
14 | 		<Description>Create QR Codes in Blazor WebAssembly with QRCode.js</Description>
15 | 		<PackageProjectUrl>https://github.com/LostBeard/SpawnDev.BlazorJS.QRCodeJS</PackageProjectUrl>
16 | 		<PackageReadmeFile>README.md</PackageReadmeFile>
17 | 		<PackageLicenseFile>LICENSE.txt</PackageLicenseFile>
18 | 		<PackageIcon>icon-128.png</PackageIcon>
19 | 		<RepositoryUrl>https://github.com/LostBeard/SpawnDev.BlazorJS.QRCodeJS.git</RepositoryUrl>
20 | 		<RepositoryType>git</RepositoryType>
21 | 		<PackageTags>Blazor;BlazorWebAssembly;QRCodeJS;QRCode</PackageTags>
22 | 		<LangVersion>latest</LangVersion>
23 | 	</PropertyGroup>
24 | 
25 | 	<ItemGroup>
26 | 		<PackageReference Include="SpawnDev.BlazorJS" Version="2.44.0" />
27 | 	</ItemGroup>
28 | 
29 | 	<ItemGroup>
30 | 		<None Include="Assets\icon-128.png" Pack="true" PackagePath="\" />
31 | 		<None Include="..\README.md" Pack="true" PackagePath="\" />
32 | 		<None Include="..\LICENSE.txt" Pack="true" PackagePath="\" />
33 | 	</ItemGroup>
34 | 	
35 | 	<PropertyGroup>
36 | 		<!-- 
37 | 		Disable filename mangling with hash ("cache busting fingerprinting") which is enabled by default in .Net 10 SDK. 
38 | 		Not supported by this library.
39 | 		-->
40 | 		<StaticWebAssetFingerprintingEnabled>false</StaticWebAssetFingerprintingEnabled>
41 | 		<StaticWebAssetsFingerprintContent>false</StaticWebAssetsFingerprintContent>
42 | 	</PropertyGroup>
43 | 
44 | 	<ItemGroup>
45 | 		<SupportedPlatform Include="browser" />
46 | 	</ItemGroup>
47 | 
48 | </Project>
49 | 
50 | 


--------------------------------------------------------------------------------
/.gitattributes:
--------------------------------------------------------------------------------
 1 | ###############################################################################
 2 | # Set default behavior to automatically normalize line endings.
 3 | ###############################################################################
 4 | * text=auto
 5 | 
 6 | ###############################################################################
 7 | # Set default behavior for command prompt diff.
 8 | #
 9 | # This is need for earlier builds of msysgit that does not have it on by
10 | # default for csharp files.
11 | # Note: This is only used by command line
12 | ###############################################################################
13 | #*.cs     diff=csharp
14 | 
15 | ###############################################################################
16 | # Set the merge driver for project and solution files
17 | #
18 | # Merging from the command prompt will add diff markers to the files if there
19 | # are conflicts (Merging from VS is not affected by the settings below, in VS
20 | # the diff markers are never inserted). Diff markers may cause the following 
21 | # file extensions to fail to load in VS. An alternative would be to treat
22 | # these files as binary and thus will always conflict and require user
23 | # intervention with every merge. To do so, just uncomment the entries below
24 | ###############################################################################
25 | #*.sln       merge=binary
26 | #*.csproj    merge=binary
27 | #*.vbproj    merge=binary
28 | #*.vcxproj   merge=binary
29 | #*.vcproj    merge=binary
30 | #*.dbproj    merge=binary
31 | #*.fsproj    merge=binary
32 | #*.lsproj    merge=binary
33 | #*.wixproj   merge=binary
34 | #*.modelproj merge=binary
35 | #*.sqlproj   merge=binary
36 | #*.wwaproj   merge=binary
37 | 
38 | ###############################################################################
39 | # behavior for image files
40 | #
41 | # image files are treated as binary by default.
42 | ###############################################################################
43 | #*.jpg   binary
44 | #*.png   binary
45 | #*.gif   binary
46 | 
47 | ###############################################################################
48 | # diff behavior for common document formats
49 | # 
50 | # Convert binary document formats to text before diffing them. This feature
51 | # is only available from the command line. Turn it on by uncommenting the 
52 | # entries below.
53 | ###############################################################################
54 | #*.doc   diff=astextplain
55 | #*.DOC   diff=astextplain
56 | #*.docx  diff=astextplain
57 | #*.DOCX  diff=astextplain
58 | #*.dot   diff=astextplain
59 | #*.DOT   diff=astextplain
60 | #*.pdf   diff=astextplain
61 | #*.PDF   diff=astextplain
62 | #*.rtf   diff=astextplain
63 | #*.RTF   diff=astextplain
64 | 


--------------------------------------------------------------------------------
/SpawnDev.BlazorJS.QRCodeJS.Demo/Layout/NavMenu.razor.css:
--------------------------------------------------------------------------------
 1 | .navbar-toggler {
 2 |     background-color: rgba(255, 255, 255, 0.1);
 3 | }
 4 | 
 5 | .top-row {
 6 |     height: 3.5rem;
 7 |     background-color: rgba(0,0,0,0.4);
 8 | }
 9 | 
10 | .navbar-brand {
11 |     font-size: 1.1rem;
12 | }
13 | 
14 | .bi {
15 |     display: inline-block;
16 |     position: relative;
17 |     width: 1.25rem;
18 |     height: 1.25rem;
19 |     margin-right: 0.75rem;
20 |     top: -1px;
21 |     background-size: cover;
22 | }
23 | 
24 | .bi-house-door-fill-nav-menu {
25 |     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
26 | }
27 | 
28 | .bi-plus-square-fill-nav-menu {
29 |     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
30 | }
31 | 
32 | .bi-list-nested-nav-menu {
33 |     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
34 | }
35 | 
36 | .nav-item {
37 |     font-size: 0.9rem;
38 |     padding-bottom: 0.5rem;
39 | }
40 | 
41 |     .nav-item:first-of-type {
42 |         padding-top: 1rem;
43 |     }
44 | 
45 |     .nav-item:last-of-type {
46 |         padding-bottom: 1rem;
47 |     }
48 | 
49 |     .nav-item ::deep a {
50 |         color: #d7d7d7;
51 |         border-radius: 4px;
52 |         height: 3rem;
53 |         display: flex;
54 |         align-items: center;
55 |         line-height: 3rem;
56 |     }
57 | 
58 | .nav-item ::deep a.active {
59 |     background-color: rgba(255,255,255,0.37);
60 |     color: white;
61 | }
62 | 
63 | .nav-item ::deep a:hover {
64 |     background-color: rgba(255,255,255,0.1);
65 |     color: white;
66 | }
67 | 
68 | @media (min-width: 641px) {
69 |     .navbar-toggler {
70 |         display: none;
71 |     }
72 | 
73 |     .collapse {
74 |         /* Never collapse the sidebar for wide screens */
75 |         display: block;
76 |     }
77 |     
78 |     .nav-scrollable {
79 |         /* Allow sidebar to scroll for tall menus */
80 |         height: calc(100vh - 3.5rem);
81 |         overflow-y: auto;
82 |     }
83 | }
84 | 


--------------------------------------------------------------------------------
/SpawnDev.BlazorJS.QRCodeJS/QRCode.cs:
--------------------------------------------------------------------------------
 1 | using Microsoft.AspNetCore.Components;
 2 | using Microsoft.JSInterop;
 3 | using SpawnDev.BlazorJS.JSObjects;
 4 | 
 5 | namespace SpawnDev.BlazorJS.QRCodeJS
 6 | {
 7 |     /// <summary>
 8 |     /// 
 9 |     /// </summary>
10 |     public class QRCode : JSObject
11 |     {
12 |         static Task? _Init;
13 |         /// <summary>
14 |         /// Loads the QRCode.js Javascript library
15 |         /// </summary>
16 |         /// <returns></returns>
17 |         public static Task Init()
18 |         {
19 |             _Init ??= JS.LoadScript($"_content/{typeof(QRCodeJSService).Namespace!}/qrcode.min.js", "QRCode");
20 |             return _Init;
21 |         }
22 |         /// <summary>
23 |         /// 
24 |         /// </summary>
25 |         public enum CorrectLevel
26 |         {
27 |             /// <summary>
28 |             /// 
29 |             /// </summary>
30 |             M = 0,
31 |             /// <summary>
32 |             /// 
33 |             /// </summary>
34 |             L = 1,
35 |             /// <summary>
36 |             /// 
37 |             /// </summary>
38 |             H = 2,
39 |             /// <summary>
40 |             /// 
41 |             /// </summary>
42 |             Q = 3,
43 |         }
44 |         /// <inheritdoc/>
45 |         public QRCode(IJSInProcessObjectReference _ref) : base(_ref) { }
46 |         /// <summary>
47 |         /// 
48 |         /// </summary>
49 |         /// <param name="el"></param>
50 |         /// <param name="options"></param>
51 |         public QRCode(HTMLElement el, QRCodeOptions options) : base(JS.New(nameof(QRCode), el, options)) { }
52 |         /// <summary>
53 |         /// 
54 |         /// </summary>
55 |         /// <param name="el"></param>
56 |         /// <param name="text"></param>
57 |         public QRCode(HTMLElement el, string text) : base(JS.New(nameof(QRCode), el, text)) { }
58 |         /// <summary>
59 |         /// 
60 |         /// </summary>
61 |         /// <param name="el"></param>
62 |         /// <param name="options"></param>
63 |         public QRCode(ElementReference el, QRCodeOptions options) : base(JS.New(nameof(QRCode), el, options)) { }
64 |         /// <summary>
65 |         /// 
66 |         /// </summary>
67 |         /// <param name="el"></param>
68 |         /// <param name="text"></param>
69 |         public QRCode(ElementReference el, string text) : base(JS.New(nameof(QRCode), el, text)) { }
70 |         /// <summary>
71 |         /// 
72 |         /// </summary>
73 |         /// <param name="id"></param>
74 |         /// <param name="options"></param>
75 |         public QRCode(string id, QRCodeOptions options) : base(JS.New(nameof(QRCode), id, options)) { }
76 |         /// <summary>
77 |         /// 
78 |         /// </summary>
79 |         /// <param name="id"></param>
80 |         /// <param name="text"></param>
81 |         public QRCode(string id, string text) : base(JS.New(nameof(QRCode), id, text)) { }
82 |         /// <summary>
83 |         /// Create a code with the specified text
84 |         /// </summary>
85 |         /// <param name="text"></param>
86 |         public void MakeCode(string text) => JSRef!.CallVoid("makeCode", text);
87 |         /// <summary>
88 |         /// Make the Image from Canvas element
89 |         /// - It occurs automatically
90 |         /// </summary>
91 |         public void MakeImage() => JSRef!.CallVoid("makeImage");
92 |         /// <summary>
93 |         /// Clear the QRCode
94 |         /// </summary>
95 |         public void Clear() => JSRef!.CallVoid("clear");
96 |     }
97 | }
98 | 


--------------------------------------------------------------------------------
/SpawnDev.BlazorJS.QRCodeJS/QRCodeImage.razor:
--------------------------------------------------------------------------------
  1 | @using Microsoft.AspNetCore.Components.Routing
  2 | @using QRCodeJS;
  3 | @using static SpawnDev.BlazorJS.QRCodeJS.QRCode
  4 | @implements IDisposable;
  5 | 
  6 | <img title="@FullText" alt="@AltText" src="@ImageSource" style="@_Style" class="@Class" />
  7 | 
  8 | @code {
  9 |     [Inject]
 10 |     NavigationManager NavigationManager { get; set; } = default!;
 11 | 
 12 |     [Inject]
 13 |     BlazorJSRuntime JS { get; set; } = default!;
 14 | 
 15 |     [Inject]
 16 |     QRCodeJSService QRCodeJSService { get; set; } = default!;
 17 | 
 18 |     public string FullText => QRCodeJSService.GetText(Text, TextType);
 19 | 
 20 |     public string AltText => $"QRCode: {FullText}";
 21 | 
 22 |     string ImageSource => QRCodeJSService.CreateDataUrl(new QRCodeOptions
 23 |     {
 24 |         ColorDark = ColorDark,
 25 |         ColorLight = ColorLight,
 26 |         CorrectLevel = CorrectLevel,
 27 |         Height = Height,
 28 |         Width = Width,
 29 |         Text = Text,
 30 |     }, "image/png", TextType);
 31 |     string _Style => ShowLightBorder  ? $"border: {LightBorderSize} solid {ColorLight ?? "#ffffff"};{Style}" : Style;
 32 |     /// <summary>
 33 |     /// QRCode link data
 34 |     /// </summary>
 35 |     [Parameter]
 36 |     public string Text { get; set; } = "";
 37 |     /// <summary>
 38 |     /// Width. Default 256
 39 |     /// </summary>
 40 |     [Parameter]
 41 |     public int? Width { get; set; }
 42 |     /// <summary>
 43 |     /// Height. Default 256
 44 |     /// </summary>
 45 |     [Parameter]
 46 |     public int? Height { get; set; }
 47 |     /// <summary>
 48 |     /// The dark color to use. Default: #000000
 49 |     /// </summary>
 50 |     [Parameter]
 51 |     public string? ColorDark { get; set; } = "#000000";
 52 |     /// <summary>
 53 |     /// The light color to use. Default: #ffffff
 54 |     /// </summary>
 55 |     [Parameter]
 56 |     public string? ColorLight { get; set; } = "#ffffff";
 57 |     /// <summary>
 58 |     /// CorrectLevel. Default: CorrectLevel.H
 59 |     /// </summary>
 60 |     [Parameter]
 61 |     public CorrectLevel? CorrectLevel { get; set; }
 62 |     /// <summary>
 63 |     /// DataTextType indicates how DataText should be processed before rendering
 64 |     /// </summary>
 65 |     [Parameter]
 66 |     public DataTextType TextType { get; set; } = DataTextType.Text;
 67 |     /// <summary>
 68 |     /// Style to apply to the img/svg element
 69 |     /// </summary>
 70 |     [Parameter]
 71 |     public string Style { get; set; } = "";
 72 |     /// <summary>
 73 |     /// If true, 'border: 0.5rem solid ColorLight;' will be added to the style
 74 |     /// </summary>
 75 |     [Parameter]
 76 |     public bool ShowLightBorder { get; set; } = true;
 77 |     /// <summary>
 78 |     /// The size of the light border (if enabled)
 79 |     /// </summary>
 80 |     [Parameter]
 81 |     public string LightBorderSize{ get; set; } = "0.5rem";
 82 |     /// <summary>
 83 |     /// Class to apply to the img/svg element
 84 |     /// </summary>
 85 |     [Parameter]
 86 |     public string Class { get; set; } = "";
 87 |     /// <summary>
 88 |     /// If true (default) a UriRelativeUrl data text URL will automatically be updated when NavigationManager.LocationChanged event fires
 89 |     /// </summary>
 90 |     [Parameter]
 91 |     public bool AutoUpdateUriRelativeUrl { get; set; } = true;
 92 | 
 93 |     protected override void OnInitialized()
 94 |     {
 95 |         NavigationManager.LocationChanged += NavigationManager_LocationChanged;
 96 |     }
 97 |     public void Dispose()
 98 |     {
 99 |         NavigationManager.LocationChanged -= NavigationManager_LocationChanged;
100 |     }
101 |     void NavigationManager_LocationChanged(object? sender, LocationChangedEventArgs locationChangedEventArgs)
102 |     {
103 |         if (TextType == DataTextType.UriRelativeUrl && AutoUpdateUriRelativeUrl)
104 |         {
105 |             StateHasChanged();
106 |         }
107 |     }
108 | }
109 | 


--------------------------------------------------------------------------------
/SpawnDev.BlazorJS.QRCodeJS.Demo/wwwroot/css/app.css:
--------------------------------------------------------------------------------
  1 | html, body {
  2 |     font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  3 | }
  4 | 
  5 | h1:focus {
  6 |     outline: none;
  7 | }
  8 | 
  9 | a, .btn-link {
 10 |     color: #0071c1;
 11 | }
 12 | 
 13 | .btn-primary {
 14 |     color: #fff;
 15 |     background-color: #1b6ec2;
 16 |     border-color: #1861ac;
 17 | }
 18 | 
 19 | .btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
 20 |   box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
 21 | }
 22 | 
 23 | .content {
 24 |     padding-top: 1.1rem;
 25 | }
 26 | 
 27 | .valid.modified:not([type=checkbox]) {
 28 |     outline: 1px solid #26b050;
 29 | }
 30 | 
 31 | .invalid {
 32 |     outline: 1px solid red;
 33 | }
 34 | 
 35 | .validation-message {
 36 |     color: red;
 37 | }
 38 | 
 39 | #blazor-error-ui {
 40 |     background: lightyellow;
 41 |     bottom: 0;
 42 |     box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
 43 |     display: none;
 44 |     left: 0;
 45 |     padding: 0.6rem 1.25rem 0.7rem 1.25rem;
 46 |     position: fixed;
 47 |     width: 100%;
 48 |     z-index: 1000;
 49 | }
 50 | 
 51 |     #blazor-error-ui .dismiss {
 52 |         cursor: pointer;
 53 |         position: absolute;
 54 |         right: 0.75rem;
 55 |         top: 0.5rem;
 56 |     }
 57 | 
 58 | .blazor-error-boundary {
 59 |     background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
 60 |     padding: 1rem 1rem 1rem 3.7rem;
 61 |     color: white;
 62 | }
 63 | 
 64 |     .blazor-error-boundary::after {
 65 |         content: "An error has occurred."
 66 |     }
 67 | 
 68 | .loading-progress {
 69 |     position: relative;
 70 |     display: block;
 71 |     width: 8rem;
 72 |     height: 8rem;
 73 |     margin: 20vh auto 1rem auto;
 74 | }
 75 | 
 76 |     .loading-progress circle {
 77 |         fill: none;
 78 |         stroke: #e0e0e0;
 79 |         stroke-width: 0.6rem;
 80 |         transform-origin: 50% 50%;
 81 |         transform: rotate(-90deg);
 82 |     }
 83 | 
 84 |         .loading-progress circle:last-child {
 85 |             stroke: #1b6ec2;
 86 |             stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%;
 87 |             transition: stroke-dasharray 0.05s ease-in-out;
 88 |         }
 89 | 
 90 | .loading-progress-text {
 91 |     position: absolute;
 92 |     text-align: center;
 93 |     font-weight: bold;
 94 |     inset: calc(20vh + 3.25rem) 0 auto 0.2rem;
 95 | }
 96 | 
 97 |     .loading-progress-text:after {
 98 |         content: var(--blazor-load-percentage-text, "Loading");
 99 |     }
100 | 
101 | code {
102 |     color: #c02d76;
103 | }
104 | 


--------------------------------------------------------------------------------
/SpawnDev.BlazorJS.QRCodeJS/QRCodeJSService.cs:
--------------------------------------------------------------------------------
  1 | using Microsoft.AspNetCore.Components;
  2 | using SpawnDev.BlazorJS.JSObjects;
  3 | 
  4 | namespace SpawnDev.BlazorJS.QRCodeJS
  5 | {
  6 |     /// <summary>
  7 |     /// QRCodeJSService
  8 |     /// </summary>
  9 |     public class QRCodeJSService(BlazorJSRuntime JS, NavigationManager NavigationManager) : IAsyncBackgroundService
 10 |     {
 11 |         ///  <inheritdoc/>
 12 |         public Task Ready => QRCode.Init();
 13 |         QRCodeOptions CloneQRCodeOptions(QRCodeOptions options)
 14 |         {
 15 |             return new QRCodeOptions
 16 |             {
 17 |                 ColorDark = options.ColorDark,
 18 |                 ColorLight = options.ColorLight,
 19 |                 CorrectLevel = options.CorrectLevel,
 20 |                 Height = options.Height,
 21 |                 Width = options.Width,
 22 |                 Text = options.Text,
 23 |             };
 24 |         }
 25 |         /// <summary>
 26 |         /// Create a data url using the specified options
 27 |         /// </summary>
 28 |         /// <param name="options"></param>
 29 |         /// <param name="type"></param>
 30 |         /// <param name="textType"></param>
 31 |         /// <returns></returns>
 32 |         public string CreateDataUrl(QRCodeOptions options, string type = "image/png", DataTextType textType = DataTextType.Text)
 33 |         {
 34 |             var opts = CloneQRCodeOptions(options);
 35 |             opts.Text = GetText(opts.Text, textType);
 36 |             using var document = JS.Get<Document>("document");
 37 |             using var div = document.CreateElement<HTMLDivElement>("div");
 38 |             using var qrcode = new QRCode(div, opts);
 39 |             using var canvas = div.QuerySelector<HTMLCanvasElement>("canvas")!;
 40 |             var ret = canvas.ToDataURL(type);
 41 |             return ret;
 42 |         }
 43 |         /// <summary>
 44 |         /// Creates an HTMLDivElement containing a canvas (hidden) and an image (visible, but with no src set yet).<br/>
 45 |         /// The div is not attached to the DOM.<br/>
 46 |         /// The canvas has the qr code drawn on it. The image will (eventually) show the data url from the canvas.
 47 |         /// </summary>
 48 |         /// <param name="options"></param>
 49 |         /// <param name="textType"></param>
 50 |         /// <returns></returns>
 51 |         public HTMLDivElement CreateDiv(QRCodeOptions options, DataTextType textType = DataTextType.Text)
 52 |         {
 53 |             var opts = CloneQRCodeOptions(options);
 54 |             opts.Text = GetText(opts.Text, textType);
 55 |             using var document = JS.Get<Document>("document");
 56 |             var div = document.CreateElement<HTMLDivElement>("div");
 57 |             using var qrcode = new QRCode(div, opts);
 58 |             return div;
 59 |         }
 60 |         /// <summary>
 61 |         /// Returns an HTMLCanvasElement with the qr code drawn on it.<br/>
 62 |         /// The canvas is not attached to the DOM.
 63 |         /// </summary>
 64 |         /// <param name="options"></param>
 65 |         /// <param name="textType"></param>
 66 |         /// <returns></returns>
 67 |         public HTMLCanvasElement CreateCanvas(QRCodeOptions options, DataTextType textType = DataTextType.Text)
 68 |         {
 69 |             using var div = CreateDiv(options, textType);
 70 |             var canvas = div.QuerySelector<HTMLCanvasElement>("canvas")!;
 71 |             return canvas;
 72 |         }
 73 |         /// <summary>
 74 |         /// Returns a Blob created from the canvas containing the drawn qr code.
 75 |         /// </summary>
 76 |         /// <param name="options"></param>
 77 |         /// <param name="type"></param>
 78 |         /// <param name="textType"></param>
 79 |         /// <returns></returns>
 80 |         public async Task<Blob> CreateBlob(QRCodeOptions options, string type = "image/png", DataTextType textType = DataTextType.Text)
 81 |         {
 82 |             using var canvas = CreateCanvas(options, textType);
 83 |             var blob = await canvas.ToBlobAsync(type);
 84 |             return blob;
 85 |         }
 86 |         /// <summary>
 87 |         /// Returns a Blob created from the canvas containing the drawn qr code.
 88 |         /// </summary>
 89 |         /// <param name="options"></param>
 90 |         /// <param name="type"></param>
 91 |         /// <param name="quality"></param>
 92 |         /// <param name="textType"></param>
 93 |         /// <returns></returns>
 94 |         public async Task<Blob> CreateBlob(QRCodeOptions options, string type, float quality, DataTextType textType = DataTextType.Text)
 95 |         {
 96 |             using var canvas = CreateCanvas(options, textType);
 97 |             var blob = await canvas.ToBlobAsync(type, quality);
 98 |             return blob;
 99 |         }
100 |         /// <summary>
101 |         /// Returns a byte[] created from the canvas containing the drawn qr code.
102 |         /// </summary>
103 |         /// <param name="options"></param>
104 |         /// <param name="type"></param>
105 |         /// <param name="textType"></param>
106 |         /// <returns></returns>
107 |         public async Task<byte[]> CreateBytes(QRCodeOptions options, string type = "image/png", DataTextType textType = DataTextType.Text)
108 |         {
109 |             using var canvas = CreateCanvas(options, textType);
110 |             using var blob = await canvas.ToBlobAsync(type);
111 |             using var arrayBuffer = await blob.ArrayBuffer();
112 |             return arrayBuffer.ReadBytes();
113 |         }
114 |         /// <summary>
115 |         /// Returns a byte[] created from the canvas containing the drawn qr code.
116 |         /// </summary>
117 |         /// <param name="options"></param>
118 |         /// <param name="type"></param>
119 |         /// <param name="quality"></param>
120 |         /// <param name="textType"></param>
121 |         /// <returns></returns>
122 |         public async Task<byte[]> CreateBytes(QRCodeOptions options, string type, float quality, DataTextType textType = DataTextType.Text)
123 |         {
124 |             using var canvas = CreateCanvas(options, textType);
125 |             using var blob = await canvas.ToBlobAsync(type, quality);
126 |             using var arrayBuffer = await blob.ArrayBuffer();
127 |             return arrayBuffer.ReadBytes();
128 |         }
129 |         /// <summary>
130 |         /// Returns the text
131 |         /// </summary>
132 |         /// <param name="text"></param>
133 |         /// <param name="textType"></param>
134 |         /// <returns></returns>
135 |         public string GetText(string text, DataTextType textType = DataTextType.Text)
136 |         {
137 |             var txt = text;
138 |             switch (textType)
139 |             {
140 |                 case DataTextType.UriRelativeUrl:
141 |                     if (string.IsNullOrEmpty(txt))
142 |                     {
143 |                         txt = NavigationManager.Uri;
144 |                     }
145 |                     else
146 |                     {
147 |                         var pageUrl = new Uri(new Uri(NavigationManager.Uri).GetLeftPart(UriPartial.Path).TrimEnd('/') + "/");
148 |                         txt = new Uri(pageUrl, txt).ToString();
149 |                     }
150 |                     break;
151 |                 case DataTextType.BaseUriRelativeUrl:
152 |                     txt = new Uri(new Uri(NavigationManager.BaseUri), txt).ToString();
153 |                     break;
154 |             }
155 |             return txt;
156 |         }
157 |     }
158 | }
159 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
  1 | ## Ignore Visual Studio temporary files, build results, and
  2 | ## files generated by popular Visual Studio add-ons.
  3 | ##
  4 | ## Get latest from https://github.com/github/gitignore/blob/master/VisualStudio.gitignore
  5 | 
  6 | # User-specific files
  7 | *.rsuser
  8 | *.suo
  9 | *.user
 10 | *.userosscache
 11 | *.sln.docstates
 12 | 
 13 | # User-specific files (MonoDevelop/Xamarin Studio)
 14 | *.userprefs
 15 | 
 16 | # Mono auto generated files
 17 | mono_crash.*
 18 | 
 19 | # Build results
 20 | [Dd]ebug/
 21 | [Dd]ebugPublic/
 22 | [Rr]elease/
 23 | [Rr]eleases/
 24 | x64/
 25 | x86/
 26 | [Ww][Ii][Nn]32/
 27 | [Aa][Rr][Mm]/
 28 | [Aa][Rr][Mm]64/
 29 | bld/
 30 | [Bb]in/
 31 | [Oo]bj/
 32 | [Oo]ut/
 33 | [Ll]og/
 34 | [Ll]ogs/
 35 | 
 36 | # Visual Studio 2015/2017 cache/options directory
 37 | .vs/
 38 | # Uncomment if you have tasks that create the project's static files in wwwroot
 39 | #wwwroot/
 40 | 
 41 | # Visual Studio 2017 auto generated files
 42 | Generated\ Files/
 43 | 
 44 | # MSTest test Results
 45 | [Tt]est[Rr]esult*/
 46 | [Bb]uild[Ll]og.*
 47 | 
 48 | # NUnit
 49 | *.VisualState.xml
 50 | TestResult.xml
 51 | nunit-*.xml
 52 | 
 53 | # Build Results of an ATL Project
 54 | [Dd]ebugPS/
 55 | [Rr]eleasePS/
 56 | dlldata.c
 57 | 
 58 | # Benchmark Results
 59 | BenchmarkDotNet.Artifacts/
 60 | 
 61 | # .NET Core
 62 | project.lock.json
 63 | project.fragment.lock.json
 64 | artifacts/
 65 | 
 66 | # ASP.NET Scaffolding
 67 | ScaffoldingReadMe.txt
 68 | 
 69 | # StyleCop
 70 | StyleCopReport.xml
 71 | 
 72 | # Files built by Visual Studio
 73 | *_i.c
 74 | *_p.c
 75 | *_h.h
 76 | *.ilk
 77 | *.meta
 78 | *.obj
 79 | *.iobj
 80 | *.pch
 81 | *.pdb
 82 | *.ipdb
 83 | *.pgc
 84 | *.pgd
 85 | *.rsp
 86 | *.sbr
 87 | *.tlb
 88 | *.tli
 89 | *.tlh
 90 | *.tmp
 91 | *.tmp_proj
 92 | *_wpftmp.csproj
 93 | *.log
 94 | *.vspscc
 95 | *.vssscc
 96 | .builds
 97 | *.pidb
 98 | *.svclog
 99 | *.scc
100 | 
101 | # Chutzpah Test files
102 | _Chutzpah*
103 | 
104 | # Visual C++ cache files
105 | ipch/
106 | *.aps
107 | *.ncb
108 | *.opendb
109 | *.opensdf
110 | *.sdf
111 | *.cachefile
112 | *.VC.db
113 | *.VC.VC.opendb
114 | 
115 | # Visual Studio profiler
116 | *.psess
117 | *.vsp
118 | *.vspx
119 | *.sap
120 | 
121 | # Visual Studio Trace Files
122 | *.e2e
123 | 
124 | # TFS 2012 Local Workspace
125 | $tf/
126 | 
127 | # Guidance Automation Toolkit
128 | *.gpState
129 | 
130 | # ReSharper is a .NET coding add-in
131 | _ReSharper*/
132 | *.[Rr]e[Ss]harper
133 | *.DotSettings.user
134 | 
135 | # TeamCity is a build add-in
136 | _TeamCity*
137 | 
138 | # DotCover is a Code Coverage Tool
139 | *.dotCover
140 | 
141 | # AxoCover is a Code Coverage Tool
142 | .axoCover/*
143 | !.axoCover/settings.json
144 | 
145 | # Coverlet is a free, cross platform Code Coverage Tool
146 | coverage*.json
147 | coverage*.xml
148 | coverage*.info
149 | 
150 | # Visual Studio code coverage results
151 | *.coverage
152 | *.coveragexml
153 | 
154 | # NCrunch
155 | _NCrunch_*
156 | .*crunch*.local.xml
157 | nCrunchTemp_*
158 | 
159 | # MightyMoose
160 | *.mm.*
161 | AutoTest.Net/
162 | 
163 | # Web workbench (sass)
164 | .sass-cache/
165 | 
166 | # Installshield output folder
167 | [Ee]xpress/
168 | 
169 | # DocProject is a documentation generator add-in
170 | DocProject/buildhelp/
171 | DocProject/Help/*.HxT
172 | DocProject/Help/*.HxC
173 | DocProject/Help/*.hhc
174 | DocProject/Help/*.hhk
175 | DocProject/Help/*.hhp
176 | DocProject/Help/Html2
177 | DocProject/Help/html
178 | 
179 | # Click-Once directory
180 | publish/
181 | 
182 | # Publish Web Output
183 | *.[Pp]ublish.xml
184 | *.azurePubxml
185 | # Note: Comment the next line if you want to checkin your web deploy settings,
186 | # but database connection strings (with potential passwords) will be unencrypted
187 | *.pubxml
188 | *.publishproj
189 | 
190 | # Microsoft Azure Web App publish settings. Comment the next line if you want to
191 | # checkin your Azure Web App publish settings, but sensitive information contained
192 | # in these scripts will be unencrypted
193 | PublishScripts/
194 | 
195 | # NuGet Packages
196 | *.nupkg
197 | # NuGet Symbol Packages
198 | *.snupkg
199 | # The packages folder can be ignored because of Package Restore
200 | **/[Pp]ackages/*
201 | # except build/, which is used as an MSBuild target.
202 | !**/[Pp]ackages/build/
203 | # Uncomment if necessary however generally it will be regenerated when needed
204 | #!**/[Pp]ackages/repositories.config
205 | # NuGet v3's project.json files produces more ignorable files
206 | *.nuget.props
207 | *.nuget.targets
208 | 
209 | # Microsoft Azure Build Output
210 | csx/
211 | *.build.csdef
212 | 
213 | # Microsoft Azure Emulator
214 | ecf/
215 | rcf/
216 | 
217 | # Windows Store app package directories and files
218 | AppPackages/
219 | BundleArtifacts/
220 | Package.StoreAssociation.xml
221 | _pkginfo.txt
222 | *.appx
223 | *.appxbundle
224 | *.appxupload
225 | 
226 | # Visual Studio cache files
227 | # files ending in .cache can be ignored
228 | *.[Cc]ache
229 | # but keep track of directories ending in .cache
230 | !?*.[Cc]ache/
231 | 
232 | # Others
233 | ClientBin/
234 | ~$*
235 | *~
236 | *.dbmdl
237 | *.dbproj.schemaview
238 | *.jfm
239 | *.pfx
240 | *.publishsettings
241 | orleans.codegen.cs
242 | 
243 | # Including strong name files can present a security risk
244 | # (https://github.com/github/gitignore/pull/2483#issue-259490424)
245 | #*.snk
246 | 
247 | # Since there are multiple workflows, uncomment next line to ignore bower_components
248 | # (https://github.com/github/gitignore/pull/1529#issuecomment-104372622)
249 | #bower_components/
250 | 
251 | # RIA/Silverlight projects
252 | Generated_Code/
253 | 
254 | # Backup & report files from converting an old project file
255 | # to a newer Visual Studio version. Backup files are not needed,
256 | # because we have git ;-)
257 | _UpgradeReport_Files/
258 | Backup*/
259 | UpgradeLog*.XML
260 | UpgradeLog*.htm
261 | ServiceFabricBackup/
262 | *.rptproj.bak
263 | 
264 | # SQL Server files
265 | *.mdf
266 | *.ldf
267 | *.ndf
268 | 
269 | # Business Intelligence projects
270 | *.rdl.data
271 | *.bim.layout
272 | *.bim_*.settings
273 | *.rptproj.rsuser
274 | *- [Bb]ackup.rdl
275 | *- [Bb]ackup ([0-9]).rdl
276 | *- [Bb]ackup ([0-9][0-9]).rdl
277 | 
278 | # Microsoft Fakes
279 | FakesAssemblies/
280 | 
281 | # GhostDoc plugin setting file
282 | *.GhostDoc.xml
283 | 
284 | # Node.js Tools for Visual Studio
285 | .ntvs_analysis.dat
286 | node_modules/
287 | 
288 | # Visual Studio 6 build log
289 | *.plg
290 | 
291 | # Visual Studio 6 workspace options file
292 | *.opt
293 | 
294 | # Visual Studio 6 auto-generated workspace file (contains which files were open etc.)
295 | *.vbw
296 | 
297 | # Visual Studio LightSwitch build output
298 | **/*.HTMLClient/GeneratedArtifacts
299 | **/*.DesktopClient/GeneratedArtifacts
300 | **/*.DesktopClient/ModelManifest.xml
301 | **/*.Server/GeneratedArtifacts
302 | **/*.Server/ModelManifest.xml
303 | _Pvt_Extensions
304 | 
305 | # Paket dependency manager
306 | .paket/paket.exe
307 | paket-files/
308 | 
309 | # FAKE - F# Make
310 | .fake/
311 | 
312 | # CodeRush personal settings
313 | .cr/personal
314 | 
315 | # Python Tools for Visual Studio (PTVS)
316 | __pycache__/
317 | *.pyc
318 | 
319 | # Cake - Uncomment if you are using it
320 | # tools/**
321 | # !tools/packages.config
322 | 
323 | # Tabs Studio
324 | *.tss
325 | 
326 | # Telerik's JustMock configuration file
327 | *.jmconfig
328 | 
329 | # BizTalk build output
330 | *.btp.cs
331 | *.btm.cs
332 | *.odx.cs
333 | *.xsd.cs
334 | 
335 | # OpenCover UI analysis results
336 | OpenCover/
337 | 
338 | # Azure Stream Analytics local run output
339 | ASALocalRun/
340 | 
341 | # MSBuild Binary and Structured Log
342 | *.binlog
343 | 
344 | # NVidia Nsight GPU debugger configuration file
345 | *.nvuser
346 | 
347 | # MFractors (Xamarin productivity tool) working folder
348 | .mfractor/
349 | 
350 | # Local History for Visual Studio
351 | .localhistory/
352 | 
353 | # BeatPulse healthcheck temp database
354 | healthchecksdb
355 | 
356 | # Backup folder for Package Reference Convert tool in Visual Studio 2017
357 | MigrationBackup/
358 | 
359 | # Ionide (cross platform F# VS Code tools) working folder
360 | .ionide/
361 | 
362 | # Fody - auto-generated XML schema
363 | FodyWeavers.xsd


--------------------------------------------------------------------------------
/SpawnDev.BlazorJS.QRCodeJS/wwwroot/qrcode.min.js:
--------------------------------------------------------------------------------
1 | var QRCode; !function () { function a(a) { this.mode = c.MODE_8BIT_BYTE, this.data = a, this.parsedData = []; for (var b = [], d = 0, e = this.data.length; e > d; d++) { var f = this.data.charCodeAt(d); f > 65536 ? (b[0] = 240 | (1835008 & f) >>> 18, b[1] = 128 | (258048 & f) >>> 12, b[2] = 128 | (4032 & f) >>> 6, b[3] = 128 | 63 & f) : f > 2048 ? (b[0] = 224 | (61440 & f) >>> 12, b[1] = 128 | (4032 & f) >>> 6, b[2] = 128 | 63 & f) : f > 128 ? (b[0] = 192 | (1984 & f) >>> 6, b[1] = 128 | 63 & f) : b[0] = f, this.parsedData = this.parsedData.concat(b) } this.parsedData.length != this.data.length && (this.parsedData.unshift(191), this.parsedData.unshift(187), this.parsedData.unshift(239)) } function b(a, b) { this.typeNumber = a, this.errorCorrectLevel = b, this.modules = null, this.moduleCount = 0, this.dataCache = null, this.dataList = [] } function i(a, b) { if (void 0 == a.length) throw new Error(a.length + "/" + b); for (var c = 0; c < a.length && 0 == a[c];)c++; this.num = new Array(a.length - c + b); for (var d = 0; d < a.length - c; d++)this.num[d] = a[d + c] } function j(a, b) { this.totalCount = a, this.dataCount = b } function k() { this.buffer = [], this.length = 0 } function m() { return "undefined" != typeof CanvasRenderingContext2D } function n() { var a = !1, b = navigator.userAgent; return /android/i.test(b) && (a = !0, aMat = b.toString().match(/android ([0-9]\.[0-9])/i), aMat && aMat[1] && (a = parseFloat(aMat[1]))), a } function r(a, b) { for (var c = 1, e = s(a), f = 0, g = l.length; g >= f; f++) { var h = 0; switch (b) { case d.L: h = l[f][0]; break; case d.M: h = l[f][1]; break; case d.Q: h = l[f][2]; break; case d.H: h = l[f][3] }if (h >= e) break; c++ } if (c > l.length) throw new Error("Too long data"); return c } function s(a) { var b = encodeURI(a).toString().replace(/\%[0-9a-fA-F]{2}/g, "a"); return b.length + (b.length != a ? 3 : 0) } a.prototype = { getLength: function () { return this.parsedData.length }, write: function (a) { for (var b = 0, c = this.parsedData.length; c > b; b++)a.put(this.parsedData[b], 8) } }, b.prototype = { addData: function (b) { var c = new a(b); this.dataList.push(c), this.dataCache = null }, isDark: function (a, b) { if (0 > a || this.moduleCount <= a || 0 > b || this.moduleCount <= b) throw new Error(a + "," + b); return this.modules[a][b] }, getModuleCount: function () { return this.moduleCount }, make: function () { this.makeImpl(!1, this.getBestMaskPattern()) }, makeImpl: function (a, c) { this.moduleCount = 4 * this.typeNumber + 17, this.modules = new Array(this.moduleCount); for (var d = 0; d < this.moduleCount; d++) { this.modules[d] = new Array(this.moduleCount); for (var e = 0; e < this.moduleCount; e++)this.modules[d][e] = null } this.setupPositionProbePattern(0, 0), this.setupPositionProbePattern(this.moduleCount - 7, 0), this.setupPositionProbePattern(0, this.moduleCount - 7), this.setupPositionAdjustPattern(), this.setupTimingPattern(), this.setupTypeInfo(a, c), this.typeNumber >= 7 && this.setupTypeNumber(a), null == this.dataCache && (this.dataCache = b.createData(this.typeNumber, this.errorCorrectLevel, this.dataList)), this.mapData(this.dataCache, c) }, setupPositionProbePattern: function (a, b) { for (var c = -1; 7 >= c; c++)if (!(-1 >= a + c || this.moduleCount <= a + c)) for (var d = -1; 7 >= d; d++)-1 >= b + d || this.moduleCount <= b + d || (this.modules[a + c][b + d] = c >= 0 && 6 >= c && (0 == d || 6 == d) || d >= 0 && 6 >= d && (0 == c || 6 == c) || c >= 2 && 4 >= c && d >= 2 && 4 >= d ? !0 : !1) }, getBestMaskPattern: function () { for (var a = 0, b = 0, c = 0; 8 > c; c++) { this.makeImpl(!0, c); var d = f.getLostPoint(this); (0 == c || a > d) && (a = d, b = c) } return b }, createMovieClip: function (a, b, c) { var d = a.createEmptyMovieClip(b, c), e = 1; this.make(); for (var f = 0; f < this.modules.length; f++)for (var g = f * e, h = 0; h < this.modules[f].length; h++) { var i = h * e, j = this.modules[f][h]; j && (d.beginFill(0, 100), d.moveTo(i, g), d.lineTo(i + e, g), d.lineTo(i + e, g + e), d.lineTo(i, g + e), d.endFill()) } return d }, setupTimingPattern: function () { for (var a = 8; a < this.moduleCount - 8; a++)null == this.modules[a][6] && (this.modules[a][6] = 0 == a % 2); for (var b = 8; b < this.moduleCount - 8; b++)null == this.modules[6][b] && (this.modules[6][b] = 0 == b % 2) }, setupPositionAdjustPattern: function () { for (var a = f.getPatternPosition(this.typeNumber), b = 0; b < a.length; b++)for (var c = 0; c < a.length; c++) { var d = a[b], e = a[c]; if (null == this.modules[d][e]) for (var g = -2; 2 >= g; g++)for (var h = -2; 2 >= h; h++)this.modules[d + g][e + h] = -2 == g || 2 == g || -2 == h || 2 == h || 0 == g && 0 == h ? !0 : !1 } }, setupTypeNumber: function (a) { for (var b = f.getBCHTypeNumber(this.typeNumber), c = 0; 18 > c; c++) { var d = !a && 1 == (1 & b >> c); this.modules[Math.floor(c / 3)][c % 3 + this.moduleCount - 8 - 3] = d } for (var c = 0; 18 > c; c++) { var d = !a && 1 == (1 & b >> c); this.modules[c % 3 + this.moduleCount - 8 - 3][Math.floor(c / 3)] = d } }, setupTypeInfo: function (a, b) { for (var c = this.errorCorrectLevel << 3 | b, d = f.getBCHTypeInfo(c), e = 0; 15 > e; e++) { var g = !a && 1 == (1 & d >> e); 6 > e ? this.modules[e][8] = g : 8 > e ? this.modules[e + 1][8] = g : this.modules[this.moduleCount - 15 + e][8] = g } for (var e = 0; 15 > e; e++) { var g = !a && 1 == (1 & d >> e); 8 > e ? this.modules[8][this.moduleCount - e - 1] = g : 9 > e ? this.modules[8][15 - e - 1 + 1] = g : this.modules[8][15 - e - 1] = g } this.modules[this.moduleCount - 8][8] = !a }, mapData: function (a, b) { for (var c = -1, d = this.moduleCount - 1, e = 7, g = 0, h = this.moduleCount - 1; h > 0; h -= 2)for (6 == h && h--; ;) { for (var i = 0; 2 > i; i++)if (null == this.modules[d][h - i]) { var j = !1; g < a.length && (j = 1 == (1 & a[g] >>> e)); var k = f.getMask(b, d, h - i); k && (j = !j), this.modules[d][h - i] = j, e--, -1 == e && (g++, e = 7) } if (d += c, 0 > d || this.moduleCount <= d) { d -= c, c = -c; break } } } }, b.PAD0 = 236, b.PAD1 = 17, b.createData = function (a, c, d) { for (var e = j.getRSBlocks(a, c), g = new k, h = 0; h < d.length; h++) { var i = d[h]; g.put(i.mode, 4), g.put(i.getLength(), f.getLengthInBits(i.mode, a)), i.write(g) } for (var l = 0, h = 0; h < e.length; h++)l += e[h].dataCount; if (g.getLengthInBits() > 8 * l) throw new Error("code length overflow. (" + g.getLengthInBits() + ">" + 8 * l + ")"); for (g.getLengthInBits() + 4 <= 8 * l && g.put(0, 4); 0 != g.getLengthInBits() % 8;)g.putBit(!1); for (; ;) { if (g.getLengthInBits() >= 8 * l) break; if (g.put(b.PAD0, 8), g.getLengthInBits() >= 8 * l) break; g.put(b.PAD1, 8) } return b.createBytes(g, e) }, b.createBytes = function (a, b) { for (var c = 0, d = 0, e = 0, g = new Array(b.length), h = new Array(b.length), j = 0; j < b.length; j++) { var k = b[j].dataCount, l = b[j].totalCount - k; d = Math.max(d, k), e = Math.max(e, l), g[j] = new Array(k); for (var m = 0; m < g[j].length; m++)g[j][m] = 255 & a.buffer[m + c]; c += k; var n = f.getErrorCorrectPolynomial(l), o = new i(g[j], n.getLength() - 1), p = o.mod(n); h[j] = new Array(n.getLength() - 1); for (var m = 0; m < h[j].length; m++) { var q = m + p.getLength() - h[j].length; h[j][m] = q >= 0 ? p.get(q) : 0 } } for (var r = 0, m = 0; m < b.length; m++)r += b[m].totalCount; for (var s = new Array(r), t = 0, m = 0; d > m; m++)for (var j = 0; j < b.length; j++)m < g[j].length && (s[t++] = g[j][m]); for (var m = 0; e > m; m++)for (var j = 0; j < b.length; j++)m < h[j].length && (s[t++] = h[j][m]); return s }; for (var c = { MODE_NUMBER: 1, MODE_ALPHA_NUM: 2, MODE_8BIT_BYTE: 4, MODE_KANJI: 8 }, d = { L: 1, M: 0, Q: 3, H: 2 }, e = { PATTERN000: 0, PATTERN001: 1, PATTERN010: 2, PATTERN011: 3, PATTERN100: 4, PATTERN101: 5, PATTERN110: 6, PATTERN111: 7 }, f = { PATTERN_POSITION_TABLE: [[], [6, 18], [6, 22], [6, 26], [6, 30], [6, 34], [6, 22, 38], [6, 24, 42], [6, 26, 46], [6, 28, 50], [6, 30, 54], [6, 32, 58], [6, 34, 62], [6, 26, 46, 66], [6, 26, 48, 70], [6, 26, 50, 74], [6, 30, 54, 78], [6, 30, 56, 82], [6, 30, 58, 86], [6, 34, 62, 90], [6, 28, 50, 72, 94], [6, 26, 50, 74, 98], [6, 30, 54, 78, 102], [6, 28, 54, 80, 106], [6, 32, 58, 84, 110], [6, 30, 58, 86, 114], [6, 34, 62, 90, 118], [6, 26, 50, 74, 98, 122], [6, 30, 54, 78, 102, 126], [6, 26, 52, 78, 104, 130], [6, 30, 56, 82, 108, 134], [6, 34, 60, 86, 112, 138], [6, 30, 58, 86, 114, 142], [6, 34, 62, 90, 118, 146], [6, 30, 54, 78, 102, 126, 150], [6, 24, 50, 76, 102, 128, 154], [6, 28, 54, 80, 106, 132, 158], [6, 32, 58, 84, 110, 136, 162], [6, 26, 54, 82, 110, 138, 166], [6, 30, 58, 86, 114, 142, 170]], G15: 1335, G18: 7973, G15_MASK: 21522, getBCHTypeInfo: function (a) { for (var b = a << 10; f.getBCHDigit(b) - f.getBCHDigit(f.G15) >= 0;)b ^= f.G15 << f.getBCHDigit(b) - f.getBCHDigit(f.G15); return (a << 10 | b) ^ f.G15_MASK }, getBCHTypeNumber: function (a) { for (var b = a << 12; f.getBCHDigit(b) - f.getBCHDigit(f.G18) >= 0;)b ^= f.G18 << f.getBCHDigit(b) - f.getBCHDigit(f.G18); return a << 12 | b }, getBCHDigit: function (a) { for (var b = 0; 0 != a;)b++, a >>>= 1; return b }, getPatternPosition: function (a) { return f.PATTERN_POSITION_TABLE[a - 1] }, getMask: function (a, b, c) { switch (a) { case e.PATTERN000: return 0 == (b + c) % 2; case e.PATTERN001: return 0 == b % 2; case e.PATTERN010: return 0 == c % 3; case e.PATTERN011: return 0 == (b + c) % 3; case e.PATTERN100: return 0 == (Math.floor(b / 2) + Math.floor(c / 3)) % 2; case e.PATTERN101: return 0 == b * c % 2 + b * c % 3; case e.PATTERN110: return 0 == (b * c % 2 + b * c % 3) % 2; case e.PATTERN111: return 0 == (b * c % 3 + (b + c) % 2) % 2; default: throw new Error("bad maskPattern:" + a) } }, getErrorCorrectPolynomial: function (a) { for (var b = new i([1], 0), c = 0; a > c; c++)b = b.multiply(new i([1, g.gexp(c)], 0)); return b }, getLengthInBits: function (a, b) { if (b >= 1 && 10 > b) switch (a) { case c.MODE_NUMBER: return 10; case c.MODE_ALPHA_NUM: return 9; case c.MODE_8BIT_BYTE: return 8; case c.MODE_KANJI: return 8; default: throw new Error("mode:" + a) } else if (27 > b) switch (a) { case c.MODE_NUMBER: return 12; case c.MODE_ALPHA_NUM: return 11; case c.MODE_8BIT_BYTE: return 16; case c.MODE_KANJI: return 10; default: throw new Error("mode:" + a) } else { if (!(41 > b)) throw new Error("type:" + b); switch (a) { case c.MODE_NUMBER: return 14; case c.MODE_ALPHA_NUM: return 13; case c.MODE_8BIT_BYTE: return 16; case c.MODE_KANJI: return 12; default: throw new Error("mode:" + a) } } }, getLostPoint: function (a) { for (var b = a.getModuleCount(), c = 0, d = 0; b > d; d++)for (var e = 0; b > e; e++) { for (var f = 0, g = a.isDark(d, e), h = -1; 1 >= h; h++)if (!(0 > d + h || d + h >= b)) for (var i = -1; 1 >= i; i++)0 > e + i || e + i >= b || (0 != h || 0 != i) && g == a.isDark(d + h, e + i) && f++; f > 5 && (c += 3 + f - 5) } for (var d = 0; b - 1 > d; d++)for (var e = 0; b - 1 > e; e++) { var j = 0; a.isDark(d, e) && j++, a.isDark(d + 1, e) && j++, a.isDark(d, e + 1) && j++, a.isDark(d + 1, e + 1) && j++, (0 == j || 4 == j) && (c += 3) } for (var d = 0; b > d; d++)for (var e = 0; b - 6 > e; e++)a.isDark(d, e) && !a.isDark(d, e + 1) && a.isDark(d, e + 2) && a.isDark(d, e + 3) && a.isDark(d, e + 4) && !a.isDark(d, e + 5) && a.isDark(d, e + 6) && (c += 40); for (var e = 0; b > e; e++)for (var d = 0; b - 6 > d; d++)a.isDark(d, e) && !a.isDark(d + 1, e) && a.isDark(d + 2, e) && a.isDark(d + 3, e) && a.isDark(d + 4, e) && !a.isDark(d + 5, e) && a.isDark(d + 6, e) && (c += 40); for (var k = 0, e = 0; b > e; e++)for (var d = 0; b > d; d++)a.isDark(d, e) && k++; var l = Math.abs(100 * k / b / b - 50) / 5; return c += 10 * l } }, g = { glog: function (a) { if (1 > a) throw new Error("glog(" + a + ")"); return g.LOG_TABLE[a] }, gexp: function (a) { for (; 0 > a;)a += 255; for (; a >= 256;)a -= 255; return g.EXP_TABLE[a] }, EXP_TABLE: new Array(256), LOG_TABLE: new Array(256) }, h = 0; 8 > h; h++)g.EXP_TABLE[h] = 1 << h; for (var h = 8; 256 > h; h++)g.EXP_TABLE[h] = g.EXP_TABLE[h - 4] ^ g.EXP_TABLE[h - 5] ^ g.EXP_TABLE[h - 6] ^ g.EXP_TABLE[h - 8]; for (var h = 0; 255 > h; h++)g.LOG_TABLE[g.EXP_TABLE[h]] = h; i.prototype = { get: function (a) { return this.num[a] }, getLength: function () { return this.num.length }, multiply: function (a) { for (var b = new Array(this.getLength() + a.getLength() - 1), c = 0; c < this.getLength(); c++)for (var d = 0; d < a.getLength(); d++)b[c + d] ^= g.gexp(g.glog(this.get(c)) + g.glog(a.get(d))); return new i(b, 0) }, mod: function (a) { if (this.getLength() - a.getLength() < 0) return this; for (var b = g.glog(this.get(0)) - g.glog(a.get(0)), c = new Array(this.getLength()), d = 0; d < this.getLength(); d++)c[d] = this.get(d); for (var d = 0; d < a.getLength(); d++)c[d] ^= g.gexp(g.glog(a.get(d)) + b); return new i(c, 0).mod(a) } }, j.RS_BLOCK_TABLE = [[1, 26, 19], [1, 26, 16], [1, 26, 13], [1, 26, 9], [1, 44, 34], [1, 44, 28], [1, 44, 22], [1, 44, 16], [1, 70, 55], [1, 70, 44], [2, 35, 17], [2, 35, 13], [1, 100, 80], [2, 50, 32], [2, 50, 24], [4, 25, 9], [1, 134, 108], [2, 67, 43], [2, 33, 15, 2, 34, 16], [2, 33, 11, 2, 34, 12], [2, 86, 68], [4, 43, 27], [4, 43, 19], [4, 43, 15], [2, 98, 78], [4, 49, 31], [2, 32, 14, 4, 33, 15], [4, 39, 13, 1, 40, 14], [2, 121, 97], [2, 60, 38, 2, 61, 39], [4, 40, 18, 2, 41, 19], [4, 40, 14, 2, 41, 15], [2, 146, 116], [3, 58, 36, 2, 59, 37], [4, 36, 16, 4, 37, 17], [4, 36, 12, 4, 37, 13], [2, 86, 68, 2, 87, 69], [4, 69, 43, 1, 70, 44], [6, 43, 19, 2, 44, 20], [6, 43, 15, 2, 44, 16], [4, 101, 81], [1, 80, 50, 4, 81, 51], [4, 50, 22, 4, 51, 23], [3, 36, 12, 8, 37, 13], [2, 116, 92, 2, 117, 93], [6, 58, 36, 2, 59, 37], [4, 46, 20, 6, 47, 21], [7, 42, 14, 4, 43, 15], [4, 133, 107], [8, 59, 37, 1, 60, 38], [8, 44, 20, 4, 45, 21], [12, 33, 11, 4, 34, 12], [3, 145, 115, 1, 146, 116], [4, 64, 40, 5, 65, 41], [11, 36, 16, 5, 37, 17], [11, 36, 12, 5, 37, 13], [5, 109, 87, 1, 110, 88], [5, 65, 41, 5, 66, 42], [5, 54, 24, 7, 55, 25], [11, 36, 12], [5, 122, 98, 1, 123, 99], [7, 73, 45, 3, 74, 46], [15, 43, 19, 2, 44, 20], [3, 45, 15, 13, 46, 16], [1, 135, 107, 5, 136, 108], [10, 74, 46, 1, 75, 47], [1, 50, 22, 15, 51, 23], [2, 42, 14, 17, 43, 15], [5, 150, 120, 1, 151, 121], [9, 69, 43, 4, 70, 44], [17, 50, 22, 1, 51, 23], [2, 42, 14, 19, 43, 15], [3, 141, 113, 4, 142, 114], [3, 70, 44, 11, 71, 45], [17, 47, 21, 4, 48, 22], [9, 39, 13, 16, 40, 14], [3, 135, 107, 5, 136, 108], [3, 67, 41, 13, 68, 42], [15, 54, 24, 5, 55, 25], [15, 43, 15, 10, 44, 16], [4, 144, 116, 4, 145, 117], [17, 68, 42], [17, 50, 22, 6, 51, 23], [19, 46, 16, 6, 47, 17], [2, 139, 111, 7, 140, 112], [17, 74, 46], [7, 54, 24, 16, 55, 25], [34, 37, 13], [4, 151, 121, 5, 152, 122], [4, 75, 47, 14, 76, 48], [11, 54, 24, 14, 55, 25], [16, 45, 15, 14, 46, 16], [6, 147, 117, 4, 148, 118], [6, 73, 45, 14, 74, 46], [11, 54, 24, 16, 55, 25], [30, 46, 16, 2, 47, 17], [8, 132, 106, 4, 133, 107], [8, 75, 47, 13, 76, 48], [7, 54, 24, 22, 55, 25], [22, 45, 15, 13, 46, 16], [10, 142, 114, 2, 143, 115], [19, 74, 46, 4, 75, 47], [28, 50, 22, 6, 51, 23], [33, 46, 16, 4, 47, 17], [8, 152, 122, 4, 153, 123], [22, 73, 45, 3, 74, 46], [8, 53, 23, 26, 54, 24], [12, 45, 15, 28, 46, 16], [3, 147, 117, 10, 148, 118], [3, 73, 45, 23, 74, 46], [4, 54, 24, 31, 55, 25], [11, 45, 15, 31, 46, 16], [7, 146, 116, 7, 147, 117], [21, 73, 45, 7, 74, 46], [1, 53, 23, 37, 54, 24], [19, 45, 15, 26, 46, 16], [5, 145, 115, 10, 146, 116], [19, 75, 47, 10, 76, 48], [15, 54, 24, 25, 55, 25], [23, 45, 15, 25, 46, 16], [13, 145, 115, 3, 146, 116], [2, 74, 46, 29, 75, 47], [42, 54, 24, 1, 55, 25], [23, 45, 15, 28, 46, 16], [17, 145, 115], [10, 74, 46, 23, 75, 47], [10, 54, 24, 35, 55, 25], [19, 45, 15, 35, 46, 16], [17, 145, 115, 1, 146, 116], [14, 74, 46, 21, 75, 47], [29, 54, 24, 19, 55, 25], [11, 45, 15, 46, 46, 16], [13, 145, 115, 6, 146, 116], [14, 74, 46, 23, 75, 47], [44, 54, 24, 7, 55, 25], [59, 46, 16, 1, 47, 17], [12, 151, 121, 7, 152, 122], [12, 75, 47, 26, 76, 48], [39, 54, 24, 14, 55, 25], [22, 45, 15, 41, 46, 16], [6, 151, 121, 14, 152, 122], [6, 75, 47, 34, 76, 48], [46, 54, 24, 10, 55, 25], [2, 45, 15, 64, 46, 16], [17, 152, 122, 4, 153, 123], [29, 74, 46, 14, 75, 47], [49, 54, 24, 10, 55, 25], [24, 45, 15, 46, 46, 16], [4, 152, 122, 18, 153, 123], [13, 74, 46, 32, 75, 47], [48, 54, 24, 14, 55, 25], [42, 45, 15, 32, 46, 16], [20, 147, 117, 4, 148, 118], [40, 75, 47, 7, 76, 48], [43, 54, 24, 22, 55, 25], [10, 45, 15, 67, 46, 16], [19, 148, 118, 6, 149, 119], [18, 75, 47, 31, 76, 48], [34, 54, 24, 34, 55, 25], [20, 45, 15, 61, 46, 16]], j.getRSBlocks = function (a, b) { var c = j.getRsBlockTable(a, b); if (void 0 == c) throw new Error("bad rs block @ typeNumber:" + a + "/errorCorrectLevel:" + b); for (var d = c.length / 3, e = [], f = 0; d > f; f++)for (var g = c[3 * f + 0], h = c[3 * f + 1], i = c[3 * f + 2], k = 0; g > k; k++)e.push(new j(h, i)); return e }, j.getRsBlockTable = function (a, b) { switch (b) { case d.L: return j.RS_BLOCK_TABLE[4 * (a - 1) + 0]; case d.M: return j.RS_BLOCK_TABLE[4 * (a - 1) + 1]; case d.Q: return j.RS_BLOCK_TABLE[4 * (a - 1) + 2]; case d.H: return j.RS_BLOCK_TABLE[4 * (a - 1) + 3]; default: return void 0 } }, k.prototype = { get: function (a) { var b = Math.floor(a / 8); return 1 == (1 & this.buffer[b] >>> 7 - a % 8) }, put: function (a, b) { for (var c = 0; b > c; c++)this.putBit(1 == (1 & a >>> b - c - 1)) }, getLengthInBits: function () { return this.length }, putBit: function (a) { var b = Math.floor(this.length / 8); this.buffer.length <= b && this.buffer.push(0), a && (this.buffer[b] |= 128 >>> this.length % 8), this.length++ } }; var l = [[17, 14, 11, 7], [32, 26, 20, 14], [53, 42, 32, 24], [78, 62, 46, 34], [106, 84, 60, 44], [134, 106, 74, 58], [154, 122, 86, 64], [192, 152, 108, 84], [230, 180, 130, 98], [271, 213, 151, 119], [321, 251, 177, 137], [367, 287, 203, 155], [425, 331, 241, 177], [458, 362, 258, 194], [520, 412, 292, 220], [586, 450, 322, 250], [644, 504, 364, 280], [718, 560, 394, 310], [792, 624, 442, 338], [858, 666, 482, 382], [929, 711, 509, 403], [1003, 779, 565, 439], [1091, 857, 611, 461], [1171, 911, 661, 511], [1273, 997, 715, 535], [1367, 1059, 751, 593], [1465, 1125, 805, 625], [1528, 1190, 868, 658], [1628, 1264, 908, 698], [1732, 1370, 982, 742], [1840, 1452, 1030, 790], [1952, 1538, 1112, 842], [2068, 1628, 1168, 898], [2188, 1722, 1228, 958], [2303, 1809, 1283, 983], [2431, 1911, 1351, 1051], [2563, 1989, 1423, 1093], [2699, 2099, 1499, 1139], [2809, 2213, 1579, 1219], [2953, 2331, 1663, 1273]], o = function () { var a = function (a, b) { this._el = a, this._htOption = b }; return a.prototype.draw = function (a) { function g(a, b) { var c = document.createElementNS("http://www.w3.org/2000/svg", a); for (var d in b) b.hasOwnProperty(d) && c.setAttribute(d, b[d]); return c } var b = this._htOption, c = this._el, d = a.getModuleCount(); Math.floor(b.width / d), Math.floor(b.height / d), this.clear(); var h = g("svg", { viewBox: "0 0 " + String(d) + " " + String(d), width: "100%", height: "100%", fill: b.colorLight }); h.setAttributeNS("http://www.w3.org/2000/xmlns/", "xmlns:xlink", "http://www.w3.org/1999/xlink"), c.appendChild(h), h.appendChild(g("rect", { fill: b.colorDark, width: "1", height: "1", id: "template" })); for (var i = 0; d > i; i++)for (var j = 0; d > j; j++)if (a.isDark(i, j)) { var k = g("use", { x: String(i), y: String(j) }); k.setAttributeNS("http://www.w3.org/1999/xlink", "href", "#template"), h.appendChild(k) } }, a.prototype.clear = function () { for (; this._el.hasChildNodes();)this._el.removeChild(this._el.lastChild) }, a }(), p = "svg" === document.documentElement.tagName.toLowerCase(), q = p ? o : m() ? function () { function a() { this._elImage.src = this._elCanvas.toDataURL("image/png"), this._elImage.style.display = "block", this._elCanvas.style.display = "none" } function d(a, b) { var c = this; if (c._fFail = b, c._fSuccess = a, null === c._bSupportDataURI) { var d = document.createElement("img"), e = function () { c._bSupportDataURI = !1, c._fFail && _fFail.call(c) }, f = function () { c._bSupportDataURI = !0, c._fSuccess && c._fSuccess.call(c) }; return d.onabort = e, d.onerror = e, d.onload = f, d.src = "data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==", void 0 } c._bSupportDataURI === !0 && c._fSuccess ? c._fSuccess.call(c) : c._bSupportDataURI === !1 && c._fFail && c._fFail.call(c) } if (this._android && this._android <= 2.1) { var b = 1 / window.devicePixelRatio, c = CanvasRenderingContext2D.prototype.drawImage; CanvasRenderingContext2D.prototype.drawImage = function (a, d, e, f, g, h, i, j) { if ("nodeName" in a && /img/i.test(a.nodeName)) for (var l = arguments.length - 1; l >= 1; l--)arguments[l] = arguments[l] * b; else "undefined" == typeof j && (arguments[1] *= b, arguments[2] *= b, arguments[3] *= b, arguments[4] *= b); c.apply(this, arguments) } } var e = function (a, b) { this._bIsPainted = !1, this._android = n(), this._htOption = b, this._elCanvas = document.createElement("canvas"), this._elCanvas.width = b.width, this._elCanvas.height = b.height, a.appendChild(this._elCanvas), this._el = a, this._oContext = this._elCanvas.getContext("2d"), this._bIsPainted = !1, this._elImage = document.createElement("img"), this._elImage.style.display = "none", this._el.appendChild(this._elImage), this._bSupportDataURI = null }; return e.prototype.draw = function (a) { var b = this._elImage, c = this._oContext, d = this._htOption, e = a.getModuleCount(), f = d.width / e, g = d.height / e, h = Math.round(f), i = Math.round(g); b.style.display = "none", this.clear(); for (var j = 0; e > j; j++)for (var k = 0; e > k; k++) { var l = a.isDark(j, k), m = k * f, n = j * g; c.strokeStyle = l ? d.colorDark : d.colorLight, c.lineWidth = 1, c.fillStyle = l ? d.colorDark : d.colorLight, c.fillRect(m, n, f, g), c.strokeRect(Math.floor(m) + .5, Math.floor(n) + .5, h, i), c.strokeRect(Math.ceil(m) - .5, Math.ceil(n) - .5, h, i) } this._bIsPainted = !0 }, e.prototype.makeImage = function () { this._bIsPainted && d.call(this, a) }, e.prototype.isPainted = function () { return this._bIsPainted }, e.prototype.clear = function () { this._oContext.clearRect(0, 0, this._elCanvas.width, this._elCanvas.height), this._bIsPainted = !1 }, e.prototype.round = function (a) { return a ? Math.floor(1e3 * a) / 1e3 : a }, e }() : function () { var a = function (a, b) { this._el = a, this._htOption = b }; return a.prototype.draw = function (a) { for (var b = this._htOption, c = this._el, d = a.getModuleCount(), e = Math.floor(b.width / d), f = Math.floor(b.height / d), g = ['<table style="border:0;border-collapse:collapse;">'], h = 0; d > h; h++) { g.push("<tr>"); for (var i = 0; d > i; i++)g.push('<td style="border:0;border-collapse:collapse;padding:0;margin:0;width:' + e + "px;height:" + f + "px;background-color:" + (a.isDark(h, i) ? b.colorDark : b.colorLight) + ';"></td>'); g.push("</tr>") } g.push("</table>"), c.innerHTML = g.join(""); var j = c.childNodes[0], k = (b.width - j.offsetWidth) / 2, l = (b.height - j.offsetHeight) / 2; k > 0 && l > 0 && (j.style.margin = l + "px " + k + "px") }, a.prototype.clear = function () { this._el.innerHTML = "" }, a }(); QRCode = function (a, b) { if (this._htOption = { width: 256, height: 256, typeNumber: 4, colorDark: "#000000", colorLight: "#ffffff", correctLevel: d.H }, "string" == typeof b && (b = { text: b }), b) for (var c in b) this._htOption[c] = b[c]; "string" == typeof a && (a = document.getElementById(a)), this._android = n(), this._el = a, this._oQRCode = null, this._oDrawing = new q(this._el, this._htOption), this._htOption.text && this.makeCode(this._htOption.text) }, QRCode.prototype.makeCode = function (a) { this._oQRCode = new b(r(a, this._htOption.correctLevel), this._htOption.correctLevel), this._oQRCode.addData(a), this._oQRCode.make(), this._el.title = a, this._oDrawing.draw(this._oQRCode), this.makeImage() }, QRCode.prototype.makeImage = function () { "function" == typeof this._oDrawing.makeImage && (!this._android || this._android >= 3) && this._oDrawing.makeImage() }, QRCode.prototype.clear = function () { this._oDrawing.clear() }, QRCode.CorrectLevel = d }();


--------------------------------------------------------------------------------