Merge 15f6c91d95 into 76a19d218d
				
					
				
			This commit is contained in:
		
						commit
						974a35515e
					
				
							
								
								
									
										7
									
								
								components.d.ts
									
									
									
									
										vendored
									
									
								
							
							
						
						
									
										7
									
								
								components.d.ts
									
									
									
									
										vendored
									
									
								
							| @ -13,6 +13,8 @@ declare module '@vue/runtime-core' { | ||||
|     About: typeof import('./src/pages/About.vue')['default'] | ||||
|     App: typeof import('./src/App.vue')['default'] | ||||
|     AsciiTextDrawer: typeof import('./src/tools/ascii-text-drawer/ascii-text-drawer.vue')['default'] | ||||
|     BarcodeGenerator: typeof import('./src/tools/barcode-generator/barcode-generator.vue')['default'] | ||||
|     BarcodeReader: typeof import('./src/tools/barcode-reader/barcode-reader.vue')['default'] | ||||
|     'Base.layout': typeof import('./src/layouts/base.layout.vue')['default'] | ||||
|     Base64FileConverter: typeof import('./src/tools/base64-file-converter/base64-file-converter.vue')['default'] | ||||
|     Base64StringConverter: typeof import('./src/tools/base64-string-converter/base64-string-converter.vue')['default'] | ||||
| @ -127,11 +129,14 @@ declare module '@vue/runtime-core' { | ||||
|     MetaTagGenerator: typeof import('./src/tools/meta-tag-generator/meta-tag-generator.vue')['default'] | ||||
|     MimeTypes: typeof import('./src/tools/mime-types/mime-types.vue')['default'] | ||||
|     NavbarButtons: typeof import('./src/components/NavbarButtons.vue')['default'] | ||||
|     NCheckbox: typeof import('naive-ui')['NCheckbox'] | ||||
|     NCode: typeof import('naive-ui')['NCode'] | ||||
|     NCollapseTransition: typeof import('naive-ui')['NCollapseTransition'] | ||||
|     NColorPicker: typeof import('naive-ui')['NColorPicker'] | ||||
|     NConfigProvider: typeof import('naive-ui')['NConfigProvider'] | ||||
|     NDivider: typeof import('naive-ui')['NDivider'] | ||||
|     NEllipsis: typeof import('naive-ui')['NEllipsis'] | ||||
|     NForm: typeof import('naive-ui')['NForm'] | ||||
|     NFormItem: typeof import('naive-ui')['NFormItem'] | ||||
|     NGi: typeof import('naive-ui')['NGi'] | ||||
|     NGrid: typeof import('naive-ui')['NGrid'] | ||||
| @ -139,12 +144,10 @@ declare module '@vue/runtime-core' { | ||||
|     NH3: typeof import('naive-ui')['NH3'] | ||||
|     NIcon: typeof import('naive-ui')['NIcon'] | ||||
|     NInputNumber: typeof import('naive-ui')['NInputNumber'] | ||||
|     NLabel: typeof import('naive-ui')['NLabel'] | ||||
|     NLayout: typeof import('naive-ui')['NLayout'] | ||||
|     NLayoutSider: typeof import('naive-ui')['NLayoutSider'] | ||||
|     NMenu: typeof import('naive-ui')['NMenu'] | ||||
|     NScrollbar: typeof import('naive-ui')['NScrollbar'] | ||||
|     NSpin: typeof import('naive-ui')['NSpin'] | ||||
|     NumeronymGenerator: typeof import('./src/tools/numeronym-generator/numeronym-generator.vue')['default'] | ||||
|     OtpCodeGeneratorAndValidator: typeof import('./src/tools/otp-code-generator-and-validator/otp-code-generator-and-validator.vue')['default'] | ||||
|     PasswordStrengthAnalyser: typeof import('./src/tools/password-strength-analyser/password-strength-analyser.vue')['default'] | ||||
|  | ||||
| @ -35,6 +35,7 @@ | ||||
|     "release": "node ./scripts/release.mjs" | ||||
|   }, | ||||
|   "dependencies": { | ||||
|     "@chenfengyuan/vue-barcode": "^2.0.2", | ||||
|     "@it-tools/bip39": "^0.0.4", | ||||
|     "@it-tools/oggen": "^1.3.0", | ||||
|     "@sindresorhus/slugify": "^2.2.1", | ||||
| @ -47,6 +48,7 @@ | ||||
|     "@vueuse/core": "^10.3.0", | ||||
|     "@vueuse/head": "^1.0.0", | ||||
|     "@vueuse/router": "^10.0.0", | ||||
|     "@zxing/library": "^0.21.0", | ||||
|     "bcryptjs": "^2.4.3", | ||||
|     "change-case": "^4.1.2", | ||||
|     "colord": "^2.9.3", | ||||
| @ -64,7 +66,8 @@ | ||||
|     "highlight.js": "^11.7.0", | ||||
|     "iarna-toml-esm": "^3.0.5", | ||||
|     "ibantools": "^4.3.3", | ||||
|     "js-base64": "^3.7.6", | ||||
|     "js-base64": "^3.7.7", | ||||
|     "jsbarcode": "^3.11.6", | ||||
|     "json5": "^2.2.3", | ||||
|     "jwt-decode": "^3.1.2", | ||||
|     "libphonenumber-js": "^1.10.28", | ||||
|  | ||||
							
								
								
									
										219
									
								
								pnpm-lock.yaml
									
									
									
										generated
									
									
									
								
							
							
						
						
									
										219
									
								
								pnpm-lock.yaml
									
									
									
										generated
									
									
									
								
							| @ -5,6 +5,9 @@ settings: | ||||
|   excludeLinksFromLockfile: false | ||||
| 
 | ||||
| dependencies: | ||||
|   '@chenfengyuan/vue-barcode': | ||||
|     specifier: ^2.0.2 | ||||
|     version: 2.0.2(jsbarcode@3.11.6)(vue@3.3.4) | ||||
|   '@it-tools/bip39': | ||||
|     specifier: ^0.0.4 | ||||
|     version: 0.0.4 | ||||
| @ -41,6 +44,9 @@ dependencies: | ||||
|   '@vueuse/router': | ||||
|     specifier: ^10.0.0 | ||||
|     version: 10.0.0(vue-router@4.1.6)(vue@3.3.4) | ||||
|   '@zxing/library': | ||||
|     specifier: ^0.21.0 | ||||
|     version: 0.21.2 | ||||
|   bcryptjs: | ||||
|     specifier: ^2.4.3 | ||||
|     version: 2.4.3 | ||||
| @ -93,8 +99,11 @@ dependencies: | ||||
|     specifier: ^4.3.3 | ||||
|     version: 4.3.3 | ||||
|   js-base64: | ||||
|     specifier: ^3.7.6 | ||||
|     specifier: ^3.7.7 | ||||
|     version: 3.7.7 | ||||
|   jsbarcode: | ||||
|     specifier: ^3.11.6 | ||||
|     version: 3.11.6 | ||||
|   json5: | ||||
|     specifier: ^2.2.3 | ||||
|     version: 2.2.3 | ||||
| @ -1898,6 +1907,16 @@ packages: | ||||
|       '@babel/helper-validator-identifier': 7.22.20 | ||||
|       to-fast-properties: 2.0.0 | ||||
| 
 | ||||
|   /@chenfengyuan/vue-barcode@2.0.2(jsbarcode@3.11.6)(vue@3.3.4): | ||||
|     resolution: {integrity: sha512-lHQhYfcqWeeA/UYoe4O+O6c8WD+t9WO8SiWohKOVVIiwPhcvC58YxhvlFvJme0/CPL7+Sh1XCpMaC9Mo2Dt5jQ==} | ||||
|     peerDependencies: | ||||
|       jsbarcode: ^3.11.0 | ||||
|       vue: ^3.0.0 | ||||
|     dependencies: | ||||
|       jsbarcode: 3.11.6 | ||||
|       vue: 3.3.4 | ||||
|     dev: false | ||||
| 
 | ||||
|   /@css-render/plugin-bem@0.15.12(css-render@0.15.12): | ||||
|     resolution: {integrity: sha512-Lq2jSOZn+wYQtsyaFj6QRz2EzAnd3iW5fZeHO1WSXQdVYwvwGX0ZiH3X2JQgtgYLT1yeGtrwrqJdNdMEUD2xTw==} | ||||
|     peerDependencies: | ||||
| @ -3354,7 +3373,7 @@ packages: | ||||
|     dependencies: | ||||
|       '@unhead/dom': 0.5.1 | ||||
|       '@unhead/schema': 0.5.1 | ||||
|       '@vueuse/shared': 10.8.0(vue@3.3.4) | ||||
|       '@vueuse/shared': 10.11.0(vue@3.3.4) | ||||
|       unhead: 0.5.1 | ||||
|       vue: 3.3.4 | ||||
|     transitivePeerDependencies: | ||||
| @ -3987,6 +4006,15 @@ packages: | ||||
|       - vue | ||||
|     dev: false | ||||
| 
 | ||||
|   /@vueuse/shared@10.11.0(vue@3.3.4): | ||||
|     resolution: {integrity: sha512-fyNoIXEq3PfX1L3NkNhtVQUSRtqYwJtJg+Bp9rIzculIZWHTkKSysujrOk2J+NrRulLTQH9+3gGSfYLWSEWU1A==} | ||||
|     dependencies: | ||||
|       vue-demi: 0.14.8(vue@3.3.4) | ||||
|     transitivePeerDependencies: | ||||
|       - '@vue/composition-api' | ||||
|       - vue | ||||
|     dev: false | ||||
| 
 | ||||
|   /@vueuse/shared@10.3.0(vue@3.3.4): | ||||
|     resolution: {integrity: sha512-kGqCTEuFPMK4+fNWy6dUOiYmxGcUbtznMwBZLC1PubidF4VZY05B+Oht7Jh7/6x4VOWGpvu3R37WHi81cKpiqg==} | ||||
|     dependencies: | ||||
| @ -3996,19 +4024,25 @@ packages: | ||||
|       - vue | ||||
|     dev: false | ||||
| 
 | ||||
|   /@vueuse/shared@10.8.0(vue@3.3.4): | ||||
|     resolution: {integrity: sha512-dUdy6zwHhULGxmr9YUg8e+EnB39gcM4Fe2oKBSrh3cOsV30JcMPtsyuspgFCUo5xxFNaeMf/W2yyKfST7Bg8oQ==} | ||||
|     dependencies: | ||||
|       vue-demi: 0.14.7(vue@3.3.4) | ||||
|     transitivePeerDependencies: | ||||
|       - '@vue/composition-api' | ||||
|       - vue | ||||
|     dev: false | ||||
| 
 | ||||
|   /@zhead/schema@1.0.0-beta.13: | ||||
|     resolution: {integrity: sha512-P1A1vRGFBhITco8Iw4/hvnDYoE/SoVrd71dW1pBFdXJb3vP+pBtoOuhbEKy0ROJGOyzQuqvFibcwzyLlWMqNiQ==} | ||||
|     dev: false | ||||
| 
 | ||||
|   /@zxing/library@0.21.2: | ||||
|     resolution: {integrity: sha512-VMCCSUJSld3tqG6aREJ6XBCxYuoQFcjrF1kowKPFqTA6QG1ixfm6bVfD7gP4jjfM0MX20wVB65DEXtjRsBmV6w==} | ||||
|     engines: {node: '>= 10.4.0'} | ||||
|     dependencies: | ||||
|       ts-custom-error: 3.3.1 | ||||
|     optionalDependencies: | ||||
|       '@zxing/text-encoding': 0.9.0 | ||||
|     dev: false | ||||
| 
 | ||||
|   /@zxing/text-encoding@0.9.0: | ||||
|     resolution: {integrity: sha512-U/4aVJ2mxI0aDNI8Uq0wEhMgY+u4CNtEb0om3+y3+niDAsoTCOB33UF0sxpzqzdqXLqmvc+vZyAt4O8pPdfkwA==} | ||||
|     requiresBuild: true | ||||
|     dev: false | ||||
|     optional: true | ||||
| 
 | ||||
|   /abab@2.0.6: | ||||
|     resolution: {integrity: sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==} | ||||
|     dev: true | ||||
| @ -4116,7 +4150,7 @@ packages: | ||||
|   /array-buffer-byte-length@1.0.0: | ||||
|     resolution: {integrity: sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==} | ||||
|     dependencies: | ||||
|       call-bind: 1.0.5 | ||||
|       call-bind: 1.0.7 | ||||
|       is-array-buffer: 3.0.2 | ||||
|     dev: true | ||||
| 
 | ||||
| @ -4130,10 +4164,10 @@ packages: | ||||
|     engines: {node: '>= 0.4'} | ||||
|     dependencies: | ||||
|       array-buffer-byte-length: 1.0.0 | ||||
|       call-bind: 1.0.5 | ||||
|       call-bind: 1.0.7 | ||||
|       define-properties: 1.2.1 | ||||
|       es-abstract: 1.22.3 | ||||
|       get-intrinsic: 1.2.2 | ||||
|       get-intrinsic: 1.2.4 | ||||
|       is-array-buffer: 3.0.2 | ||||
|       is-shared-array-buffer: 1.0.2 | ||||
|     dev: true | ||||
| @ -4300,12 +4334,15 @@ packages: | ||||
|     engines: {node: '>=8'} | ||||
|     dev: true | ||||
| 
 | ||||
|   /call-bind@1.0.5: | ||||
|     resolution: {integrity: sha512-C3nQxfFZxFRVoJoGKKI8y3MOEo129NQ+FgQ08iye+Mk4zNZZGdjfs06bVTr+DBSlA66Q2VEcMki/cUCP4SercQ==} | ||||
|   /call-bind@1.0.7: | ||||
|     resolution: {integrity: sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==} | ||||
|     engines: {node: '>= 0.4'} | ||||
|     dependencies: | ||||
|       es-define-property: 1.0.0 | ||||
|       es-errors: 1.3.0 | ||||
|       function-bind: 1.1.2 | ||||
|       get-intrinsic: 1.2.2 | ||||
|       set-function-length: 1.1.1 | ||||
|       get-intrinsic: 1.2.4 | ||||
|       set-function-length: 1.2.2 | ||||
|     dev: true | ||||
| 
 | ||||
|   /callsites@3.1.0: | ||||
| @ -4818,13 +4855,13 @@ packages: | ||||
|       clone: 1.0.4 | ||||
|     dev: true | ||||
| 
 | ||||
|   /define-data-property@1.1.1: | ||||
|     resolution: {integrity: sha512-E7uGkTzkk1d0ByLeSc6ZsFS79Axg+m1P/VsgYsxHgiuc3tFSj+MjMIwe90FC4lOAZzNBdY7kkO2P2wKdsQ1vgQ==} | ||||
|   /define-data-property@1.1.4: | ||||
|     resolution: {integrity: sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==} | ||||
|     engines: {node: '>= 0.4'} | ||||
|     dependencies: | ||||
|       get-intrinsic: 1.2.2 | ||||
|       es-define-property: 1.0.0 | ||||
|       es-errors: 1.3.0 | ||||
|       gopd: 1.0.1 | ||||
|       has-property-descriptors: 1.0.1 | ||||
|     dev: true | ||||
| 
 | ||||
|   /define-lazy-prop@2.0.0: | ||||
| @ -4836,8 +4873,8 @@ packages: | ||||
|     resolution: {integrity: sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==} | ||||
|     engines: {node: '>= 0.4'} | ||||
|     dependencies: | ||||
|       define-data-property: 1.1.1 | ||||
|       has-property-descriptors: 1.0.1 | ||||
|       define-data-property: 1.1.4 | ||||
|       has-property-descriptors: 1.0.2 | ||||
|       object-keys: 1.1.1 | ||||
|     dev: true | ||||
| 
 | ||||
| @ -5027,15 +5064,15 @@ packages: | ||||
|       array-buffer-byte-length: 1.0.0 | ||||
|       arraybuffer.prototype.slice: 1.0.2 | ||||
|       available-typed-arrays: 1.0.5 | ||||
|       call-bind: 1.0.5 | ||||
|       call-bind: 1.0.7 | ||||
|       es-set-tostringtag: 2.0.2 | ||||
|       es-to-primitive: 1.2.1 | ||||
|       function.prototype.name: 1.1.6 | ||||
|       get-intrinsic: 1.2.2 | ||||
|       get-intrinsic: 1.2.4 | ||||
|       get-symbol-description: 1.0.0 | ||||
|       globalthis: 1.0.3 | ||||
|       gopd: 1.0.1 | ||||
|       has-property-descriptors: 1.0.1 | ||||
|       has-property-descriptors: 1.0.2 | ||||
|       has-proto: 1.0.1 | ||||
|       has-symbols: 1.0.3 | ||||
|       hasown: 2.0.0 | ||||
| @ -5065,11 +5102,23 @@ packages: | ||||
|       which-typed-array: 1.1.13 | ||||
|     dev: true | ||||
| 
 | ||||
|   /es-define-property@1.0.0: | ||||
|     resolution: {integrity: sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==} | ||||
|     engines: {node: '>= 0.4'} | ||||
|     dependencies: | ||||
|       get-intrinsic: 1.2.4 | ||||
|     dev: true | ||||
| 
 | ||||
|   /es-errors@1.3.0: | ||||
|     resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==} | ||||
|     engines: {node: '>= 0.4'} | ||||
|     dev: true | ||||
| 
 | ||||
|   /es-set-tostringtag@2.0.2: | ||||
|     resolution: {integrity: sha512-BuDyupZt65P9D2D2vA/zqcI3G5xRsklm5N3xCwuiy+/vKy8i0ifdsQP1sLgO4tZDSCaQUSnmC48khknGMV3D2Q==} | ||||
|     engines: {node: '>= 0.4'} | ||||
|     dependencies: | ||||
|       get-intrinsic: 1.2.2 | ||||
|       get-intrinsic: 1.2.4 | ||||
|       has-tostringtag: 1.0.0 | ||||
|       hasown: 2.0.0 | ||||
|     dev: true | ||||
| @ -5750,7 +5799,7 @@ packages: | ||||
|     resolution: {integrity: sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==} | ||||
|     engines: {node: '>= 0.4'} | ||||
|     dependencies: | ||||
|       call-bind: 1.0.5 | ||||
|       call-bind: 1.0.7 | ||||
|       define-properties: 1.2.1 | ||||
|       es-abstract: 1.22.3 | ||||
|       functions-have-names: 1.2.3 | ||||
| @ -5778,9 +5827,11 @@ packages: | ||||
|     resolution: {integrity: sha512-Hm0ixYtaSZ/V7C8FJrtZIuBBI+iSgL+1Aq82zSu8VQNB4S3Gk8e7Qs3VwBDJAhmRZcFqkl3tQu36g/Foh5I5ig==} | ||||
|     dev: true | ||||
| 
 | ||||
|   /get-intrinsic@1.2.2: | ||||
|     resolution: {integrity: sha512-0gSo4ml/0j98Y3lngkFEot/zhiCeWsbYIlZ+uZOVgzLyLaUw7wxUL+nCTP0XJvJg1AXulJRI3UJi8GsbDuxdGA==} | ||||
|   /get-intrinsic@1.2.4: | ||||
|     resolution: {integrity: sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==} | ||||
|     engines: {node: '>= 0.4'} | ||||
|     dependencies: | ||||
|       es-errors: 1.3.0 | ||||
|       function-bind: 1.1.2 | ||||
|       has-proto: 1.0.1 | ||||
|       has-symbols: 1.0.3 | ||||
| @ -5805,8 +5856,8 @@ packages: | ||||
|     resolution: {integrity: sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==} | ||||
|     engines: {node: '>= 0.4'} | ||||
|     dependencies: | ||||
|       call-bind: 1.0.5 | ||||
|       get-intrinsic: 1.2.2 | ||||
|       call-bind: 1.0.7 | ||||
|       get-intrinsic: 1.2.4 | ||||
|     dev: true | ||||
| 
 | ||||
|   /get-tsconfig@4.7.2: | ||||
| @ -5901,7 +5952,7 @@ packages: | ||||
|   /gopd@1.0.1: | ||||
|     resolution: {integrity: sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==} | ||||
|     dependencies: | ||||
|       get-intrinsic: 1.2.2 | ||||
|       get-intrinsic: 1.2.4 | ||||
|     dev: true | ||||
| 
 | ||||
|   /graceful-fs@4.2.11: | ||||
| @ -5942,10 +5993,10 @@ packages: | ||||
|     engines: {node: '>=8'} | ||||
|     dev: true | ||||
| 
 | ||||
|   /has-property-descriptors@1.0.1: | ||||
|     resolution: {integrity: sha512-VsX8eaIewvas0xnvinAe9bw4WfIeODpGYikiWYLH+dma0Jw6KHYqWiWfhQlgOVK8D6PvjubK5Uc4P0iIhIcNVg==} | ||||
|   /has-property-descriptors@1.0.2: | ||||
|     resolution: {integrity: sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==} | ||||
|     dependencies: | ||||
|       get-intrinsic: 1.2.2 | ||||
|       es-define-property: 1.0.0 | ||||
|     dev: true | ||||
| 
 | ||||
|   /has-proto@1.0.1: | ||||
| @ -6167,9 +6218,9 @@ packages: | ||||
|     resolution: {integrity: sha512-Xj6dv+PsbtwyPpEflsejS+oIZxmMlV44zAhG479uYu89MsjcYOhCFnNyKrkJrihbsiasQyY0afoCl/9BLR65bg==} | ||||
|     engines: {node: '>= 0.4'} | ||||
|     dependencies: | ||||
|       get-intrinsic: 1.2.2 | ||||
|       get-intrinsic: 1.2.4 | ||||
|       hasown: 2.0.0 | ||||
|       side-channel: 1.0.4 | ||||
|       side-channel: 1.0.6 | ||||
|     dev: true | ||||
| 
 | ||||
|   /ip-address@7.1.0: | ||||
| @ -6202,8 +6253,8 @@ packages: | ||||
|   /is-array-buffer@3.0.2: | ||||
|     resolution: {integrity: sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==} | ||||
|     dependencies: | ||||
|       call-bind: 1.0.5 | ||||
|       get-intrinsic: 1.2.2 | ||||
|       call-bind: 1.0.7 | ||||
|       get-intrinsic: 1.2.4 | ||||
|       is-typed-array: 1.1.12 | ||||
|     dev: true | ||||
| 
 | ||||
| @ -6227,7 +6278,7 @@ packages: | ||||
|     resolution: {integrity: sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==} | ||||
|     engines: {node: '>= 0.4'} | ||||
|     dependencies: | ||||
|       call-bind: 1.0.5 | ||||
|       call-bind: 1.0.7 | ||||
|       has-tostringtag: 1.0.0 | ||||
|     dev: true | ||||
| 
 | ||||
| @ -6364,7 +6415,7 @@ packages: | ||||
|     resolution: {integrity: sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==} | ||||
|     engines: {node: '>= 0.4'} | ||||
|     dependencies: | ||||
|       call-bind: 1.0.5 | ||||
|       call-bind: 1.0.7 | ||||
|       has-tostringtag: 1.0.0 | ||||
|     dev: true | ||||
| 
 | ||||
| @ -6376,7 +6427,7 @@ packages: | ||||
|   /is-shared-array-buffer@1.0.2: | ||||
|     resolution: {integrity: sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==} | ||||
|     dependencies: | ||||
|       call-bind: 1.0.5 | ||||
|       call-bind: 1.0.7 | ||||
|     dev: true | ||||
| 
 | ||||
|   /is-stream@2.0.1: | ||||
| @ -6419,7 +6470,7 @@ packages: | ||||
|   /is-weakref@1.0.2: | ||||
|     resolution: {integrity: sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==} | ||||
|     dependencies: | ||||
|       call-bind: 1.0.5 | ||||
|       call-bind: 1.0.7 | ||||
|     dev: true | ||||
| 
 | ||||
|   /is-what@3.14.1: | ||||
| @ -6511,6 +6562,10 @@ packages: | ||||
|       argparse: 2.0.1 | ||||
|     dev: true | ||||
| 
 | ||||
|   /jsbarcode@3.11.6: | ||||
|     resolution: {integrity: sha512-G5TKGyKY1zJo0ZQKFM1IIMfy0nF2rs92BLlCz+cU4/TazIc4ZH+X1GYeDRt7TKjrYqmPfTjwTBkU/QnQlsYiuA==} | ||||
|     dev: false | ||||
| 
 | ||||
|   /jsbn@1.1.0: | ||||
|     resolution: {integrity: sha512-4bYVV3aAMtDTTu4+xsDYa6sy9GyJ69/amsu9sYF2zqjiEoZA5xJi3BrfX3uY+/IekIu7MwdObdbDWpoZdBv3/A==} | ||||
|     dev: false | ||||
| @ -7130,7 +7185,7 @@ packages: | ||||
|     resolution: {integrity: sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==} | ||||
|     engines: {node: '>= 0.4'} | ||||
|     dependencies: | ||||
|       call-bind: 1.0.5 | ||||
|       call-bind: 1.0.7 | ||||
|       define-properties: 1.2.1 | ||||
|       has-symbols: 1.0.3 | ||||
|       object-keys: 1.1.1 | ||||
| @ -7782,7 +7837,7 @@ packages: | ||||
|     resolution: {integrity: sha512-sy6TXMN+hnP/wMy+ISxg3krXx7BAtWVO4UouuCN/ziM9UEne0euamVNafDfvC83bRNr95y0V5iijeDQFUNpvrg==} | ||||
|     engines: {node: '>= 0.4'} | ||||
|     dependencies: | ||||
|       call-bind: 1.0.5 | ||||
|       call-bind: 1.0.7 | ||||
|       define-properties: 1.2.1 | ||||
|       set-function-name: 2.0.1 | ||||
|     dev: true | ||||
| @ -7933,8 +7988,8 @@ packages: | ||||
|     resolution: {integrity: sha512-6XbUAseYE2KtOuGueyeobCySj9L4+66Tn6KQMOPQJrAJEowYKW/YR/MGJZl7FdydUdaFu4LYyDZjxf4/Nmo23Q==} | ||||
|     engines: {node: '>=0.4'} | ||||
|     dependencies: | ||||
|       call-bind: 1.0.5 | ||||
|       get-intrinsic: 1.2.2 | ||||
|       call-bind: 1.0.7 | ||||
|       get-intrinsic: 1.2.4 | ||||
|       has-symbols: 1.0.3 | ||||
|       isarray: 2.0.5 | ||||
|     dev: true | ||||
| @ -7946,8 +8001,8 @@ packages: | ||||
|   /safe-regex-test@1.0.0: | ||||
|     resolution: {integrity: sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==} | ||||
|     dependencies: | ||||
|       call-bind: 1.0.5 | ||||
|       get-intrinsic: 1.2.2 | ||||
|       call-bind: 1.0.7 | ||||
|       get-intrinsic: 1.2.4 | ||||
|       is-regex: 1.1.4 | ||||
|     dev: true | ||||
| 
 | ||||
| @ -8037,23 +8092,25 @@ packages: | ||||
|     resolution: {integrity: sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==} | ||||
|     dev: false | ||||
| 
 | ||||
|   /set-function-length@1.1.1: | ||||
|     resolution: {integrity: sha512-VoaqjbBJKiWtg4yRcKBQ7g7wnGnLV3M8oLvVWwOk2PdYY6PEFegR1vezXR0tw6fZGF9csVakIRjrJiy2veSBFQ==} | ||||
|   /set-function-length@1.2.2: | ||||
|     resolution: {integrity: sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==} | ||||
|     engines: {node: '>= 0.4'} | ||||
|     dependencies: | ||||
|       define-data-property: 1.1.1 | ||||
|       get-intrinsic: 1.2.2 | ||||
|       define-data-property: 1.1.4 | ||||
|       es-errors: 1.3.0 | ||||
|       function-bind: 1.1.2 | ||||
|       get-intrinsic: 1.2.4 | ||||
|       gopd: 1.0.1 | ||||
|       has-property-descriptors: 1.0.1 | ||||
|       has-property-descriptors: 1.0.2 | ||||
|     dev: true | ||||
| 
 | ||||
|   /set-function-name@2.0.1: | ||||
|     resolution: {integrity: sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==} | ||||
|     engines: {node: '>= 0.4'} | ||||
|     dependencies: | ||||
|       define-data-property: 1.1.1 | ||||
|       define-data-property: 1.1.4 | ||||
|       functions-have-names: 1.2.3 | ||||
|       has-property-descriptors: 1.0.1 | ||||
|       has-property-descriptors: 1.0.2 | ||||
|     dev: true | ||||
| 
 | ||||
|   /set-value@4.1.0: | ||||
| @ -8076,11 +8133,13 @@ packages: | ||||
|     engines: {node: '>=8'} | ||||
|     dev: true | ||||
| 
 | ||||
|   /side-channel@1.0.4: | ||||
|     resolution: {integrity: sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==} | ||||
|   /side-channel@1.0.6: | ||||
|     resolution: {integrity: sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==} | ||||
|     engines: {node: '>= 0.4'} | ||||
|     dependencies: | ||||
|       call-bind: 1.0.5 | ||||
|       get-intrinsic: 1.2.2 | ||||
|       call-bind: 1.0.7 | ||||
|       es-errors: 1.3.0 | ||||
|       get-intrinsic: 1.2.4 | ||||
|       object-inspect: 1.13.1 | ||||
|     dev: true | ||||
| 
 | ||||
| @ -8231,22 +8290,22 @@ packages: | ||||
|   /string.prototype.matchall@4.0.10: | ||||
|     resolution: {integrity: sha512-rGXbGmOEosIQi6Qva94HUjgPs9vKW+dkG7Y8Q5O2OYkWL6wFaTRZO8zM4mhP94uX55wgyrXzfS2aGtGzUL7EJQ==} | ||||
|     dependencies: | ||||
|       call-bind: 1.0.5 | ||||
|       call-bind: 1.0.7 | ||||
|       define-properties: 1.2.1 | ||||
|       es-abstract: 1.22.3 | ||||
|       get-intrinsic: 1.2.2 | ||||
|       get-intrinsic: 1.2.4 | ||||
|       has-symbols: 1.0.3 | ||||
|       internal-slot: 1.0.6 | ||||
|       regexp.prototype.flags: 1.5.1 | ||||
|       set-function-name: 2.0.1 | ||||
|       side-channel: 1.0.4 | ||||
|       side-channel: 1.0.6 | ||||
|     dev: true | ||||
| 
 | ||||
|   /string.prototype.trim@1.2.8: | ||||
|     resolution: {integrity: sha512-lfjY4HcixfQXOfaqCvcBuOIapyaroTXhbkfJN3gcB1OtyupngWK4sEET9Knd0cXd28kTUqu/kHoV4HKSJdnjiQ==} | ||||
|     engines: {node: '>= 0.4'} | ||||
|     dependencies: | ||||
|       call-bind: 1.0.5 | ||||
|       call-bind: 1.0.7 | ||||
|       define-properties: 1.2.1 | ||||
|       es-abstract: 1.22.3 | ||||
|     dev: true | ||||
| @ -8254,7 +8313,7 @@ packages: | ||||
|   /string.prototype.trimend@1.0.7: | ||||
|     resolution: {integrity: sha512-Ni79DqeB72ZFq1uH/L6zJ+DKZTkOtPIHovb3YZHQViE+HDouuU4mBrLOLDn5Dde3RF8qw5qVETEjhu9locMLvA==} | ||||
|     dependencies: | ||||
|       call-bind: 1.0.5 | ||||
|       call-bind: 1.0.7 | ||||
|       define-properties: 1.2.1 | ||||
|       es-abstract: 1.22.3 | ||||
|     dev: true | ||||
| @ -8262,7 +8321,7 @@ packages: | ||||
|   /string.prototype.trimstart@1.0.7: | ||||
|     resolution: {integrity: sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg==} | ||||
|     dependencies: | ||||
|       call-bind: 1.0.5 | ||||
|       call-bind: 1.0.7 | ||||
|       define-properties: 1.2.1 | ||||
|       es-abstract: 1.22.3 | ||||
|     dev: true | ||||
| @ -8501,6 +8560,11 @@ packages: | ||||
|       typescript: 5.2.2 | ||||
|     dev: true | ||||
| 
 | ||||
|   /ts-custom-error@3.3.1: | ||||
|     resolution: {integrity: sha512-5OX1tzOjxWEgsr/YEUWSuPrQ00deKLh6D7OTWcvNHm12/7QPyRh8SYpyWvA4IZv8H/+GQWQEh/kwo95Q9OVW1A==} | ||||
|     engines: {node: '>=14.0.0'} | ||||
|     dev: false | ||||
| 
 | ||||
|   /tslib@1.14.1: | ||||
|     resolution: {integrity: sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==} | ||||
|     dev: true | ||||
| @ -8559,8 +8623,8 @@ packages: | ||||
|     resolution: {integrity: sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw==} | ||||
|     engines: {node: '>= 0.4'} | ||||
|     dependencies: | ||||
|       call-bind: 1.0.5 | ||||
|       get-intrinsic: 1.2.2 | ||||
|       call-bind: 1.0.7 | ||||
|       get-intrinsic: 1.2.4 | ||||
|       is-typed-array: 1.1.12 | ||||
|     dev: true | ||||
| 
 | ||||
| @ -8568,7 +8632,7 @@ packages: | ||||
|     resolution: {integrity: sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA==} | ||||
|     engines: {node: '>= 0.4'} | ||||
|     dependencies: | ||||
|       call-bind: 1.0.5 | ||||
|       call-bind: 1.0.7 | ||||
|       for-each: 0.3.3 | ||||
|       has-proto: 1.0.1 | ||||
|       is-typed-array: 1.1.12 | ||||
| @ -8579,7 +8643,7 @@ packages: | ||||
|     engines: {node: '>= 0.4'} | ||||
|     dependencies: | ||||
|       available-typed-arrays: 1.0.5 | ||||
|       call-bind: 1.0.5 | ||||
|       call-bind: 1.0.7 | ||||
|       for-each: 0.3.3 | ||||
|       has-proto: 1.0.1 | ||||
|       is-typed-array: 1.1.12 | ||||
| @ -8588,7 +8652,7 @@ packages: | ||||
|   /typed-array-length@1.0.4: | ||||
|     resolution: {integrity: sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==} | ||||
|     dependencies: | ||||
|       call-bind: 1.0.5 | ||||
|       call-bind: 1.0.7 | ||||
|       for-each: 0.3.3 | ||||
|       is-typed-array: 1.1.12 | ||||
|     dev: true | ||||
| @ -8624,7 +8688,7 @@ packages: | ||||
|   /unbox-primitive@1.0.2: | ||||
|     resolution: {integrity: sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==} | ||||
|     dependencies: | ||||
|       call-bind: 1.0.5 | ||||
|       call-bind: 1.0.7 | ||||
|       has-bigints: 1.0.2 | ||||
|       has-symbols: 1.0.3 | ||||
|       which-boxed-primitive: 1.0.2 | ||||
| @ -9158,8 +9222,8 @@ packages: | ||||
|       vue: 3.3.4 | ||||
|     dev: false | ||||
| 
 | ||||
|   /vue-demi@0.14.7(vue@3.3.4): | ||||
|     resolution: {integrity: sha512-EOG8KXDQNwkJILkx/gPcoL/7vH+hORoBaKgGe+6W7VFMvCYJfmF2dGbvgDroVnI8LU7/kTu8mbjRZGBU1z9NTA==} | ||||
|   /vue-demi@0.14.8(vue@3.3.4): | ||||
|     resolution: {integrity: sha512-Uuqnk9YE9SsWeReYqK2alDI5YzciATE0r2SkA6iMAtuXvNTMNACJLJEXNXaEy94ECuBe4Sk6RzRU80kjdbIo1Q==} | ||||
|     engines: {node: '>=12'} | ||||
|     hasBin: true | ||||
|     requiresBuild: true | ||||
| @ -9343,7 +9407,7 @@ packages: | ||||
|     engines: {node: '>= 0.4'} | ||||
|     dependencies: | ||||
|       available-typed-arrays: 1.0.5 | ||||
|       call-bind: 1.0.5 | ||||
|       call-bind: 1.0.7 | ||||
|       for-each: 0.3.3 | ||||
|       gopd: 1.0.1 | ||||
|       has-tostringtag: 1.0.0 | ||||
| @ -9449,6 +9513,7 @@ packages: | ||||
| 
 | ||||
|   /workbox-google-analytics@7.0.0: | ||||
|     resolution: {integrity: sha512-MEYM1JTn/qiC3DbpvP2BVhyIH+dV/5BjHk756u9VbwuAhu0QHyKscTnisQuz21lfRpOwiS9z4XdqeVAKol0bzg==} | ||||
|     deprecated: It is not compatible with newer versions of GA starting with v4, as long as you are using GAv3 it should be ok, but the package is not longer being maintained | ||||
|     dependencies: | ||||
|       workbox-background-sync: 7.0.0 | ||||
|       workbox-core: 7.0.0 | ||||
|  | ||||
| @ -1,7 +1,8 @@ | ||||
| import { useRouteQuery } from '@vueuse/router'; | ||||
| import { computed } from 'vue'; | ||||
| import { useStorage } from '@vueuse/core'; | ||||
| 
 | ||||
| export { useQueryParam }; | ||||
| export { useQueryParam, useQueryParamOrStorage }; | ||||
| 
 | ||||
| const transformers = { | ||||
|   number: { | ||||
| @ -16,6 +17,12 @@ const transformers = { | ||||
|     fromQuery: (value: string) => value.toLowerCase() === 'true', | ||||
|     toQuery: (value: boolean) => (value ? 'true' : 'false'), | ||||
|   }, | ||||
|   object: { | ||||
|     fromQuery: (value: string) => { | ||||
|       return JSON.parse(value); | ||||
|     }, | ||||
|     toQuery: (value: object) => JSON.stringify(value), | ||||
|   }, | ||||
| }; | ||||
| 
 | ||||
| function useQueryParam<T>({ name, defaultValue }: { name: string; defaultValue: T }) { | ||||
| @ -33,3 +40,27 @@ function useQueryParam<T>({ name, defaultValue }: { name: string; defaultValue: | ||||
|     }, | ||||
|   }); | ||||
| } | ||||
| 
 | ||||
| function useQueryParamOrStorage<T>({ name, storageName, defaultValue }: { name: string; storageName: string; defaultValue: T }) { | ||||
|   const type = typeof defaultValue; | ||||
|   const transformer = transformers[type as keyof typeof transformers] ?? transformers.string; | ||||
| 
 | ||||
|   const storageRef = useStorage(storageName, defaultValue); | ||||
|   const proxyDefaultValue = transformer.toQuery(defaultValue as never); | ||||
|   const proxy = useRouteQuery(name, proxyDefaultValue); | ||||
| 
 | ||||
|   const r = ref(defaultValue); | ||||
| 
 | ||||
|   watch(r, | ||||
|     (value) => { | ||||
|       proxy.value = transformer.toQuery(value as never); | ||||
|       storageRef.value = value as never; | ||||
|     }, | ||||
|     { deep: true }); | ||||
| 
 | ||||
|   r.value = (proxy.value && proxy.value !== proxyDefaultValue | ||||
|     ? transformer.fromQuery(proxy.value) as unknown as T | ||||
|     : storageRef.value as T) as never; | ||||
| 
 | ||||
|   return r; | ||||
| } | ||||
|  | ||||
							
								
								
									
										109
									
								
								src/tools/barcode-generator/barcode-generator.vue
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										109
									
								
								src/tools/barcode-generator/barcode-generator.vue
									
									
									
									
									
										Normal file
									
								
							| @ -0,0 +1,109 @@ | ||||
| <script setup lang="ts"> | ||||
| import VueBarcode from '@chenfengyuan/vue-barcode'; | ||||
| import JsBarcode from 'jsbarcode'; | ||||
| import { useDownloadFileFromBase64 } from '@/composable/downloadBase64'; | ||||
| import { useQueryParamOrStorage } from '@/composable/queryParams'; | ||||
| 
 | ||||
| const foreground = useQueryParamOrStorage({ name: 'fg', storageName: 'barcode-gen:fg', defaultValue: '#000000ff' }); | ||||
| const background = useQueryParamOrStorage({ name: 'bg', storageName: 'barcode-gen:bg', defaultValue: '#ffffffff' }); | ||||
| const width = useQueryParamOrStorage({ name: 'width', storageName: 'barcode-gen:width', defaultValue: 2 }); | ||||
| const height = useQueryParamOrStorage({ name: 'height', storageName: 'barcode-gen:height', defaultValue: 100 }); | ||||
| const margin = useQueryParamOrStorage({ name: 'margin', storageName: 'barcode-gen:margin', defaultValue: 10 }); | ||||
| const format = useQueryParamOrStorage({ name: 'format', storageName: 'barcode-gen:format', defaultValue: 'auto' }); | ||||
| const displayValue = useQueryParamOrStorage({ name: 'display', storageName: 'barcode-gen:display', defaultValue: true }); | ||||
| const ean128 = useQueryParamOrStorage({ name: 'ean128', storageName: 'barcode-gen:ean128', defaultValue: false }); | ||||
| const value = ref('123456789'); | ||||
| 
 | ||||
| const options = computed(() => ({ | ||||
|   lineColor: foreground.value, | ||||
|   background: background.value, | ||||
|   width: width.value, | ||||
|   height: height.value, | ||||
|   margin: margin.value, | ||||
|   format: format.value === 'auto' ? 'CODE128' : format.value, | ||||
|   displayValue: displayValue.value, | ||||
|   ean128: ean128.value, | ||||
|   text: value.value, | ||||
| })); | ||||
| 
 | ||||
| const formats = [ | ||||
|   'auto', | ||||
|   'CODE39', | ||||
|   'CODE128', 'CODE128A', 'CODE128B', 'CODE128C', | ||||
|   'EAN13', 'EAN8', 'EAN5', 'EAN2', 'UPC', 'UPCE', | ||||
|   'ITF14', | ||||
|   'ITF', | ||||
|   'MSI', 'MSI10', 'MSI11', 'MSI1010', 'MSI1110', | ||||
|   'pharmacode', | ||||
|   'codabar', | ||||
|   'GenericBarcode', | ||||
| ]; | ||||
| 
 | ||||
| const barcodePNG = computed(() => { | ||||
|   const canvas = document.createElement('canvas'); | ||||
|   JsBarcode(canvas, value.value, options.value); | ||||
|   return canvas.toDataURL('image/png'); | ||||
| }); | ||||
| 
 | ||||
| const { download } = useDownloadFileFromBase64({ source: barcodePNG, filename: 'barcode.png' }); | ||||
| </script> | ||||
| 
 | ||||
| <template> | ||||
|   <c-card> | ||||
|     <n-grid x-gap="12" y-gap="12" cols="1 600:3"> | ||||
|       <n-gi span="2"> | ||||
|         <c-input-text | ||||
|           v-model:value="value" | ||||
|           label-position="left" | ||||
|           label-width="130px" | ||||
|           label-align="right" | ||||
|           label="Text:" | ||||
|           multiline | ||||
|           rows="1" | ||||
|           autosize | ||||
|           placeholder="Your text..." | ||||
|           mb-6 | ||||
|         /> | ||||
|         <n-form label-width="130" label-placement="left"> | ||||
|           <n-form-item label="Foreground color:"> | ||||
|             <n-color-picker v-model:value="foreground" :modes="['hex']" /> | ||||
|           </n-form-item> | ||||
|           <n-form-item label="Background color:"> | ||||
|             <n-color-picker v-model:value="background" :modes="['hex']" /> | ||||
|           </n-form-item> | ||||
|           <n-form-item label="Width:"> | ||||
|             <n-input-number v-model:value="width" :min="0" /> | ||||
|           </n-form-item> | ||||
|           <n-form-item label="Height:"> | ||||
|             <n-input-number v-model:value="height" :min="0" /> | ||||
|           </n-form-item> | ||||
|           <n-form-item label="Margin:"> | ||||
|             <n-input-number v-model:value="margin" :min="0" /> | ||||
|           </n-form-item> | ||||
|           <n-form-item label="Display text:"> | ||||
|             <n-checkbox v-model:checked="displayValue" /> | ||||
|           </n-form-item> | ||||
|           <c-select | ||||
|             v-model:value="format" | ||||
|             label="Format:" | ||||
|             label-position="left" | ||||
|             label-width="130px" | ||||
|             label-align="right" | ||||
|             :options="formats.map((value) => ({ label: value, value }))" | ||||
|           /> | ||||
|         </n-form> | ||||
|       </n-gi> | ||||
|       <n-gi> | ||||
|         <div flex flex-col items-center gap-3> | ||||
|           <VueBarcode | ||||
|             :options="options" | ||||
|             :value="value" | ||||
|           /> | ||||
|           <c-button @click="download"> | ||||
|             Download barcode | ||||
|           </c-button> | ||||
|         </div> | ||||
|       </n-gi> | ||||
|     </n-grid> | ||||
|   </c-card> | ||||
| </template> | ||||
							
								
								
									
										12
									
								
								src/tools/barcode-generator/index.ts
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										12
									
								
								src/tools/barcode-generator/index.ts
									
									
									
									
									
										Normal file
									
								
							| @ -0,0 +1,12 @@ | ||||
| import { Barcode } from '@vicons/tabler'; | ||||
| import { defineTool } from '../tool'; | ||||
| 
 | ||||
| export const tool = defineTool({ | ||||
|   name: 'Barcode Generator', | ||||
|   path: '/barcode-generator', | ||||
|   description: 'Barcode generator', | ||||
|   keywords: ['barcode', 'generator'], | ||||
|   component: () => import('./barcode-generator.vue'), | ||||
|   icon: Barcode, | ||||
|   createdAt: new Date('2024-04-20'), | ||||
| }); | ||||
							
								
								
									
										66
									
								
								src/tools/barcode-reader/barcode-reader.vue
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										66
									
								
								src/tools/barcode-reader/barcode-reader.vue
									
									
									
									
									
										Normal file
									
								
							| @ -0,0 +1,66 @@ | ||||
| <script setup lang="ts"> | ||||
| import { BarcodeFormat, BrowserMultiFormatReader } from '@zxing/library'; | ||||
| import TextareaCopyable from '@/components/TextareaCopyable.vue'; | ||||
| 
 | ||||
| const imageBase64 = ref(''); | ||||
| const barCode = computedAsync(async () => { | ||||
|   if (imageBase64.value === '') { | ||||
|     return { text: '', format: '', error: '' }; | ||||
|   } | ||||
|   try { | ||||
|     const barcodeReader = new BrowserMultiFormatReader(); | ||||
|     const result = (await barcodeReader.decodeFromImageUrl(imageBase64.value)); | ||||
|     return { text: result.getText(), format: BarcodeFormat[result.getBarcodeFormat()], error: '' }; | ||||
|   } | ||||
|   catch (e: any) { | ||||
|     return { error: e.toString(), text: '', format: '' }; | ||||
|   } | ||||
| }); | ||||
| 
 | ||||
| function blobToBase64(blob: Blob) { | ||||
|   if (blob === null) { | ||||
|     return Promise.resolve(''); | ||||
|   } | ||||
|   return new Promise<string>((resolve, _reject) => { | ||||
|     const reader = new FileReader(); | ||||
|     reader.onloadend = () => resolve(reader.result as string); | ||||
|     reader.readAsDataURL(blob); | ||||
|   }); | ||||
| } | ||||
| 
 | ||||
| async function onUpload(file: File) { | ||||
|   if (file) { | ||||
|     imageBase64.value = await blobToBase64(file); | ||||
|   } | ||||
| } | ||||
| </script> | ||||
| 
 | ||||
| <template> | ||||
|   <div> | ||||
|     <c-file-upload | ||||
|       title="Drag and drop a BarCode here, or click to select a file" | ||||
|       :paste-image="true" | ||||
|       mb-3 | ||||
|       @file-upload="onUpload" | ||||
|     /> | ||||
| 
 | ||||
|     <div v-if="barCode?.text"> | ||||
|       <n-divider /> | ||||
| 
 | ||||
|       <h3>Decoded <span v-if="barCode?.format">({{ barCode?.format }})</span></h3> | ||||
|       <TextareaCopyable | ||||
|         :value="barCode?.text" | ||||
|         :word-wrap="true" | ||||
|       /> | ||||
|     </div> | ||||
|     <c-alert v-if="barCode?.error"> | ||||
|       {{ barCode?.error }} | ||||
|     </c-alert> | ||||
|   </div> | ||||
| </template> | ||||
| 
 | ||||
| <style lang="less" scoped> | ||||
| ::v-deep(.n-upload-trigger) { | ||||
|   width: 100%; | ||||
| } | ||||
| </style> | ||||
							
								
								
									
										12
									
								
								src/tools/barcode-reader/index.ts
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										12
									
								
								src/tools/barcode-reader/index.ts
									
									
									
									
									
										Normal file
									
								
							| @ -0,0 +1,12 @@ | ||||
| import { Barcode } from '@vicons/tabler'; | ||||
| import { defineTool } from '../tool'; | ||||
| 
 | ||||
| export const tool = defineTool({ | ||||
|   name: 'Barcode Reader', | ||||
|   path: '/barcode-reader', | ||||
|   description: 'Barcode reader', | ||||
|   keywords: ['barcode', 'reader'], | ||||
|   component: () => import('./barcode-reader.vue'), | ||||
|   icon: Barcode, | ||||
|   createdAt: new Date('2024-04-20'), | ||||
| }); | ||||
| @ -81,6 +81,8 @@ import { tool as uuidGenerator } from './uuid-generator'; | ||||
| import { tool as macAddressLookup } from './mac-address-lookup'; | ||||
| import { tool as xmlFormatter } from './xml-formatter'; | ||||
| import { tool as yamlViewer } from './yaml-viewer'; | ||||
| import { tool as barcodeReader } from './barcode-reader'; | ||||
| import { tool as barcodeGenerator } from './barcode-generator'; | ||||
| 
 | ||||
| export const toolsByCategory: ToolCategory[] = [ | ||||
|   { | ||||
| @ -132,7 +134,14 @@ export const toolsByCategory: ToolCategory[] = [ | ||||
|   }, | ||||
|   { | ||||
|     name: 'Images and videos', | ||||
|     components: [qrCodeGenerator, wifiQrCodeGenerator, svgPlaceholderGenerator, cameraRecorder], | ||||
|     components: [ | ||||
|       qrCodeGenerator, | ||||
|       wifiQrCodeGenerator, | ||||
|       svgPlaceholderGenerator, | ||||
|       cameraRecorder, | ||||
|       barcodeReader, | ||||
|       barcodeGenerator, | ||||
|     ], | ||||
|   }, | ||||
|   { | ||||
|     name: 'Development', | ||||
|  | ||||
		Loading…
	
		Reference in New Issue
	
	Block a user