mirror of
				https://github.com/CorentinTh/it-tools.git
				synced 2025-11-04 05:53:25 +00:00 
			
		
		
		
	Compare commits
	
		
			20 Commits
		
	
	
		
	
	| Author | SHA1 | Date | |
|---|---|---|---|
| 
						 | 
					7a01af1c14 | ||
| 
						 | 
					c2e1d59cb9 | ||
| 
						 | 
					f48cd058cf | ||
| 
						 | 
					5ab4dd3d4a | ||
| 
						 | 
					f05c8e1dc6 | ||
| 
						 | 
					ba3b84c668 | ||
| 
						 | 
					433ba2a3e5 | ||
| 
						 | 
					8fb0e6af9c | ||
| 
						 | 
					11720e6cde | ||
| 
						 | 
					ac89490794 | ||
| 
						 | 
					2f61c745f5 | ||
| 
						 | 
					a9a6526e75 | ||
| 
						 | 
					af0b02d3a8 | ||
| 
						 | 
					a46d125c19 | ||
| 
						 | 
					6becdbb423 | ||
| 
						 | 
					5ce1262fb4 | ||
| 
						 | 
					d591a73ce7 | ||
| 
						 | 
					a88e4a9289 | ||
| 
						 | 
					d4ea393c1d | ||
| 
						 | 
					048bc4ae94 | 
							
								
								
									
										51
									
								
								CHANGELOG.md
									
									
									
									
									
								
							
							
						
						
									
										51
									
								
								CHANGELOG.md
									
									
									
									
									
								
							@@ -2,6 +2,57 @@
 | 
			
		||||
 | 
			
		||||
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 | 
			
		||||
 | 
			
		||||
### [2.5.1](https://github.com/CorentinTh/it-tools/compare/v2.5.0...v2.5.1) (2022-06-01)
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
### Bug Fixes
 | 
			
		||||
 | 
			
		||||
* **lint:** missing dangling comma ([f05c8e1](https://github.com/CorentinTh/it-tools/commit/f05c8e1dc69275e529f4c8771ad55ba211e7fb5e))
 | 
			
		||||
* menu label key value was undefined ([f48cd05](https://github.com/CorentinTh/it-tools/commit/f48cd058cf3381f3bc92ea8fe37b565327707d1e))
 | 
			
		||||
* **title:** trully reactive tool title ([c2e1d59](https://github.com/CorentinTh/it-tools/commit/c2e1d59cb9d8dbb1bb072a46100192cb8c59f59b))
 | 
			
		||||
* tool sorting inconsistencies in home page ([5ab4dd3](https://github.com/CorentinTh/it-tools/commit/5ab4dd3d4a42c3609d72597c7ba91764170e6e96))
 | 
			
		||||
 | 
			
		||||
## [2.5.0](https://github.com/CorentinTh/it-tools/compare/v2.4.2...v2.5.0) (2022-06-01)
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
### Features
 | 
			
		||||
 | 
			
		||||
* **new-tool:** math evaluator ([433ba2a](https://github.com/CorentinTh/it-tools/commit/433ba2a3e5419eed0c96304b37693082224a1c73))
 | 
			
		||||
* **tools:** new badge for recently created tools ([11720e6](https://github.com/CorentinTh/it-tools/commit/11720e6cdefc1da4bdd638415813b609840f8462))
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
### Bug Fixes
 | 
			
		||||
 | 
			
		||||
* **config:** updated env values loading ([2f61c74](https://github.com/CorentinTh/it-tools/commit/2f61c745f57962cf3bb9e2c1db4a3176df042808))
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
### Refactors
 | 
			
		||||
 | 
			
		||||
* removed unused import ([8fb0e6a](https://github.com/CorentinTh/it-tools/commit/8fb0e6af9c3be708d3f1777a1661e1b38f197a3f))
 | 
			
		||||
* renammed Tool.ts to tool.ts ([ac89490](https://github.com/CorentinTh/it-tools/commit/ac89490794ee3c1c033859ffea31a962a13cc96d))
 | 
			
		||||
 | 
			
		||||
### [2.4.2](https://github.com/CorentinTh/it-tools/compare/v2.4.1...v2.4.2) (2022-06-01)
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
### Refactors
 | 
			
		||||
 | 
			
		||||
* **config:** added config management with figue ([6becdbb](https://github.com/CorentinTh/it-tools/commit/6becdbb42329e1bdecf158707e37ba9f13ba1d2c))
 | 
			
		||||
* **imports:** removed useless defineProps import ([5ce1262](https://github.com/CorentinTh/it-tools/commit/5ce1262fb44864b829dac09d5c0b9b68d522ceb7))
 | 
			
		||||
* set coerent head title for home page ([a46d125](https://github.com/CorentinTh/it-tools/commit/a46d125c19902c2f41f37c62c07bb7b548d9f6f0))
 | 
			
		||||
 | 
			
		||||
### [2.4.1](https://github.com/CorentinTh/it-tools/compare/v2.4.0...v2.4.1) (2022-05-15)
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
### Bug Fixes
 | 
			
		||||
 | 
			
		||||
* **seo:** wrong url in share metas ([a88e4a9](https://github.com/CorentinTh/it-tools/commit/a88e4a9289e7d8cc80190f60f2fe08fe2ba08ee6))
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
### Refactors
 | 
			
		||||
 | 
			
		||||
* **json-viewer:** add clear button ([048bc4a](https://github.com/CorentinTh/it-tools/commit/048bc4ae943509dea2946764efaa69f845b6c478))
 | 
			
		||||
* **seo:** changed title string ([d4ea393](https://github.com/CorentinTh/it-tools/commit/d4ea393c1df87ae958a06ed66a11e36b081282d4))
 | 
			
		||||
 | 
			
		||||
## [2.4.0](https://github.com/CorentinTh/it-tools/compare/v2.3.2...v2.4.0) (2022-05-14)
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 
 | 
			
		||||
							
								
								
									
										14
									
								
								index.html
									
									
									
									
									
								
							
							
						
						
									
										14
									
								
								index.html
									
									
									
									
									
								
							@@ -4,8 +4,8 @@
 | 
			
		||||
    <meta charset="UTF-8" />
 | 
			
		||||
    <link rel="icon" href="/favicon.ico" />
 | 
			
		||||
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 | 
			
		||||
    <title>IT Tools</title>
 | 
			
		||||
    <meta itemprop="name" content="IT Tools - Handy tools for developers" />
 | 
			
		||||
    <title>IT Tools - Handy online tools for developers</title>
 | 
			
		||||
    <meta itemprop="name" content="IT Tools - Handy online tools for developers" />
 | 
			
		||||
    <meta name="description" content="Collection of handy online tools for developers, with great UX. IT Tools is a free and open-source collection of handy online tools for developers & people working in IT." />
 | 
			
		||||
    <meta itemprop="description" content="Collection of handy online tools for developers, with great UX. IT Tools is a free and open-source collection of handy online tools for developers & people working in IT." />
 | 
			
		||||
    <link rel="author" href="/humans.txt" />
 | 
			
		||||
@@ -18,16 +18,16 @@
 | 
			
		||||
    <meta name="msapplication-TileColor" content="#da532c" />
 | 
			
		||||
    <meta name="theme-color" content="#ffffff" />
 | 
			
		||||
 | 
			
		||||
    <meta property="og:url" content="https://dev.it-tools.tech/" />
 | 
			
		||||
    <meta property="og:url" content="https://it-tools.tech/" />
 | 
			
		||||
    <meta property="og:type" content="website" />
 | 
			
		||||
    <meta property="og:title" content="IT Tools - Handy tools for developers" />
 | 
			
		||||
    <meta property="og:title" content="IT Tools - Handy online tools for developers" />
 | 
			
		||||
    <meta property="og:description" content="Collection of handy online tools for developers, with great UX. IT Tools is a free and open-source collection of handy online tools for developers & people working in IT." />
 | 
			
		||||
    <meta property="og:image" content="/banner.png" />
 | 
			
		||||
 | 
			
		||||
    <meta name="twitter:card" content="summary_large_image" />
 | 
			
		||||
    <meta property="twitter:domain" content="dev.it-tools.tech" />
 | 
			
		||||
    <meta property="twitter:url" content="https://dev.it-tools.tech/" />
 | 
			
		||||
    <meta name="twitter:title" content="IT Tools - Handy tools for developers" />
 | 
			
		||||
    <meta property="twitter:domain" content="it-tools.tech" />
 | 
			
		||||
    <meta property="twitter:url" content="https://it-tools.tech/" />
 | 
			
		||||
    <meta name="twitter:title" content="IT Tools - Handy online tools for developers" />
 | 
			
		||||
    <meta name="twitter:description" content="Collection of handy online tools for developers, with great UX. IT Tools is a free and open-source collection of handy online tools for developers & people working in IT." />
 | 
			
		||||
    <meta name="twitter:image" content="/banner.png" />
 | 
			
		||||
  </head>
 | 
			
		||||
 
 | 
			
		||||
							
								
								
									
										286
									
								
								package-lock.json
									
									
									
										generated
									
									
									
								
							
							
						
						
									
										286
									
								
								package-lock.json
									
									
									
										generated
									
									
									
								
							@@ -1,12 +1,12 @@
 | 
			
		||||
{
 | 
			
		||||
  "name": "it-tools",
 | 
			
		||||
  "version": "2.4.0",
 | 
			
		||||
  "version": "2.5.1",
 | 
			
		||||
  "lockfileVersion": 2,
 | 
			
		||||
  "requires": true,
 | 
			
		||||
  "packages": {
 | 
			
		||||
    "": {
 | 
			
		||||
      "name": "it-tools",
 | 
			
		||||
      "version": "2.4.0",
 | 
			
		||||
      "version": "2.5.1",
 | 
			
		||||
      "dependencies": {
 | 
			
		||||
        "@it-tools/bip39": "^0.0.4",
 | 
			
		||||
        "@vicons/material": "^0.12.0",
 | 
			
		||||
@@ -20,8 +20,10 @@
 | 
			
		||||
        "cronstrue": "^2.2.0",
 | 
			
		||||
        "crypto-js": "^4.1.1",
 | 
			
		||||
        "date-fns": "^2.28.0",
 | 
			
		||||
        "figue": "^1.2.0",
 | 
			
		||||
        "highlight.js": "^11.5.1",
 | 
			
		||||
        "lodash": "^4.17.21",
 | 
			
		||||
        "mathjs": "^10.6.0",
 | 
			
		||||
        "naive-ui": "^2.28.0",
 | 
			
		||||
        "pinia": "^2.0.11",
 | 
			
		||||
        "plausible-tracker": "^0.3.5",
 | 
			
		||||
@@ -59,7 +61,7 @@
 | 
			
		||||
        "vite-plugin-md": "^0.12.4",
 | 
			
		||||
        "vite-plugin-pwa": "^0.11.13",
 | 
			
		||||
        "vite-svg-loader": "^3.2.0",
 | 
			
		||||
        "vitest": "^0.5.0",
 | 
			
		||||
        "vitest": "^0.13.1",
 | 
			
		||||
        "vue-tsc": "^0.31.4"
 | 
			
		||||
      }
 | 
			
		||||
    },
 | 
			
		||||
@@ -1642,7 +1644,6 @@
 | 
			
		||||
      "version": "7.17.9",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.17.9.tgz",
 | 
			
		||||
      "integrity": "sha512-lSiBBvodq29uShpWGNbgFdKYNiFDo5/HIYsaCEY9ff4sb10x9jizo2+pRrSyF4jKZCXqgzuqBOQKbUm90gQwJg==",
 | 
			
		||||
      "dev": true,
 | 
			
		||||
      "dependencies": {
 | 
			
		||||
        "regenerator-runtime": "^0.13.4"
 | 
			
		||||
      },
 | 
			
		||||
@@ -2123,9 +2124,9 @@
 | 
			
		||||
      "dev": true
 | 
			
		||||
    },
 | 
			
		||||
    "node_modules/@types/chai": {
 | 
			
		||||
      "version": "4.3.0",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/@types/chai/-/chai-4.3.0.tgz",
 | 
			
		||||
      "integrity": "sha512-/ceqdqeRraGolFTcfoXNiqjyQhZzbINDngeoAq9GoHa8PPK1yNzTaxWjA6BFWp5Ua9JpXEMSS4s5i9tS0hOJtw==",
 | 
			
		||||
      "version": "4.3.1",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/@types/chai/-/chai-4.3.1.tgz",
 | 
			
		||||
      "integrity": "sha512-/zPMqDkzSZ8t3VtxOa4KPq7uzzW978M9Tvh+j7GHKuo6k6GTLxPJ4J5gE5cjfJ26pnXst0N5Hax8Sr0T2Mi9zQ==",
 | 
			
		||||
      "dev": true
 | 
			
		||||
    },
 | 
			
		||||
    "node_modules/@types/chai-subset": {
 | 
			
		||||
@@ -3479,7 +3480,7 @@
 | 
			
		||||
    "node_modules/check-error": {
 | 
			
		||||
      "version": "1.0.2",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/check-error/-/check-error-1.0.2.tgz",
 | 
			
		||||
      "integrity": "sha1-V00xLt2Iu13YkS6Sht1sCu1KrII=",
 | 
			
		||||
      "integrity": "sha512-BrgHpW9NURQgzoNyjfq0Wu6VFO6D7IZEmJNdtgNqpzGG8RuNFHt2jQxWlAs4HMe119chBnv+34syEZtc6IhLtA==",
 | 
			
		||||
      "dev": true,
 | 
			
		||||
      "engines": {
 | 
			
		||||
        "node": "*"
 | 
			
		||||
@@ -3557,6 +3558,18 @@
 | 
			
		||||
        "dot-prop": "^5.1.0"
 | 
			
		||||
      }
 | 
			
		||||
    },
 | 
			
		||||
    "node_modules/complex.js": {
 | 
			
		||||
      "version": "2.1.1",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/complex.js/-/complex.js-2.1.1.tgz",
 | 
			
		||||
      "integrity": "sha512-8njCHOTtFFLtegk6zQo0kkVX1rngygb/KQI6z1qZxlFI3scluC+LVTCFbrkWjBv4vvLlbQ9t88IPMC6k95VTTg==",
 | 
			
		||||
      "engines": {
 | 
			
		||||
        "node": "*"
 | 
			
		||||
      },
 | 
			
		||||
      "funding": {
 | 
			
		||||
        "type": "patreon",
 | 
			
		||||
        "url": "https://www.patreon.com/infusion"
 | 
			
		||||
      }
 | 
			
		||||
    },
 | 
			
		||||
    "node_modules/concat-map": {
 | 
			
		||||
      "version": "0.0.1",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
 | 
			
		||||
@@ -4163,8 +4176,7 @@
 | 
			
		||||
    "node_modules/decimal.js": {
 | 
			
		||||
      "version": "10.3.1",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.3.1.tgz",
 | 
			
		||||
      "integrity": "sha512-V0pfhfr8suzyPGOx3nmq4aHqabehUZn6Ch9kyFpV79TGDTWFmHqUqXdabR7QHqxzrYolF4+tVmJhUG4OURg5dQ==",
 | 
			
		||||
      "dev": true
 | 
			
		||||
      "integrity": "sha512-V0pfhfr8suzyPGOx3nmq4aHqabehUZn6Ch9kyFpV79TGDTWFmHqUqXdabR7QHqxzrYolF4+tVmJhUG4OURg5dQ=="
 | 
			
		||||
    },
 | 
			
		||||
    "node_modules/deep-eql": {
 | 
			
		||||
      "version": "3.0.1",
 | 
			
		||||
@@ -4955,6 +4967,11 @@
 | 
			
		||||
        "node": ">=6"
 | 
			
		||||
      }
 | 
			
		||||
    },
 | 
			
		||||
    "node_modules/escape-latex": {
 | 
			
		||||
      "version": "1.2.0",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/escape-latex/-/escape-latex-1.2.0.tgz",
 | 
			
		||||
      "integrity": "sha512-nV5aVWW1K0wEiUIEdZ4erkGGH8mDxGyxSeqPzRNtWP7ataw+/olFObw7hujFWlVjNsaDFw5VZ5NzVSIqRgfTiw=="
 | 
			
		||||
    },
 | 
			
		||||
    "node_modules/escape-string-regexp": {
 | 
			
		||||
      "version": "1.0.5",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
 | 
			
		||||
@@ -5521,6 +5538,17 @@
 | 
			
		||||
        "reusify": "^1.0.4"
 | 
			
		||||
      }
 | 
			
		||||
    },
 | 
			
		||||
    "node_modules/figue": {
 | 
			
		||||
      "version": "1.2.0",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/figue/-/figue-1.2.0.tgz",
 | 
			
		||||
      "integrity": "sha512-CXKr12kiNWjKtUK3X+YHeXKepn80s9Rg6pgZXoLQYEybgwaGJ9uGW4DrBrVK30ZWZf1mcvTbXF56AcovG7gLVw==",
 | 
			
		||||
      "dependencies": {
 | 
			
		||||
        "lodash": "^4.17.21"
 | 
			
		||||
      },
 | 
			
		||||
      "funding": {
 | 
			
		||||
        "url": "https://github.com/sponsors/CorentinTh"
 | 
			
		||||
      }
 | 
			
		||||
    },
 | 
			
		||||
    "node_modules/figures": {
 | 
			
		||||
      "version": "3.2.0",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/figures/-/figures-3.2.0.tgz",
 | 
			
		||||
@@ -5658,6 +5686,18 @@
 | 
			
		||||
        "node": ">=8.0.0"
 | 
			
		||||
      }
 | 
			
		||||
    },
 | 
			
		||||
    "node_modules/fraction.js": {
 | 
			
		||||
      "version": "4.2.0",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz",
 | 
			
		||||
      "integrity": "sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==",
 | 
			
		||||
      "engines": {
 | 
			
		||||
        "node": "*"
 | 
			
		||||
      },
 | 
			
		||||
      "funding": {
 | 
			
		||||
        "type": "patreon",
 | 
			
		||||
        "url": "https://www.patreon.com/infusion"
 | 
			
		||||
      }
 | 
			
		||||
    },
 | 
			
		||||
    "node_modules/from": {
 | 
			
		||||
      "version": "0.1.7",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/from/-/from-0.1.7.tgz",
 | 
			
		||||
@@ -5752,7 +5792,7 @@
 | 
			
		||||
    "node_modules/get-func-name": {
 | 
			
		||||
      "version": "2.0.0",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/get-func-name/-/get-func-name-2.0.0.tgz",
 | 
			
		||||
      "integrity": "sha1-6td0q+5y4gQJQzoGY2YCPdaIekE=",
 | 
			
		||||
      "integrity": "sha512-Hm0ixYtaSZ/V7C8FJrtZIuBBI+iSgL+1Aq82zSu8VQNB4S3Gk8e7Qs3VwBDJAhmRZcFqkl3tQu36g/Foh5I5ig==",
 | 
			
		||||
      "dev": true,
 | 
			
		||||
      "engines": {
 | 
			
		||||
        "node": "*"
 | 
			
		||||
@@ -6801,6 +6841,11 @@
 | 
			
		||||
        "node": ">=8"
 | 
			
		||||
      }
 | 
			
		||||
    },
 | 
			
		||||
    "node_modules/javascript-natural-sort": {
 | 
			
		||||
      "version": "0.7.1",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/javascript-natural-sort/-/javascript-natural-sort-0.7.1.tgz",
 | 
			
		||||
      "integrity": "sha1-+eIwPUUH9tdDVac2ZNFED7Wg71k="
 | 
			
		||||
    },
 | 
			
		||||
    "node_modules/jest-diff": {
 | 
			
		||||
      "version": "27.5.1",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-27.5.1.tgz",
 | 
			
		||||
@@ -7505,6 +7550,28 @@
 | 
			
		||||
        "url": "https://github.com/fb55/entities?sponsor=1"
 | 
			
		||||
      }
 | 
			
		||||
    },
 | 
			
		||||
    "node_modules/mathjs": {
 | 
			
		||||
      "version": "10.6.0",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/mathjs/-/mathjs-10.6.0.tgz",
 | 
			
		||||
      "integrity": "sha512-4oI0CSX7LtcyexTSLV8uo+llj8hB5LvVE9ApjN6rBjBplQaZ4/Gr3jh0zEla9+KaCig5wonZ9oFKD+GKXFL8hg==",
 | 
			
		||||
      "dependencies": {
 | 
			
		||||
        "@babel/runtime": "^7.17.9",
 | 
			
		||||
        "complex.js": "^2.1.1",
 | 
			
		||||
        "decimal.js": "^10.3.1",
 | 
			
		||||
        "escape-latex": "^1.2.0",
 | 
			
		||||
        "fraction.js": "^4.2.0",
 | 
			
		||||
        "javascript-natural-sort": "^0.7.1",
 | 
			
		||||
        "seedrandom": "^3.0.5",
 | 
			
		||||
        "tiny-emitter": "^2.1.0",
 | 
			
		||||
        "typed-function": "^2.1.0"
 | 
			
		||||
      },
 | 
			
		||||
      "bin": {
 | 
			
		||||
        "mathjs": "bin/cli.js"
 | 
			
		||||
      },
 | 
			
		||||
      "engines": {
 | 
			
		||||
        "node": ">= 14"
 | 
			
		||||
      }
 | 
			
		||||
    },
 | 
			
		||||
    "node_modules/mdn-data": {
 | 
			
		||||
      "version": "2.0.14",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",
 | 
			
		||||
@@ -7857,9 +7924,9 @@
 | 
			
		||||
      }
 | 
			
		||||
    },
 | 
			
		||||
    "node_modules/nanoid": {
 | 
			
		||||
      "version": "3.3.2",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.2.tgz",
 | 
			
		||||
      "integrity": "sha512-CuHBogktKwpm5g2sRgv83jEy2ijFzBwMoYA60orPDR7ynsLijJDqgsi4RDGj3OJpy3Ieb+LYwiRmIOGyytgITA==",
 | 
			
		||||
      "version": "3.3.4",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz",
 | 
			
		||||
      "integrity": "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==",
 | 
			
		||||
      "bin": {
 | 
			
		||||
        "nanoid": "bin/nanoid.cjs"
 | 
			
		||||
      },
 | 
			
		||||
@@ -8347,9 +8414,9 @@
 | 
			
		||||
      }
 | 
			
		||||
    },
 | 
			
		||||
    "node_modules/postcss": {
 | 
			
		||||
      "version": "8.4.12",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.12.tgz",
 | 
			
		||||
      "integrity": "sha512-lg6eITwYe9v6Hr5CncVbK70SoioNQIq81nsaG86ev5hAidQvmOeETBqs7jm43K2F5/Ley3ytDtriImV6TpNiSg==",
 | 
			
		||||
      "version": "8.4.14",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.14.tgz",
 | 
			
		||||
      "integrity": "sha512-E398TUmfAYFPBSdzgeieK2Y1+1cpdxJx8yXbK/m57nRhKSmk1GB2tO4lbLBtlkfPQTDKfe4Xqv1ASWPpayPEig==",
 | 
			
		||||
      "funding": [
 | 
			
		||||
        {
 | 
			
		||||
          "type": "opencollective",
 | 
			
		||||
@@ -8361,7 +8428,7 @@
 | 
			
		||||
        }
 | 
			
		||||
      ],
 | 
			
		||||
      "dependencies": {
 | 
			
		||||
        "nanoid": "^3.3.1",
 | 
			
		||||
        "nanoid": "^3.3.4",
 | 
			
		||||
        "picocolors": "^1.0.0",
 | 
			
		||||
        "source-map-js": "^1.0.2"
 | 
			
		||||
      },
 | 
			
		||||
@@ -9007,8 +9074,7 @@
 | 
			
		||||
    "node_modules/regenerator-runtime": {
 | 
			
		||||
      "version": "0.13.9",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.9.tgz",
 | 
			
		||||
      "integrity": "sha512-p3VT+cOEgxFsRRA9X4lkI1E+k2/CtnKtU4gcxyaCUreilL/vqI6CdZ3wxVUx3UOUg+gnUOQQcRI7BmSI656MYA==",
 | 
			
		||||
      "dev": true
 | 
			
		||||
      "integrity": "sha512-p3VT+cOEgxFsRRA9X4lkI1E+k2/CtnKtU4gcxyaCUreilL/vqI6CdZ3wxVUx3UOUg+gnUOQQcRI7BmSI656MYA=="
 | 
			
		||||
    },
 | 
			
		||||
    "node_modules/regenerator-transform": {
 | 
			
		||||
      "version": "0.15.0",
 | 
			
		||||
@@ -9275,6 +9341,11 @@
 | 
			
		||||
        "node": ">=4"
 | 
			
		||||
      }
 | 
			
		||||
    },
 | 
			
		||||
    "node_modules/seedrandom": {
 | 
			
		||||
      "version": "3.0.5",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/seedrandom/-/seedrandom-3.0.5.tgz",
 | 
			
		||||
      "integrity": "sha512-8OwmbklUNzwezjGInmZ+2clQmExQPvomqjL7LFqOYqtmuxRgQYqOD3mHaU+MvZn5FLUeVxVfQjwLZW/n/JFuqg=="
 | 
			
		||||
    },
 | 
			
		||||
    "node_modules/seemly": {
 | 
			
		||||
      "version": "0.3.3",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/seemly/-/seemly-0.3.3.tgz",
 | 
			
		||||
@@ -9978,19 +10049,24 @@
 | 
			
		||||
        "readable-stream": "3"
 | 
			
		||||
      }
 | 
			
		||||
    },
 | 
			
		||||
    "node_modules/tiny-emitter": {
 | 
			
		||||
      "version": "2.1.0",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/tiny-emitter/-/tiny-emitter-2.1.0.tgz",
 | 
			
		||||
      "integrity": "sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q=="
 | 
			
		||||
    },
 | 
			
		||||
    "node_modules/tinypool": {
 | 
			
		||||
      "version": "0.1.2",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/tinypool/-/tinypool-0.1.2.tgz",
 | 
			
		||||
      "integrity": "sha512-fvtYGXoui2RpeMILfkvGIgOVkzJEGediv8UJt7TxdAOY8pnvUkFg/fkvqTfXG9Acc9S17Cnn1S4osDc2164guA==",
 | 
			
		||||
      "version": "0.1.3",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/tinypool/-/tinypool-0.1.3.tgz",
 | 
			
		||||
      "integrity": "sha512-2IfcQh7CP46XGWGGbdyO4pjcKqsmVqFAPcXfPxcPXmOWt9cYkTP9HcDmGgsfijYoAEc4z9qcpM/BaBz46Y9/CQ==",
 | 
			
		||||
      "dev": true,
 | 
			
		||||
      "engines": {
 | 
			
		||||
        "node": ">=14.0.0"
 | 
			
		||||
      }
 | 
			
		||||
    },
 | 
			
		||||
    "node_modules/tinyspy": {
 | 
			
		||||
      "version": "0.3.0",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/tinyspy/-/tinyspy-0.3.0.tgz",
 | 
			
		||||
      "integrity": "sha512-c5uFHqtUp74R2DJE3/Efg0mH5xicmgziaQXMm/LvuuZn3RdpADH32aEGDRyCzObXT1DNfwDMqRQ/Drh1MlO12g==",
 | 
			
		||||
      "version": "0.3.2",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/tinyspy/-/tinyspy-0.3.2.tgz",
 | 
			
		||||
      "integrity": "sha512-2+40EP4D3sFYy42UkgkFFB+kiX2Tg3URG/lVvAZFfLxgGpnWl5qQJuBw1gaLttq8UOS+2p3C0WrhJnQigLTT2Q==",
 | 
			
		||||
      "dev": true,
 | 
			
		||||
      "engines": {
 | 
			
		||||
        "node": ">=14.0.0"
 | 
			
		||||
@@ -10096,6 +10172,14 @@
 | 
			
		||||
        "node": ">=4"
 | 
			
		||||
      }
 | 
			
		||||
    },
 | 
			
		||||
    "node_modules/typed-function": {
 | 
			
		||||
      "version": "2.1.0",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/typed-function/-/typed-function-2.1.0.tgz",
 | 
			
		||||
      "integrity": "sha512-bctQIOqx2iVbWGDGPWwIm18QScpu2XRmkC19D8rQGFsjKSgteq/o1hTZvIG/wuDq8fanpBDrLkLq+aEN/6y5XQ==",
 | 
			
		||||
      "engines": {
 | 
			
		||||
        "node": ">= 10"
 | 
			
		||||
      }
 | 
			
		||||
    },
 | 
			
		||||
    "node_modules/typedarray": {
 | 
			
		||||
      "version": "0.0.6",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz",
 | 
			
		||||
@@ -10315,13 +10399,13 @@
 | 
			
		||||
      "integrity": "sha512-nguyw8L6Un8eelg1vQ31vIU2ESxqid7EYmy8V+MDeMaHBqaRSkg3dTBToC1PR00D89UzS/SLkfYPnx0Wf23IQQ=="
 | 
			
		||||
    },
 | 
			
		||||
    "node_modules/vite": {
 | 
			
		||||
      "version": "2.9.1",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/vite/-/vite-2.9.1.tgz",
 | 
			
		||||
      "integrity": "sha512-vSlsSdOYGcYEJfkQ/NeLXgnRv5zZfpAsdztkIrs7AZHV8RCMZQkwjo4DS5BnrYTqoWqLoUe1Cah4aVO4oNNqCQ==",
 | 
			
		||||
      "version": "2.9.9",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/vite/-/vite-2.9.9.tgz",
 | 
			
		||||
      "integrity": "sha512-ffaam+NgHfbEmfw/Vuh6BHKKlI/XIAhxE5QSS7gFLIngxg171mg1P3a4LSRME0z2ZU1ScxoKzphkipcYwSD5Ew==",
 | 
			
		||||
      "dev": true,
 | 
			
		||||
      "dependencies": {
 | 
			
		||||
        "esbuild": "^0.14.27",
 | 
			
		||||
        "postcss": "^8.4.12",
 | 
			
		||||
        "postcss": "^8.4.13",
 | 
			
		||||
        "resolve": "^1.22.0",
 | 
			
		||||
        "rollup": "^2.59.0"
 | 
			
		||||
      },
 | 
			
		||||
@@ -10404,24 +10488,25 @@
 | 
			
		||||
      }
 | 
			
		||||
    },
 | 
			
		||||
    "node_modules/vitest": {
 | 
			
		||||
      "version": "0.5.9",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/vitest/-/vitest-0.5.9.tgz",
 | 
			
		||||
      "integrity": "sha512-R8lRP9Q1yIbwr8pDf2gvw4PFe8H5YMyHhBcdyfnUh6toLfCR10jrdI/WkNxdo5I4H/9XrMX9t+SAavdJExNdKg==",
 | 
			
		||||
      "version": "0.13.1",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/vitest/-/vitest-0.13.1.tgz",
 | 
			
		||||
      "integrity": "sha512-CfSBf7YFw/i8HumSUQRtZKs0aV91DC9WU8nAgIJAlawKHaFuPHQohDwOTPIFgrxySiuFYUa0Yohf9gDFfBwjxA==",
 | 
			
		||||
      "dev": true,
 | 
			
		||||
      "dependencies": {
 | 
			
		||||
        "@types/chai": "^4.3.0",
 | 
			
		||||
        "@types/chai": "^4.3.1",
 | 
			
		||||
        "@types/chai-subset": "^1.3.3",
 | 
			
		||||
        "chai": "^4.3.6",
 | 
			
		||||
        "debug": "^4.3.4",
 | 
			
		||||
        "local-pkg": "^0.4.1",
 | 
			
		||||
        "tinypool": "^0.1.2",
 | 
			
		||||
        "tinyspy": "^0.3.0",
 | 
			
		||||
        "vite": "^2.7.10"
 | 
			
		||||
        "tinypool": "^0.1.3",
 | 
			
		||||
        "tinyspy": "^0.3.2",
 | 
			
		||||
        "vite": "^2.9.9"
 | 
			
		||||
      },
 | 
			
		||||
      "bin": {
 | 
			
		||||
        "vitest": "vitest.mjs"
 | 
			
		||||
      },
 | 
			
		||||
      "engines": {
 | 
			
		||||
        "node": ">=14.14.0"
 | 
			
		||||
        "node": ">=v14.16.0"
 | 
			
		||||
      },
 | 
			
		||||
      "funding": {
 | 
			
		||||
        "url": "https://github.com/sponsors/antfu"
 | 
			
		||||
@@ -12413,7 +12498,6 @@
 | 
			
		||||
      "version": "7.17.9",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.17.9.tgz",
 | 
			
		||||
      "integrity": "sha512-lSiBBvodq29uShpWGNbgFdKYNiFDo5/HIYsaCEY9ff4sb10x9jizo2+pRrSyF4jKZCXqgzuqBOQKbUm90gQwJg==",
 | 
			
		||||
      "dev": true,
 | 
			
		||||
      "requires": {
 | 
			
		||||
        "regenerator-runtime": "^0.13.4"
 | 
			
		||||
      }
 | 
			
		||||
@@ -12798,9 +12882,9 @@
 | 
			
		||||
      "dev": true
 | 
			
		||||
    },
 | 
			
		||||
    "@types/chai": {
 | 
			
		||||
      "version": "4.3.0",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/@types/chai/-/chai-4.3.0.tgz",
 | 
			
		||||
      "integrity": "sha512-/ceqdqeRraGolFTcfoXNiqjyQhZzbINDngeoAq9GoHa8PPK1yNzTaxWjA6BFWp5Ua9JpXEMSS4s5i9tS0hOJtw==",
 | 
			
		||||
      "version": "4.3.1",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/@types/chai/-/chai-4.3.1.tgz",
 | 
			
		||||
      "integrity": "sha512-/zPMqDkzSZ8t3VtxOa4KPq7uzzW978M9Tvh+j7GHKuo6k6GTLxPJ4J5gE5cjfJ26pnXst0N5Hax8Sr0T2Mi9zQ==",
 | 
			
		||||
      "dev": true
 | 
			
		||||
    },
 | 
			
		||||
    "@types/chai-subset": {
 | 
			
		||||
@@ -13859,7 +13943,7 @@
 | 
			
		||||
    "check-error": {
 | 
			
		||||
      "version": "1.0.2",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/check-error/-/check-error-1.0.2.tgz",
 | 
			
		||||
      "integrity": "sha1-V00xLt2Iu13YkS6Sht1sCu1KrII=",
 | 
			
		||||
      "integrity": "sha512-BrgHpW9NURQgzoNyjfq0Wu6VFO6D7IZEmJNdtgNqpzGG8RuNFHt2jQxWlAs4HMe119chBnv+34syEZtc6IhLtA==",
 | 
			
		||||
      "dev": true
 | 
			
		||||
    },
 | 
			
		||||
    "check-more-types": {
 | 
			
		||||
@@ -13922,6 +14006,11 @@
 | 
			
		||||
        "dot-prop": "^5.1.0"
 | 
			
		||||
      }
 | 
			
		||||
    },
 | 
			
		||||
    "complex.js": {
 | 
			
		||||
      "version": "2.1.1",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/complex.js/-/complex.js-2.1.1.tgz",
 | 
			
		||||
      "integrity": "sha512-8njCHOTtFFLtegk6zQo0kkVX1rngygb/KQI6z1qZxlFI3scluC+LVTCFbrkWjBv4vvLlbQ9t88IPMC6k95VTTg=="
 | 
			
		||||
    },
 | 
			
		||||
    "concat-map": {
 | 
			
		||||
      "version": "0.0.1",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
 | 
			
		||||
@@ -14405,8 +14494,7 @@
 | 
			
		||||
    "decimal.js": {
 | 
			
		||||
      "version": "10.3.1",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.3.1.tgz",
 | 
			
		||||
      "integrity": "sha512-V0pfhfr8suzyPGOx3nmq4aHqabehUZn6Ch9kyFpV79TGDTWFmHqUqXdabR7QHqxzrYolF4+tVmJhUG4OURg5dQ==",
 | 
			
		||||
      "dev": true
 | 
			
		||||
      "integrity": "sha512-V0pfhfr8suzyPGOx3nmq4aHqabehUZn6Ch9kyFpV79TGDTWFmHqUqXdabR7QHqxzrYolF4+tVmJhUG4OURg5dQ=="
 | 
			
		||||
    },
 | 
			
		||||
    "deep-eql": {
 | 
			
		||||
      "version": "3.0.1",
 | 
			
		||||
@@ -14905,6 +14993,11 @@
 | 
			
		||||
      "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
 | 
			
		||||
      "dev": true
 | 
			
		||||
    },
 | 
			
		||||
    "escape-latex": {
 | 
			
		||||
      "version": "1.2.0",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/escape-latex/-/escape-latex-1.2.0.tgz",
 | 
			
		||||
      "integrity": "sha512-nV5aVWW1K0wEiUIEdZ4erkGGH8mDxGyxSeqPzRNtWP7ataw+/olFObw7hujFWlVjNsaDFw5VZ5NzVSIqRgfTiw=="
 | 
			
		||||
    },
 | 
			
		||||
    "escape-string-regexp": {
 | 
			
		||||
      "version": "1.0.5",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
 | 
			
		||||
@@ -15320,6 +15413,14 @@
 | 
			
		||||
        "reusify": "^1.0.4"
 | 
			
		||||
      }
 | 
			
		||||
    },
 | 
			
		||||
    "figue": {
 | 
			
		||||
      "version": "1.2.0",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/figue/-/figue-1.2.0.tgz",
 | 
			
		||||
      "integrity": "sha512-CXKr12kiNWjKtUK3X+YHeXKepn80s9Rg6pgZXoLQYEybgwaGJ9uGW4DrBrVK30ZWZf1mcvTbXF56AcovG7gLVw==",
 | 
			
		||||
      "requires": {
 | 
			
		||||
        "lodash": "^4.17.21"
 | 
			
		||||
      }
 | 
			
		||||
    },
 | 
			
		||||
    "figures": {
 | 
			
		||||
      "version": "3.2.0",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/figures/-/figures-3.2.0.tgz",
 | 
			
		||||
@@ -15418,6 +15519,11 @@
 | 
			
		||||
        "signal-exit": "^3.0.2"
 | 
			
		||||
      }
 | 
			
		||||
    },
 | 
			
		||||
    "fraction.js": {
 | 
			
		||||
      "version": "4.2.0",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz",
 | 
			
		||||
      "integrity": "sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA=="
 | 
			
		||||
    },
 | 
			
		||||
    "from": {
 | 
			
		||||
      "version": "0.1.7",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/from/-/from-0.1.7.tgz",
 | 
			
		||||
@@ -15490,7 +15596,7 @@
 | 
			
		||||
    "get-func-name": {
 | 
			
		||||
      "version": "2.0.0",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/get-func-name/-/get-func-name-2.0.0.tgz",
 | 
			
		||||
      "integrity": "sha1-6td0q+5y4gQJQzoGY2YCPdaIekE=",
 | 
			
		||||
      "integrity": "sha512-Hm0ixYtaSZ/V7C8FJrtZIuBBI+iSgL+1Aq82zSu8VQNB4S3Gk8e7Qs3VwBDJAhmRZcFqkl3tQu36g/Foh5I5ig==",
 | 
			
		||||
      "dev": true
 | 
			
		||||
    },
 | 
			
		||||
    "get-intrinsic": {
 | 
			
		||||
@@ -16262,6 +16368,11 @@
 | 
			
		||||
        }
 | 
			
		||||
      }
 | 
			
		||||
    },
 | 
			
		||||
    "javascript-natural-sort": {
 | 
			
		||||
      "version": "0.7.1",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/javascript-natural-sort/-/javascript-natural-sort-0.7.1.tgz",
 | 
			
		||||
      "integrity": "sha1-+eIwPUUH9tdDVac2ZNFED7Wg71k="
 | 
			
		||||
    },
 | 
			
		||||
    "jest-diff": {
 | 
			
		||||
      "version": "27.5.1",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-27.5.1.tgz",
 | 
			
		||||
@@ -16814,6 +16925,22 @@
 | 
			
		||||
        }
 | 
			
		||||
      }
 | 
			
		||||
    },
 | 
			
		||||
    "mathjs": {
 | 
			
		||||
      "version": "10.6.0",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/mathjs/-/mathjs-10.6.0.tgz",
 | 
			
		||||
      "integrity": "sha512-4oI0CSX7LtcyexTSLV8uo+llj8hB5LvVE9ApjN6rBjBplQaZ4/Gr3jh0zEla9+KaCig5wonZ9oFKD+GKXFL8hg==",
 | 
			
		||||
      "requires": {
 | 
			
		||||
        "@babel/runtime": "^7.17.9",
 | 
			
		||||
        "complex.js": "^2.1.1",
 | 
			
		||||
        "decimal.js": "^10.3.1",
 | 
			
		||||
        "escape-latex": "^1.2.0",
 | 
			
		||||
        "fraction.js": "^4.2.0",
 | 
			
		||||
        "javascript-natural-sort": "^0.7.1",
 | 
			
		||||
        "seedrandom": "^3.0.5",
 | 
			
		||||
        "tiny-emitter": "^2.1.0",
 | 
			
		||||
        "typed-function": "^2.1.0"
 | 
			
		||||
      }
 | 
			
		||||
    },
 | 
			
		||||
    "mdn-data": {
 | 
			
		||||
      "version": "2.0.14",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",
 | 
			
		||||
@@ -17085,9 +17212,9 @@
 | 
			
		||||
      }
 | 
			
		||||
    },
 | 
			
		||||
    "nanoid": {
 | 
			
		||||
      "version": "3.3.2",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.2.tgz",
 | 
			
		||||
      "integrity": "sha512-CuHBogktKwpm5g2sRgv83jEy2ijFzBwMoYA60orPDR7ynsLijJDqgsi4RDGj3OJpy3Ieb+LYwiRmIOGyytgITA=="
 | 
			
		||||
      "version": "3.3.4",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz",
 | 
			
		||||
      "integrity": "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw=="
 | 
			
		||||
    },
 | 
			
		||||
    "natural-compare": {
 | 
			
		||||
      "version": "1.4.0",
 | 
			
		||||
@@ -17435,11 +17562,11 @@
 | 
			
		||||
      "integrity": "sha512-40QW5YalBNfQo5yRYmiw7Yz6TKKVr3h6970B2YE+3fQpsWcrbj1PzJgxeJ19DRQjhMbKPIuMY8rFaXc8moolVw=="
 | 
			
		||||
    },
 | 
			
		||||
    "postcss": {
 | 
			
		||||
      "version": "8.4.12",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.12.tgz",
 | 
			
		||||
      "integrity": "sha512-lg6eITwYe9v6Hr5CncVbK70SoioNQIq81nsaG86ev5hAidQvmOeETBqs7jm43K2F5/Ley3ytDtriImV6TpNiSg==",
 | 
			
		||||
      "version": "8.4.14",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.14.tgz",
 | 
			
		||||
      "integrity": "sha512-E398TUmfAYFPBSdzgeieK2Y1+1cpdxJx8yXbK/m57nRhKSmk1GB2tO4lbLBtlkfPQTDKfe4Xqv1ASWPpayPEig==",
 | 
			
		||||
      "requires": {
 | 
			
		||||
        "nanoid": "^3.3.1",
 | 
			
		||||
        "nanoid": "^3.3.4",
 | 
			
		||||
        "picocolors": "^1.0.0",
 | 
			
		||||
        "source-map-js": "^1.0.2"
 | 
			
		||||
      }
 | 
			
		||||
@@ -17949,8 +18076,7 @@
 | 
			
		||||
    "regenerator-runtime": {
 | 
			
		||||
      "version": "0.13.9",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.9.tgz",
 | 
			
		||||
      "integrity": "sha512-p3VT+cOEgxFsRRA9X4lkI1E+k2/CtnKtU4gcxyaCUreilL/vqI6CdZ3wxVUx3UOUg+gnUOQQcRI7BmSI656MYA==",
 | 
			
		||||
      "dev": true
 | 
			
		||||
      "integrity": "sha512-p3VT+cOEgxFsRRA9X4lkI1E+k2/CtnKtU4gcxyaCUreilL/vqI6CdZ3wxVUx3UOUg+gnUOQQcRI7BmSI656MYA=="
 | 
			
		||||
    },
 | 
			
		||||
    "regenerator-transform": {
 | 
			
		||||
      "version": "0.15.0",
 | 
			
		||||
@@ -18144,6 +18270,11 @@
 | 
			
		||||
        "kind-of": "^6.0.0"
 | 
			
		||||
      }
 | 
			
		||||
    },
 | 
			
		||||
    "seedrandom": {
 | 
			
		||||
      "version": "3.0.5",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/seedrandom/-/seedrandom-3.0.5.tgz",
 | 
			
		||||
      "integrity": "sha512-8OwmbklUNzwezjGInmZ+2clQmExQPvomqjL7LFqOYqtmuxRgQYqOD3mHaU+MvZn5FLUeVxVfQjwLZW/n/JFuqg=="
 | 
			
		||||
    },
 | 
			
		||||
    "seemly": {
 | 
			
		||||
      "version": "0.3.3",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/seemly/-/seemly-0.3.3.tgz",
 | 
			
		||||
@@ -18690,16 +18821,21 @@
 | 
			
		||||
        "readable-stream": "3"
 | 
			
		||||
      }
 | 
			
		||||
    },
 | 
			
		||||
    "tiny-emitter": {
 | 
			
		||||
      "version": "2.1.0",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/tiny-emitter/-/tiny-emitter-2.1.0.tgz",
 | 
			
		||||
      "integrity": "sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q=="
 | 
			
		||||
    },
 | 
			
		||||
    "tinypool": {
 | 
			
		||||
      "version": "0.1.2",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/tinypool/-/tinypool-0.1.2.tgz",
 | 
			
		||||
      "integrity": "sha512-fvtYGXoui2RpeMILfkvGIgOVkzJEGediv8UJt7TxdAOY8pnvUkFg/fkvqTfXG9Acc9S17Cnn1S4osDc2164guA==",
 | 
			
		||||
      "version": "0.1.3",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/tinypool/-/tinypool-0.1.3.tgz",
 | 
			
		||||
      "integrity": "sha512-2IfcQh7CP46XGWGGbdyO4pjcKqsmVqFAPcXfPxcPXmOWt9cYkTP9HcDmGgsfijYoAEc4z9qcpM/BaBz46Y9/CQ==",
 | 
			
		||||
      "dev": true
 | 
			
		||||
    },
 | 
			
		||||
    "tinyspy": {
 | 
			
		||||
      "version": "0.3.0",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/tinyspy/-/tinyspy-0.3.0.tgz",
 | 
			
		||||
      "integrity": "sha512-c5uFHqtUp74R2DJE3/Efg0mH5xicmgziaQXMm/LvuuZn3RdpADH32aEGDRyCzObXT1DNfwDMqRQ/Drh1MlO12g==",
 | 
			
		||||
      "version": "0.3.2",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/tinyspy/-/tinyspy-0.3.2.tgz",
 | 
			
		||||
      "integrity": "sha512-2+40EP4D3sFYy42UkgkFFB+kiX2Tg3URG/lVvAZFfLxgGpnWl5qQJuBw1gaLttq8UOS+2p3C0WrhJnQigLTT2Q==",
 | 
			
		||||
      "dev": true
 | 
			
		||||
    },
 | 
			
		||||
    "to-fast-properties": {
 | 
			
		||||
@@ -18780,6 +18916,11 @@
 | 
			
		||||
      "integrity": "sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==",
 | 
			
		||||
      "dev": true
 | 
			
		||||
    },
 | 
			
		||||
    "typed-function": {
 | 
			
		||||
      "version": "2.1.0",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/typed-function/-/typed-function-2.1.0.tgz",
 | 
			
		||||
      "integrity": "sha512-bctQIOqx2iVbWGDGPWwIm18QScpu2XRmkC19D8rQGFsjKSgteq/o1hTZvIG/wuDq8fanpBDrLkLq+aEN/6y5XQ=="
 | 
			
		||||
    },
 | 
			
		||||
    "typedarray": {
 | 
			
		||||
      "version": "0.0.6",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz",
 | 
			
		||||
@@ -18951,14 +19092,14 @@
 | 
			
		||||
      "integrity": "sha512-nguyw8L6Un8eelg1vQ31vIU2ESxqid7EYmy8V+MDeMaHBqaRSkg3dTBToC1PR00D89UzS/SLkfYPnx0Wf23IQQ=="
 | 
			
		||||
    },
 | 
			
		||||
    "vite": {
 | 
			
		||||
      "version": "2.9.1",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/vite/-/vite-2.9.1.tgz",
 | 
			
		||||
      "integrity": "sha512-vSlsSdOYGcYEJfkQ/NeLXgnRv5zZfpAsdztkIrs7AZHV8RCMZQkwjo4DS5BnrYTqoWqLoUe1Cah4aVO4oNNqCQ==",
 | 
			
		||||
      "version": "2.9.9",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/vite/-/vite-2.9.9.tgz",
 | 
			
		||||
      "integrity": "sha512-ffaam+NgHfbEmfw/Vuh6BHKKlI/XIAhxE5QSS7gFLIngxg171mg1P3a4LSRME0z2ZU1ScxoKzphkipcYwSD5Ew==",
 | 
			
		||||
      "dev": true,
 | 
			
		||||
      "requires": {
 | 
			
		||||
        "esbuild": "^0.14.27",
 | 
			
		||||
        "fsevents": "~2.3.2",
 | 
			
		||||
        "postcss": "^8.4.12",
 | 
			
		||||
        "postcss": "^8.4.13",
 | 
			
		||||
        "resolve": "^1.22.0",
 | 
			
		||||
        "rollup": "^2.59.0"
 | 
			
		||||
      }
 | 
			
		||||
@@ -19002,18 +19143,19 @@
 | 
			
		||||
      }
 | 
			
		||||
    },
 | 
			
		||||
    "vitest": {
 | 
			
		||||
      "version": "0.5.9",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/vitest/-/vitest-0.5.9.tgz",
 | 
			
		||||
      "integrity": "sha512-R8lRP9Q1yIbwr8pDf2gvw4PFe8H5YMyHhBcdyfnUh6toLfCR10jrdI/WkNxdo5I4H/9XrMX9t+SAavdJExNdKg==",
 | 
			
		||||
      "version": "0.13.1",
 | 
			
		||||
      "resolved": "https://registry.npmjs.org/vitest/-/vitest-0.13.1.tgz",
 | 
			
		||||
      "integrity": "sha512-CfSBf7YFw/i8HumSUQRtZKs0aV91DC9WU8nAgIJAlawKHaFuPHQohDwOTPIFgrxySiuFYUa0Yohf9gDFfBwjxA==",
 | 
			
		||||
      "dev": true,
 | 
			
		||||
      "requires": {
 | 
			
		||||
        "@types/chai": "^4.3.0",
 | 
			
		||||
        "@types/chai": "^4.3.1",
 | 
			
		||||
        "@types/chai-subset": "^1.3.3",
 | 
			
		||||
        "chai": "^4.3.6",
 | 
			
		||||
        "debug": "^4.3.4",
 | 
			
		||||
        "local-pkg": "^0.4.1",
 | 
			
		||||
        "tinypool": "^0.1.2",
 | 
			
		||||
        "tinyspy": "^0.3.0",
 | 
			
		||||
        "vite": "^2.7.10"
 | 
			
		||||
        "tinypool": "^0.1.3",
 | 
			
		||||
        "tinyspy": "^0.3.2",
 | 
			
		||||
        "vite": "^2.9.9"
 | 
			
		||||
      }
 | 
			
		||||
    },
 | 
			
		||||
    "void-elements": {
 | 
			
		||||
 
 | 
			
		||||
@@ -1,6 +1,6 @@
 | 
			
		||||
{
 | 
			
		||||
  "name": "it-tools",
 | 
			
		||||
  "version": "2.4.0",
 | 
			
		||||
  "version": "2.5.1",
 | 
			
		||||
  "scripts": {
 | 
			
		||||
    "dev": "vite",
 | 
			
		||||
    "build": "vue-tsc --noEmit && vite build",
 | 
			
		||||
@@ -25,8 +25,10 @@
 | 
			
		||||
    "cronstrue": "^2.2.0",
 | 
			
		||||
    "crypto-js": "^4.1.1",
 | 
			
		||||
    "date-fns": "^2.28.0",
 | 
			
		||||
    "figue": "^1.2.0",
 | 
			
		||||
    "highlight.js": "^11.5.1",
 | 
			
		||||
    "lodash": "^4.17.21",
 | 
			
		||||
    "mathjs": "^10.6.0",
 | 
			
		||||
    "naive-ui": "^2.28.0",
 | 
			
		||||
    "pinia": "^2.0.11",
 | 
			
		||||
    "plausible-tracker": "^0.3.5",
 | 
			
		||||
@@ -64,7 +66,7 @@
 | 
			
		||||
    "vite-plugin-md": "^0.12.4",
 | 
			
		||||
    "vite-plugin-pwa": "^0.11.13",
 | 
			
		||||
    "vite-svg-loader": "^3.2.0",
 | 
			
		||||
    "vitest": "^0.5.0",
 | 
			
		||||
    "vitest": "^0.13.1",
 | 
			
		||||
    "vue-tsc": "^0.31.4"
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 
 | 
			
		||||
@@ -39,16 +39,16 @@ createToolFile(
 | 
			
		||||
 | 
			
		||||
<style lang="less" scoped>
 | 
			
		||||
</style>
 | 
			
		||||
`
 | 
			
		||||
`,
 | 
			
		||||
);
 | 
			
		||||
 | 
			
		||||
createToolFile(
 | 
			
		||||
  `index.ts`,
 | 
			
		||||
  `
 | 
			
		||||
import { ArrowsShuffle } from '@vicons/tabler';
 | 
			
		||||
import type { ITool } from './../Tool';
 | 
			
		||||
import { defineTool } from '../tool';
 | 
			
		||||
 | 
			
		||||
export const tool: ITool = {
 | 
			
		||||
export const tool = defineTool({
 | 
			
		||||
  name: '${toolNameTitleCase}',
 | 
			
		||||
  path: '/${toolName}',
 | 
			
		||||
  description: '',
 | 
			
		||||
@@ -56,7 +56,7 @@ export const tool: ITool = {
 | 
			
		||||
  component: () => import('./${toolName}.vue'),
 | 
			
		||||
  icon: ArrowsShuffle,
 | 
			
		||||
};
 | 
			
		||||
`
 | 
			
		||||
`,
 | 
			
		||||
);
 | 
			
		||||
 | 
			
		||||
createToolFile(`${toolName}.service.ts`, ``);
 | 
			
		||||
@@ -69,7 +69,7 @@ import { expect, describe, it } from 'vitest';
 | 
			
		||||
// describe('${toolName}', () => {
 | 
			
		||||
//
 | 
			
		||||
// })
 | 
			
		||||
`
 | 
			
		||||
`,
 | 
			
		||||
);
 | 
			
		||||
 | 
			
		||||
const toolsIndex = join(toolsDir, 'index.ts');
 | 
			
		||||
 
 | 
			
		||||
							
								
								
									
										36
									
								
								src/components/MenuIconItem.vue
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										36
									
								
								src/components/MenuIconItem.vue
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,36 @@
 | 
			
		||||
<template>
 | 
			
		||||
  <div class="menu-icon-item">
 | 
			
		||||
    <n-icon :component="tool.icon" />
 | 
			
		||||
    <div v-if="tool.isNew" class="badge"></div>
 | 
			
		||||
  </div>
 | 
			
		||||
</template>
 | 
			
		||||
 | 
			
		||||
<script setup lang="ts">
 | 
			
		||||
import type { ITool } from '@/tools/tool';
 | 
			
		||||
import { useThemeVars } from 'naive-ui';
 | 
			
		||||
import { toRefs } from 'vue';
 | 
			
		||||
 | 
			
		||||
const props = defineProps<{ tool: ITool }>();
 | 
			
		||||
const { tool } = toRefs(props);
 | 
			
		||||
 | 
			
		||||
const theme = useThemeVars();
 | 
			
		||||
</script>
 | 
			
		||||
 | 
			
		||||
<style lang="less" scoped>
 | 
			
		||||
.menu-icon-item {
 | 
			
		||||
  position: relative;
 | 
			
		||||
 | 
			
		||||
  .badge {
 | 
			
		||||
    position: absolute;
 | 
			
		||||
    background-color: v-bind('theme.primaryColor');
 | 
			
		||||
    border-radius: 10px;
 | 
			
		||||
    line-height: 1;
 | 
			
		||||
    top: 3px;
 | 
			
		||||
    left: -6px;
 | 
			
		||||
    font-size: 10px;
 | 
			
		||||
 | 
			
		||||
    height: 6px;
 | 
			
		||||
    width: 6px;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
</style>
 | 
			
		||||
@@ -1,10 +1,24 @@
 | 
			
		||||
<template>
 | 
			
		||||
  <router-link :to="tool.path">
 | 
			
		||||
    <n-card class="tool-card">
 | 
			
		||||
      <n-space justify="space-between" align="center">
 | 
			
		||||
        <n-icon class="icon" size="40" :component="tool.icon" />
 | 
			
		||||
        <n-tag
 | 
			
		||||
          v-if="tool.isNew"
 | 
			
		||||
          size="small"
 | 
			
		||||
          class="badge-new"
 | 
			
		||||
          round
 | 
			
		||||
          type="success"
 | 
			
		||||
          :bordered="false"
 | 
			
		||||
          :color="{ color: theme.primaryColor, textColor: theme.tagColor }"
 | 
			
		||||
        >
 | 
			
		||||
          New
 | 
			
		||||
        </n-tag>
 | 
			
		||||
      </n-space>
 | 
			
		||||
      <n-h3 class="title">
 | 
			
		||||
        <n-ellipsis>{{ tool.name }}</n-ellipsis>
 | 
			
		||||
      </n-h3>
 | 
			
		||||
 | 
			
		||||
      <div class="description">
 | 
			
		||||
        <n-ellipsis :line-clamp="2" :tooltip="false">
 | 
			
		||||
          {{ tool.description }}
 | 
			
		||||
@@ -15,11 +29,13 @@
 | 
			
		||||
</template>
 | 
			
		||||
 | 
			
		||||
<script setup lang="ts">
 | 
			
		||||
import type { ITool } from '@/tools/Tool';
 | 
			
		||||
import { toRefs, defineProps } from 'vue';
 | 
			
		||||
import type { ITool } from '@/tools/tool';
 | 
			
		||||
import { useThemeVars } from 'naive-ui';
 | 
			
		||||
import { toRefs } from 'vue';
 | 
			
		||||
 | 
			
		||||
const props = defineProps<{ tool: ITool & { category: string } }>();
 | 
			
		||||
const { tool } = toRefs(props);
 | 
			
		||||
const theme = useThemeVars();
 | 
			
		||||
</script>
 | 
			
		||||
 | 
			
		||||
<style lang="less" scoped>
 | 
			
		||||
 
 | 
			
		||||
							
								
								
									
										65
									
								
								src/config.ts
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										65
									
								
								src/config.ts
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,65 @@
 | 
			
		||||
import { figue } from 'figue';
 | 
			
		||||
 | 
			
		||||
export const config = figue({
 | 
			
		||||
  app: {
 | 
			
		||||
    version: {
 | 
			
		||||
      doc: 'Application current version',
 | 
			
		||||
      format: 'string',
 | 
			
		||||
      default: '0.0.0',
 | 
			
		||||
      env: 'PACKAGE_VERSION',
 | 
			
		||||
    },
 | 
			
		||||
    lastCommitSha: {
 | 
			
		||||
      doc: 'Application last commit SHA version',
 | 
			
		||||
      format: 'string',
 | 
			
		||||
      default: '',
 | 
			
		||||
      env: 'VITE_VERCEL_GIT_COMMIT_SHA',
 | 
			
		||||
    },
 | 
			
		||||
    baseUrl: {
 | 
			
		||||
      doc: 'Application base url',
 | 
			
		||||
      format: 'string',
 | 
			
		||||
      default: '/',
 | 
			
		||||
      env: 'BASE_URL',
 | 
			
		||||
    },
 | 
			
		||||
    env: {
 | 
			
		||||
      doc: 'Application current env',
 | 
			
		||||
      format: 'enum',
 | 
			
		||||
      values: ['production', 'development', 'test'],
 | 
			
		||||
      default: 'development',
 | 
			
		||||
      env: 'MODE',
 | 
			
		||||
    },
 | 
			
		||||
  },
 | 
			
		||||
  plausible: {
 | 
			
		||||
    domain: {
 | 
			
		||||
      doc: 'Plausible current domain',
 | 
			
		||||
      format: 'string',
 | 
			
		||||
      default: '',
 | 
			
		||||
      env: 'VITE_PLAUSIBLE_DOMAIN',
 | 
			
		||||
    },
 | 
			
		||||
    apiHost: {
 | 
			
		||||
      doc: 'Plausible remote api host',
 | 
			
		||||
      format: 'string',
 | 
			
		||||
      default: '',
 | 
			
		||||
      env: 'VITE_PLAUSIBLE_API_HOST',
 | 
			
		||||
    },
 | 
			
		||||
    trackLocalhost: {
 | 
			
		||||
      doc: 'Enable or disable localhost tracking by plausible',
 | 
			
		||||
      format: 'boolean',
 | 
			
		||||
      default: false,
 | 
			
		||||
    },
 | 
			
		||||
  },
 | 
			
		||||
  tools: {
 | 
			
		||||
    newTools: {
 | 
			
		||||
      doc: 'Tool names for tools flagged a as new',
 | 
			
		||||
      format: 'array',
 | 
			
		||||
      default: [],
 | 
			
		||||
      env: 'VITE_NEW_TOOLS',
 | 
			
		||||
    },
 | 
			
		||||
  },
 | 
			
		||||
})
 | 
			
		||||
  .loadEnv({
 | 
			
		||||
    ...import.meta.env,
 | 
			
		||||
    // Because the string 'import.meta.env.PACKAGE_VERSION' is statically replaced during build time (see 'define' in vite.config.ts)
 | 
			
		||||
    PACKAGE_VERSION: import.meta.env.PACKAGE_VERSION,
 | 
			
		||||
  })
 | 
			
		||||
  .validate()
 | 
			
		||||
  .getConfig();
 | 
			
		||||
@@ -1,6 +1,6 @@
 | 
			
		||||
<script lang="ts" setup>
 | 
			
		||||
import { NIcon, useThemeVars } from 'naive-ui';
 | 
			
		||||
import { h, type Component } from 'vue';
 | 
			
		||||
import { NIcon, useThemeVars, type MenuGroupOption } from 'naive-ui';
 | 
			
		||||
import { h } from 'vue';
 | 
			
		||||
import { RouterLink, useRoute } from 'vue-router';
 | 
			
		||||
import { Heart, Menu2, Home2 } from '@vicons/tabler';
 | 
			
		||||
import { toolsByCategory } from '@/tools';
 | 
			
		||||
@@ -9,24 +9,27 @@ import { useStyleStore } from '@/stores/style.store';
 | 
			
		||||
import HeroGradient from '../assets/hero-gradient.svg?component';
 | 
			
		||||
import MenuLayout from '../components/MenuLayout.vue';
 | 
			
		||||
import NavbarButtons from '../components/NavbarButtons.vue';
 | 
			
		||||
import { config } from '@/config';
 | 
			
		||||
import MenuIconItem from '@/components/MenuIconItem.vue';
 | 
			
		||||
import type { ITool } from '@/tools/tool';
 | 
			
		||||
 | 
			
		||||
const themeVars = useThemeVars();
 | 
			
		||||
const route = useRoute();
 | 
			
		||||
const styleStore = useStyleStore();
 | 
			
		||||
const version = import.meta.env.PACKAGE_VERSION;
 | 
			
		||||
const commitSha = import.meta.env.GIT_SHORT_SHA;
 | 
			
		||||
const version = config.app.version;
 | 
			
		||||
const commitSha = config.app.lastCommitSha.slice(0, 7);
 | 
			
		||||
 | 
			
		||||
const makeLabel = (text: string, to: string) => () => h(RouterLink, { to }, { default: () => text });
 | 
			
		||||
const makeIcon = (icon: Component) => () => h(NIcon, null, { default: () => h(icon) });
 | 
			
		||||
const makeLabel = (tool: ITool) => () => h(RouterLink, { to: tool.path }, { default: () => tool.name });
 | 
			
		||||
const makeIcon = (tool: ITool) => () => h(MenuIconItem, { tool });
 | 
			
		||||
 | 
			
		||||
const menuOptions = toolsByCategory.map((category) => ({
 | 
			
		||||
const menuOptions: MenuGroupOption[] = toolsByCategory.map((category) => ({
 | 
			
		||||
  label: category.name,
 | 
			
		||||
  key: category.name,
 | 
			
		||||
  type: 'group',
 | 
			
		||||
  children: category.components.map(({ name, path, icon }) => ({
 | 
			
		||||
    label: makeLabel(name, path),
 | 
			
		||||
    icon: makeIcon(icon),
 | 
			
		||||
    key: name,
 | 
			
		||||
  children: category.components.map((tool) => ({
 | 
			
		||||
    label: makeLabel(tool),
 | 
			
		||||
    icon: makeIcon(tool),
 | 
			
		||||
    key: tool.name,
 | 
			
		||||
  })),
 | 
			
		||||
}));
 | 
			
		||||
</script>
 | 
			
		||||
@@ -217,6 +220,11 @@ const menuOptions = toolsByCategory.map((category) => ({
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
// ::v-deep(.n-menu-item-content-header) {
 | 
			
		||||
//   overflow: visible !important;
 | 
			
		||||
//   // overflow-x: hidden !important;
 | 
			
		||||
// }
 | 
			
		||||
 | 
			
		||||
.navigation {
 | 
			
		||||
  display: flex;
 | 
			
		||||
  align-items: center;
 | 
			
		||||
 
 | 
			
		||||
@@ -3,11 +3,13 @@ import { useRoute } from 'vue-router';
 | 
			
		||||
import BaseLayout from './base.layout.vue';
 | 
			
		||||
import { useHead } from '@vueuse/head';
 | 
			
		||||
import type { HeadObject } from '@vueuse/head';
 | 
			
		||||
import { reactive } from 'vue';
 | 
			
		||||
import { computed } from 'vue';
 | 
			
		||||
import { useThemeVars } from 'naive-ui';
 | 
			
		||||
 | 
			
		||||
const route = useRoute();
 | 
			
		||||
const theme = useThemeVars();
 | 
			
		||||
 | 
			
		||||
const head = reactive<HeadObject>({
 | 
			
		||||
const head = computed<HeadObject>(() => ({
 | 
			
		||||
  title: `${route.meta.name} - IT Tools`,
 | 
			
		||||
  meta: [
 | 
			
		||||
    {
 | 
			
		||||
@@ -19,7 +21,7 @@ const head = reactive<HeadObject>({
 | 
			
		||||
      content: route.meta.keywords,
 | 
			
		||||
    },
 | 
			
		||||
  ],
 | 
			
		||||
});
 | 
			
		||||
}));
 | 
			
		||||
useHead(head);
 | 
			
		||||
</script>
 | 
			
		||||
 | 
			
		||||
@@ -27,7 +29,21 @@ useHead(head);
 | 
			
		||||
  <base-layout>
 | 
			
		||||
    <div class="tool-layout">
 | 
			
		||||
      <div class="tool-header">
 | 
			
		||||
        <n-h1>{{ route.meta.name }}</n-h1>
 | 
			
		||||
        <n-h1>
 | 
			
		||||
          {{ route.meta.name }}
 | 
			
		||||
 | 
			
		||||
          <n-tag
 | 
			
		||||
            v-if="route.meta.isNew"
 | 
			
		||||
            round
 | 
			
		||||
            type="success"
 | 
			
		||||
            :bordered="false"
 | 
			
		||||
            :color="{ color: theme.primaryColor, textColor: theme.tagColor }"
 | 
			
		||||
          >
 | 
			
		||||
            New tool
 | 
			
		||||
          </n-tag>
 | 
			
		||||
          <!-- <span class="new-tool-badge">New !</span> -->
 | 
			
		||||
        </n-h1>
 | 
			
		||||
 | 
			
		||||
        <div class="separator" />
 | 
			
		||||
        <div class="description">
 | 
			
		||||
          {{ route.meta.description }}
 | 
			
		||||
 
 | 
			
		||||
@@ -3,13 +3,19 @@ import { toolsWithCategory } from '@/tools';
 | 
			
		||||
import ToolCard from '../components/ToolCard.vue';
 | 
			
		||||
import { useHead } from '@vueuse/head';
 | 
			
		||||
 | 
			
		||||
useHead({ title: 'IT Tools' });
 | 
			
		||||
useHead({ title: 'IT Tools - Handy online tools for developers' });
 | 
			
		||||
</script>
 | 
			
		||||
 | 
			
		||||
<template>
 | 
			
		||||
  <div class="home-page">
 | 
			
		||||
    <n-grid x-gap="12" y-gap="12" cols="1 400:2 800:3 1200:4 2000:8">
 | 
			
		||||
      <n-gi v-for="tool in toolsWithCategory" :key="tool.name">
 | 
			
		||||
      <n-gi
 | 
			
		||||
        v-for="tool in [
 | 
			
		||||
          ...toolsWithCategory.filter(({ isNew }) => isNew),
 | 
			
		||||
          ...toolsWithCategory.filter(({ isNew }) => !isNew),
 | 
			
		||||
        ]"
 | 
			
		||||
        :key="tool.name"
 | 
			
		||||
      >
 | 
			
		||||
        <tool-card :tool="tool" />
 | 
			
		||||
      </n-gi>
 | 
			
		||||
    </n-grid>
 | 
			
		||||
 
 | 
			
		||||
@@ -1,15 +1,10 @@
 | 
			
		||||
import Plausible, { type PlausibleOptions } from 'plausible-tracker';
 | 
			
		||||
import { config } from '@/config';
 | 
			
		||||
import Plausible from 'plausible-tracker';
 | 
			
		||||
import type { App } from 'vue';
 | 
			
		||||
 | 
			
		||||
const options: PlausibleOptions = {
 | 
			
		||||
  domain: import.meta.env.VITE_PLAUSIBLE_DOMAIN,
 | 
			
		||||
  apiHost: import.meta.env.VITE_PLAUSIBLE_API_HOST,
 | 
			
		||||
  trackLocalhost: false,
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
export const plausible = {
 | 
			
		||||
  install: (app: App) => {
 | 
			
		||||
    const plausible = Plausible(options);
 | 
			
		||||
    const plausible = Plausible(config.plausible);
 | 
			
		||||
    plausible.enableAutoPageviews();
 | 
			
		||||
 | 
			
		||||
    app.config.globalProperties.$plausible = plausible;
 | 
			
		||||
 
 | 
			
		||||
@@ -3,6 +3,7 @@ import { createRouter, createWebHistory } from 'vue-router';
 | 
			
		||||
import HomePage from './pages/Home.page.vue';
 | 
			
		||||
import NotFound from './pages/404.page.vue';
 | 
			
		||||
import { tools } from './tools';
 | 
			
		||||
import { config } from './config';
 | 
			
		||||
 | 
			
		||||
const toolsRoutes = tools.map(({ path, name, component, ...config }) => ({
 | 
			
		||||
  path,
 | 
			
		||||
@@ -17,7 +18,7 @@ const toolsRedirectRoutes = tools
 | 
			
		||||
  );
 | 
			
		||||
 | 
			
		||||
const router = createRouter({
 | 
			
		||||
  history: createWebHistory(import.meta.env.BASE_URL),
 | 
			
		||||
  history: createWebHistory(config.app.baseUrl),
 | 
			
		||||
  routes: [
 | 
			
		||||
    {
 | 
			
		||||
      path: '/',
 | 
			
		||||
 
 | 
			
		||||
@@ -1,17 +0,0 @@
 | 
			
		||||
import type { Component } from 'vue';
 | 
			
		||||
 | 
			
		||||
export interface ITool {
 | 
			
		||||
  name: string;
 | 
			
		||||
  path: string;
 | 
			
		||||
  description: string;
 | 
			
		||||
  keywords: string[];
 | 
			
		||||
  component: () => Promise<Component>;
 | 
			
		||||
  icon: Component;
 | 
			
		||||
  redirectFrom?: string[];
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
export interface ToolCategory {
 | 
			
		||||
  name: string;
 | 
			
		||||
  icon: Component;
 | 
			
		||||
  components: ITool[];
 | 
			
		||||
}
 | 
			
		||||
@@ -1,7 +1,7 @@
 | 
			
		||||
import { FileDigit } from '@vicons/tabler';
 | 
			
		||||
import type { ITool } from './../Tool';
 | 
			
		||||
import { defineTool } from '../tool';
 | 
			
		||||
 | 
			
		||||
export const tool: ITool = {
 | 
			
		||||
export const tool = defineTool({
 | 
			
		||||
  name: 'Base64 converter',
 | 
			
		||||
  path: '/base64-converter',
 | 
			
		||||
  description: "Convert string, files or images into a it's base64 representation.",
 | 
			
		||||
@@ -9,4 +9,4 @@ export const tool: ITool = {
 | 
			
		||||
  component: () => import('./base64-converter.vue'),
 | 
			
		||||
  icon: FileDigit,
 | 
			
		||||
  redirectFrom: ['/file-to-base64', '/base64-string-converter'],
 | 
			
		||||
};
 | 
			
		||||
});
 | 
			
		||||
 
 | 
			
		||||
@@ -1,7 +1,7 @@
 | 
			
		||||
import { LockSquare } from '@vicons/tabler';
 | 
			
		||||
import type { ITool } from './../Tool';
 | 
			
		||||
import { defineTool } from '../tool';
 | 
			
		||||
 | 
			
		||||
export const tool: ITool = {
 | 
			
		||||
export const tool = defineTool({
 | 
			
		||||
  name: 'Bcrypt',
 | 
			
		||||
  path: '/bcrypt',
 | 
			
		||||
  description:
 | 
			
		||||
@@ -9,4 +9,4 @@ export const tool: ITool = {
 | 
			
		||||
  keywords: ['bcrypt', 'hash', 'compare', 'password', 'salt', 'round', 'storage', 'crypto'],
 | 
			
		||||
  component: () => import('./bcrypt.vue'),
 | 
			
		||||
  icon: LockSquare,
 | 
			
		||||
};
 | 
			
		||||
});
 | 
			
		||||
 
 | 
			
		||||
@@ -1,11 +1,11 @@
 | 
			
		||||
import { AlignJustified } from '@vicons/tabler';
 | 
			
		||||
import type { ITool } from '../Tool';
 | 
			
		||||
import { defineTool } from '../tool';
 | 
			
		||||
 | 
			
		||||
export const tool: ITool = {
 | 
			
		||||
export const tool = defineTool({
 | 
			
		||||
  name: 'BIP39 passphrase generator',
 | 
			
		||||
  path: '/bip39-generator',
 | 
			
		||||
  description: 'Generate BIP39 passphrase from existing or random mnemonic, or get the mnemonic from the passphrase.',
 | 
			
		||||
  keywords: ['BIP39', 'passphrase', 'generator', 'mnemonic', 'entropy'],
 | 
			
		||||
  component: () => import('./bip39-generator.vue'),
 | 
			
		||||
  icon: AlignJustified,
 | 
			
		||||
};
 | 
			
		||||
});
 | 
			
		||||
 
 | 
			
		||||
@@ -1,7 +1,7 @@
 | 
			
		||||
import { LetterCaseToggle } from '@vicons/tabler';
 | 
			
		||||
import type { ITool } from './../Tool';
 | 
			
		||||
import { defineTool } from '../tool';
 | 
			
		||||
 | 
			
		||||
export const tool: ITool = {
 | 
			
		||||
export const tool = defineTool({
 | 
			
		||||
  name: 'Case converter',
 | 
			
		||||
  path: '/case-converter',
 | 
			
		||||
  description: 'Change the case of a string and chose between different formats',
 | 
			
		||||
@@ -22,4 +22,4 @@ export const tool: ITool = {
 | 
			
		||||
  ],
 | 
			
		||||
  component: () => import('./case-converter.vue'),
 | 
			
		||||
  icon: LetterCaseToggle,
 | 
			
		||||
};
 | 
			
		||||
});
 | 
			
		||||
 
 | 
			
		||||
@@ -1,7 +1,7 @@
 | 
			
		||||
import { Palette } from '@vicons/tabler';
 | 
			
		||||
import type { ITool } from './../Tool';
 | 
			
		||||
import { defineTool } from '../tool';
 | 
			
		||||
 | 
			
		||||
export const tool: ITool = {
 | 
			
		||||
export const tool = defineTool({
 | 
			
		||||
  name: 'Color converter',
 | 
			
		||||
  path: '/color-converter',
 | 
			
		||||
  description: 'Convert color between the different formats (hex, rgb, hsl and css name)',
 | 
			
		||||
@@ -9,4 +9,4 @@ export const tool: ITool = {
 | 
			
		||||
  component: () => import('./color-converter.vue'),
 | 
			
		||||
  icon: Palette,
 | 
			
		||||
  redirectFrom: ['/color-picker-converter'],
 | 
			
		||||
};
 | 
			
		||||
});
 | 
			
		||||
 
 | 
			
		||||
@@ -1,7 +1,7 @@
 | 
			
		||||
import { Alarm } from '@vicons/tabler';
 | 
			
		||||
import type { ITool } from './../Tool';
 | 
			
		||||
import { defineTool } from '../tool';
 | 
			
		||||
 | 
			
		||||
export const tool: ITool = {
 | 
			
		||||
export const tool = defineTool({
 | 
			
		||||
  name: 'Crontab generator',
 | 
			
		||||
  path: '/crontab-generator',
 | 
			
		||||
  description: 'Validate and generate crontab and get the human readable description of the cron schedule.',
 | 
			
		||||
@@ -22,4 +22,4 @@ export const tool: ITool = {
 | 
			
		||||
  ],
 | 
			
		||||
  component: () => import('./crontab-generator.vue'),
 | 
			
		||||
  icon: Alarm,
 | 
			
		||||
};
 | 
			
		||||
});
 | 
			
		||||
 
 | 
			
		||||
@@ -1,11 +1,11 @@
 | 
			
		||||
import { Calendar } from '@vicons/tabler';
 | 
			
		||||
import type { ITool } from '../Tool';
 | 
			
		||||
import { defineTool } from '../tool';
 | 
			
		||||
 | 
			
		||||
export const tool: ITool = {
 | 
			
		||||
export const tool = defineTool({
 | 
			
		||||
  name: 'Date-time converter',
 | 
			
		||||
  path: '/date-converter',
 | 
			
		||||
  description: 'Convert date and time into the various different formats',
 | 
			
		||||
  keywords: ['date', 'time', 'converter', 'iso', 'utc', 'timezone', 'year', 'month', 'day', 'minute', 'seconde'],
 | 
			
		||||
  component: () => import('./date-time-converter.vue'),
 | 
			
		||||
  icon: Calendar,
 | 
			
		||||
};
 | 
			
		||||
});
 | 
			
		||||
 
 | 
			
		||||
@@ -1,7 +1,7 @@
 | 
			
		||||
import { DeviceDesktop } from '@vicons/tabler';
 | 
			
		||||
import type { ITool } from './../Tool';
 | 
			
		||||
import { defineTool } from '../tool';
 | 
			
		||||
 | 
			
		||||
export const tool: ITool = {
 | 
			
		||||
export const tool = defineTool({
 | 
			
		||||
  name: 'Device information',
 | 
			
		||||
  path: '/device-information',
 | 
			
		||||
  description: 'Get information about your current device (screen size, pixel-ratio, user agent, ...)',
 | 
			
		||||
@@ -20,4 +20,4 @@ export const tool: ITool = {
 | 
			
		||||
  ],
 | 
			
		||||
  component: () => import('./device-information.vue'),
 | 
			
		||||
  icon: DeviceDesktop,
 | 
			
		||||
};
 | 
			
		||||
});
 | 
			
		||||
 
 | 
			
		||||
@@ -1,7 +1,7 @@
 | 
			
		||||
import { Lock } from '@vicons/tabler';
 | 
			
		||||
import type { ITool } from '../Tool';
 | 
			
		||||
import { defineTool } from '../tool';
 | 
			
		||||
 | 
			
		||||
export const tool: ITool = {
 | 
			
		||||
export const tool = defineTool({
 | 
			
		||||
  name: 'Encrypt / decrypt text',
 | 
			
		||||
  path: '/encryption',
 | 
			
		||||
  description: 'Encrypt and decrypt text clear text using crypto algorithm like AES, TripleDES, Rabbit or RC4.',
 | 
			
		||||
@@ -9,4 +9,4 @@ export const tool: ITool = {
 | 
			
		||||
  component: () => import('./encryption.vue'),
 | 
			
		||||
  icon: Lock,
 | 
			
		||||
  redirectFrom: ['/cypher'],
 | 
			
		||||
};
 | 
			
		||||
});
 | 
			
		||||
 
 | 
			
		||||
@@ -1,7 +1,7 @@
 | 
			
		||||
import { BrandGit } from '@vicons/tabler';
 | 
			
		||||
import type { ITool } from '../Tool';
 | 
			
		||||
import { defineTool } from '../tool';
 | 
			
		||||
 | 
			
		||||
export const tool: ITool = {
 | 
			
		||||
export const tool = defineTool({
 | 
			
		||||
  name: 'Git cheatsheet',
 | 
			
		||||
  path: '/git-memo',
 | 
			
		||||
  description:
 | 
			
		||||
@@ -9,4 +9,4 @@ export const tool: ITool = {
 | 
			
		||||
  keywords: ['git', 'push', 'force', 'pull', 'commit', 'amend', 'rebase', 'merge', 'reset', 'soft', 'hard', 'lease'],
 | 
			
		||||
  component: () => import('./git-memo.vue'),
 | 
			
		||||
  icon: BrandGit,
 | 
			
		||||
};
 | 
			
		||||
});
 | 
			
		||||
 
 | 
			
		||||
@@ -1,7 +1,7 @@
 | 
			
		||||
import { EyeOff } from '@vicons/tabler';
 | 
			
		||||
import type { ITool } from '../Tool';
 | 
			
		||||
import { defineTool } from '../tool';
 | 
			
		||||
 | 
			
		||||
export const tool: ITool = {
 | 
			
		||||
export const tool = defineTool({
 | 
			
		||||
  name: 'Hash text',
 | 
			
		||||
  path: '/hash-text',
 | 
			
		||||
  description:
 | 
			
		||||
@@ -24,4 +24,4 @@ export const tool: ITool = {
 | 
			
		||||
  component: () => import('./hash-text.vue'),
 | 
			
		||||
  icon: EyeOff,
 | 
			
		||||
  redirectFrom: ['/hash'],
 | 
			
		||||
};
 | 
			
		||||
});
 | 
			
		||||
 
 | 
			
		||||
@@ -1,11 +1,11 @@
 | 
			
		||||
import { Code } from '@vicons/tabler';
 | 
			
		||||
import type { ITool } from './../Tool';
 | 
			
		||||
import { defineTool } from '../tool';
 | 
			
		||||
 | 
			
		||||
export const tool: ITool = {
 | 
			
		||||
export const tool = defineTool({
 | 
			
		||||
  name: 'Escape html entities',
 | 
			
		||||
  path: '/html-entities',
 | 
			
		||||
  description: 'Escape or unescape html entities (replace <,>, &, " and \' to their html version)',
 | 
			
		||||
  keywords: ['html', 'entities', 'escape', 'unescape', 'special', 'characters', 'tags'],
 | 
			
		||||
  component: () => import('./html-entities.vue'),
 | 
			
		||||
  icon: Code,
 | 
			
		||||
};
 | 
			
		||||
});
 | 
			
		||||
 
 | 
			
		||||
@@ -1,6 +1,7 @@
 | 
			
		||||
import { LockOpen } from '@vicons/tabler';
 | 
			
		||||
import type { ToolCategory } from './Tool';
 | 
			
		||||
import type { ToolCategory } from './tool';
 | 
			
		||||
 | 
			
		||||
import { tool as mathEvaluator } from './math-evaluator';
 | 
			
		||||
import { tool as jsonViewer } from './json-viewer';
 | 
			
		||||
import { tool as htmlEntities } from './html-entities';
 | 
			
		||||
import { tool as urlParser } from './url-parser';
 | 
			
		||||
@@ -53,6 +54,11 @@ export const toolsByCategory: ToolCategory[] = [
 | 
			
		||||
    icon: LockOpen,
 | 
			
		||||
    components: [gitMemo, randomPortGenerator, crontabGenerator, jsonViewer],
 | 
			
		||||
  },
 | 
			
		||||
  {
 | 
			
		||||
    name: 'Math',
 | 
			
		||||
    icon: LockOpen,
 | 
			
		||||
    components: [mathEvaluator],
 | 
			
		||||
  },
 | 
			
		||||
  {
 | 
			
		||||
    name: 'Text',
 | 
			
		||||
    icon: LockOpen,
 | 
			
		||||
 
 | 
			
		||||
@@ -1,11 +1,11 @@
 | 
			
		||||
import { ArrowsLeftRight } from '@vicons/tabler';
 | 
			
		||||
import type { ITool } from '../Tool';
 | 
			
		||||
import { defineTool } from '../tool';
 | 
			
		||||
 | 
			
		||||
export const tool: ITool = {
 | 
			
		||||
export const tool = defineTool({
 | 
			
		||||
  name: 'Integer base converter',
 | 
			
		||||
  path: '/base-converter',
 | 
			
		||||
  description: 'Convert number between different bases (decimal, hexadecimal, binary, octal, base64, ...)',
 | 
			
		||||
  keywords: ['integer', 'number', 'base', 'conversion', 'decimal', 'hexadecimal', 'binary', 'octal', 'base64'],
 | 
			
		||||
  component: () => import('./integer-base-converter.vue'),
 | 
			
		||||
  icon: ArrowsLeftRight,
 | 
			
		||||
};
 | 
			
		||||
});
 | 
			
		||||
 
 | 
			
		||||
@@ -1,11 +1,11 @@
 | 
			
		||||
import { Braces } from '@vicons/tabler';
 | 
			
		||||
import type { ITool } from './../Tool';
 | 
			
		||||
import { defineTool } from '../tool';
 | 
			
		||||
 | 
			
		||||
export const tool: ITool = {
 | 
			
		||||
export const tool = defineTool({
 | 
			
		||||
  name: 'JSON viewer',
 | 
			
		||||
  path: '/json-viewer',
 | 
			
		||||
  description: 'Prettify JSON string to a human friendly readable format.',
 | 
			
		||||
  keywords: ['json', 'viewer', 'prettify', 'format'],
 | 
			
		||||
  component: () => import('./json-viewer.vue'),
 | 
			
		||||
  icon: Braces,
 | 
			
		||||
};
 | 
			
		||||
});
 | 
			
		||||
 
 | 
			
		||||
@@ -5,8 +5,21 @@
 | 
			
		||||
      :feedback="rawJsonValidation.message"
 | 
			
		||||
      :validation-status="rawJsonValidation.status"
 | 
			
		||||
    >
 | 
			
		||||
      <n-input v-model:value="rawJson" class="json-input" type="textarea" placeholder="Paste your raw json here..." />
 | 
			
		||||
      <n-input
 | 
			
		||||
        v-model:value="rawJson"
 | 
			
		||||
        class="json-input"
 | 
			
		||||
        type="textarea"
 | 
			
		||||
        placeholder="Paste your raw json here..."
 | 
			
		||||
        autocomplete="off"
 | 
			
		||||
        autocorrect="off"
 | 
			
		||||
        autocapitalize="off"
 | 
			
		||||
        spellcheck="false"
 | 
			
		||||
      />
 | 
			
		||||
    </n-form-item>
 | 
			
		||||
 | 
			
		||||
    <n-space justify="center">
 | 
			
		||||
      <n-button secondary @click="rawJson = ''">Clear</n-button>
 | 
			
		||||
    </n-space>
 | 
			
		||||
  </n-card>
 | 
			
		||||
 | 
			
		||||
  <n-card v-if="cleanJson.length > 0">
 | 
			
		||||
@@ -39,7 +52,7 @@ const rawJsonValidation = useValidation({
 | 
			
		||||
  source: rawJson,
 | 
			
		||||
  rules: [
 | 
			
		||||
    {
 | 
			
		||||
      validator: (v) => JSON.parse(v),
 | 
			
		||||
      validator: (v) => v === '' || JSON.parse(v),
 | 
			
		||||
      message: 'Invalid json string',
 | 
			
		||||
    },
 | 
			
		||||
  ],
 | 
			
		||||
 
 | 
			
		||||
@@ -1,7 +1,7 @@
 | 
			
		||||
import { AlignJustified } from '@vicons/tabler';
 | 
			
		||||
import type { ITool } from '../Tool';
 | 
			
		||||
import { defineTool } from '../tool';
 | 
			
		||||
 | 
			
		||||
export const tool: ITool = {
 | 
			
		||||
export const tool = defineTool({
 | 
			
		||||
  name: 'Lorem ipsum generator',
 | 
			
		||||
  path: '/lorem-ipsum-generator',
 | 
			
		||||
  description:
 | 
			
		||||
@@ -9,4 +9,4 @@ export const tool: ITool = {
 | 
			
		||||
  keywords: ['lorem', 'ipsum', 'dolor', 'sit', 'amet', 'placeholder', 'text', 'filler', 'random', 'generator'],
 | 
			
		||||
  component: () => import('./lorem-ipsum-generator.vue'),
 | 
			
		||||
  icon: AlignJustified,
 | 
			
		||||
};
 | 
			
		||||
});
 | 
			
		||||
 
 | 
			
		||||
							
								
								
									
										39
									
								
								src/tools/math-evaluator/index.ts
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										39
									
								
								src/tools/math-evaluator/index.ts
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,39 @@
 | 
			
		||||
import { Math } from '@vicons/tabler';
 | 
			
		||||
import { defineTool } from '../tool';
 | 
			
		||||
 | 
			
		||||
export const tool = defineTool({
 | 
			
		||||
  name: 'Math evaluator',
 | 
			
		||||
  path: '/math-evaluator',
 | 
			
		||||
  description: `Evaluate math expression, like a calculator on steroid (you can use function like sqrt, cos, sin, abs, ...)`,
 | 
			
		||||
  keywords: [
 | 
			
		||||
    'math',
 | 
			
		||||
    'evaluator',
 | 
			
		||||
    'acos',
 | 
			
		||||
    'acosh',
 | 
			
		||||
    'acot',
 | 
			
		||||
    'acoth',
 | 
			
		||||
    'acsc',
 | 
			
		||||
    'acsch',
 | 
			
		||||
    'asec',
 | 
			
		||||
    'asech',
 | 
			
		||||
    'asin',
 | 
			
		||||
    'asinh',
 | 
			
		||||
    'atan',
 | 
			
		||||
    'atan2',
 | 
			
		||||
    'atanh',
 | 
			
		||||
    'cos',
 | 
			
		||||
    'cosh',
 | 
			
		||||
    'cot',
 | 
			
		||||
    'coth',
 | 
			
		||||
    'csc',
 | 
			
		||||
    'csch',
 | 
			
		||||
    'sec',
 | 
			
		||||
    'sech',
 | 
			
		||||
    'sin',
 | 
			
		||||
    'sinh',
 | 
			
		||||
    'tan',
 | 
			
		||||
    'tanh',
 | 
			
		||||
  ],
 | 
			
		||||
  component: () => import('./math-evaluator.vue'),
 | 
			
		||||
  icon: Math,
 | 
			
		||||
});
 | 
			
		||||
							
								
								
									
										38
									
								
								src/tools/math-evaluator/math-evaluator.vue
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										38
									
								
								src/tools/math-evaluator/math-evaluator.vue
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,38 @@
 | 
			
		||||
<template>
 | 
			
		||||
  <div>
 | 
			
		||||
    <n-input
 | 
			
		||||
      v-model:value="expression"
 | 
			
		||||
      rows="1"
 | 
			
		||||
      type="textarea"
 | 
			
		||||
      placeholder="Your math expression (ex: 2*sqrt(6) )..."
 | 
			
		||||
      size="large"
 | 
			
		||||
      autocomplete="off"
 | 
			
		||||
      autocorrect="off"
 | 
			
		||||
      autocapitalize="off"
 | 
			
		||||
      spellcheck="false"
 | 
			
		||||
    />
 | 
			
		||||
    <br />
 | 
			
		||||
    <br />
 | 
			
		||||
 | 
			
		||||
    <n-card v-if="result !== ''" title="Result ">
 | 
			
		||||
      {{ result }}
 | 
			
		||||
    </n-card>
 | 
			
		||||
  </div>
 | 
			
		||||
</template>
 | 
			
		||||
 | 
			
		||||
<script setup lang="ts">
 | 
			
		||||
import { evaluate } from 'mathjs';
 | 
			
		||||
import { computed, ref } from 'vue';
 | 
			
		||||
 | 
			
		||||
const expression = ref('');
 | 
			
		||||
 | 
			
		||||
const result = computed(() => {
 | 
			
		||||
  try {
 | 
			
		||||
    return evaluate(expression.value) ?? '';
 | 
			
		||||
  } catch (_) {
 | 
			
		||||
    return '';
 | 
			
		||||
  }
 | 
			
		||||
});
 | 
			
		||||
</script>
 | 
			
		||||
 | 
			
		||||
<style lang="less" scoped></style>
 | 
			
		||||
@@ -1,7 +1,7 @@
 | 
			
		||||
import { Qrcode } from '@vicons/tabler';
 | 
			
		||||
import type { ITool } from './../Tool';
 | 
			
		||||
import { defineTool } from '../tool';
 | 
			
		||||
 | 
			
		||||
export const tool: ITool = {
 | 
			
		||||
export const tool = defineTool({
 | 
			
		||||
  name: 'QR Code generator',
 | 
			
		||||
  path: '/qrcode-generator',
 | 
			
		||||
  description:
 | 
			
		||||
@@ -9,4 +9,4 @@ export const tool: ITool = {
 | 
			
		||||
  keywords: ['qr', 'code', 'generator', 'square', 'color', 'link', 'low', 'medium', 'quartile', 'high', 'transparent'],
 | 
			
		||||
  component: () => import('./qr-code-generator.vue'),
 | 
			
		||||
  icon: Qrcode,
 | 
			
		||||
};
 | 
			
		||||
});
 | 
			
		||||
 
 | 
			
		||||
@@ -1,11 +1,11 @@
 | 
			
		||||
import { Server } from '@vicons/tabler';
 | 
			
		||||
import type { ITool } from '../Tool';
 | 
			
		||||
import { defineTool } from '../tool';
 | 
			
		||||
 | 
			
		||||
export const tool: ITool = {
 | 
			
		||||
export const tool = defineTool({
 | 
			
		||||
  name: 'Random port generator',
 | 
			
		||||
  path: '/random-port-generator',
 | 
			
		||||
  description: 'Generate random port numbers outside of the range of "known" ports (0-1023).',
 | 
			
		||||
  keywords: ['system', 'port', 'lan', 'generator', 'random', 'development', 'computer'],
 | 
			
		||||
  component: () => import('./random-port-generator.vue'),
 | 
			
		||||
  icon: Server,
 | 
			
		||||
};
 | 
			
		||||
});
 | 
			
		||||
 
 | 
			
		||||
@@ -1,11 +1,11 @@
 | 
			
		||||
import { LetterX } from '@vicons/tabler';
 | 
			
		||||
import type { ITool } from '../Tool';
 | 
			
		||||
import { defineTool } from '../tool';
 | 
			
		||||
 | 
			
		||||
export const tool: ITool = {
 | 
			
		||||
export const tool = defineTool({
 | 
			
		||||
  name: 'Roman numeral converter',
 | 
			
		||||
  path: '/roman-numeral-converter',
 | 
			
		||||
  description: 'Convert Roman numerals to numbers and convert numbers to Roman numerals.',
 | 
			
		||||
  keywords: ['roman', 'arabic', 'converter', 'X', 'I', 'V', 'L', 'C', 'D', 'M'],
 | 
			
		||||
  component: () => import('./roman-numeral-converter.vue'),
 | 
			
		||||
  icon: LetterX,
 | 
			
		||||
};
 | 
			
		||||
});
 | 
			
		||||
 
 | 
			
		||||
@@ -1,7 +1,7 @@
 | 
			
		||||
import { FileText } from '@vicons/tabler';
 | 
			
		||||
import type { ITool } from './../Tool';
 | 
			
		||||
import { defineTool } from '../tool';
 | 
			
		||||
 | 
			
		||||
export const tool: ITool = {
 | 
			
		||||
export const tool = defineTool({
 | 
			
		||||
  name: 'Text statistics',
 | 
			
		||||
  path: '/text-statistics',
 | 
			
		||||
  description: "Get information about a text, the amount of characters, the amount of words, it's size, ...",
 | 
			
		||||
@@ -9,4 +9,4 @@ export const tool: ITool = {
 | 
			
		||||
  component: () => import('./text-statistics.vue'),
 | 
			
		||||
  icon: FileText,
 | 
			
		||||
  redirectFrom: ['/text-stats'],
 | 
			
		||||
};
 | 
			
		||||
});
 | 
			
		||||
 
 | 
			
		||||
@@ -1,7 +1,7 @@
 | 
			
		||||
import { ArrowsShuffle } from '@vicons/tabler';
 | 
			
		||||
import type { ITool } from './../Tool';
 | 
			
		||||
import { defineTool } from '../tool';
 | 
			
		||||
 | 
			
		||||
export const tool: ITool = {
 | 
			
		||||
export const tool = defineTool({
 | 
			
		||||
  name: 'Token generator',
 | 
			
		||||
  path: '/token-generator',
 | 
			
		||||
  description:
 | 
			
		||||
@@ -9,4 +9,4 @@ export const tool: ITool = {
 | 
			
		||||
  keywords: ['token', 'random', 'string', 'alphanumeric', 'symbols', 'number', 'letters', 'lowercase', 'uppercase'],
 | 
			
		||||
  component: () => import('./token-generator.tool.vue'),
 | 
			
		||||
  icon: ArrowsShuffle,
 | 
			
		||||
};
 | 
			
		||||
});
 | 
			
		||||
 
 | 
			
		||||
							
								
								
									
										33
									
								
								src/tools/tool.ts
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										33
									
								
								src/tools/tool.ts
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,33 @@
 | 
			
		||||
import { config } from '@/config';
 | 
			
		||||
import type { Component } from 'vue';
 | 
			
		||||
 | 
			
		||||
export interface ITool {
 | 
			
		||||
  name: string;
 | 
			
		||||
  path: string;
 | 
			
		||||
  description: string;
 | 
			
		||||
  keywords: string[];
 | 
			
		||||
  component: () => Promise<Component>;
 | 
			
		||||
  icon: Component;
 | 
			
		||||
  redirectFrom?: string[];
 | 
			
		||||
  isNew: boolean;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
export interface ToolCategory {
 | 
			
		||||
  name: string;
 | 
			
		||||
  icon: Component;
 | 
			
		||||
  components: ITool[];
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
type WithOptional<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
 | 
			
		||||
 | 
			
		||||
export function defineTool(
 | 
			
		||||
  tool: WithOptional<ITool, 'isNew'>,
 | 
			
		||||
  { newTools }: { newTools: string[] } = { newTools: config.tools.newTools },
 | 
			
		||||
) {
 | 
			
		||||
  const isNew = newTools.includes(tool.name);
 | 
			
		||||
 | 
			
		||||
  return {
 | 
			
		||||
    isNew,
 | 
			
		||||
    ...tool,
 | 
			
		||||
  };
 | 
			
		||||
}
 | 
			
		||||
@@ -1,11 +1,11 @@
 | 
			
		||||
import { Link } from '@vicons/tabler';
 | 
			
		||||
import type { ITool } from '../Tool';
 | 
			
		||||
import { defineTool } from '../tool';
 | 
			
		||||
 | 
			
		||||
export const tool: ITool = {
 | 
			
		||||
export const tool = defineTool({
 | 
			
		||||
  name: 'Encode/decode url formatted strings',
 | 
			
		||||
  path: '/url-encoder',
 | 
			
		||||
  description: 'Encode to url-encoded format (also known as "percent-encoded") or decode from it.',
 | 
			
		||||
  keywords: ['url', 'encode', 'decode', 'percent', '%20', 'format'],
 | 
			
		||||
  component: () => import('./url-encoder.vue'),
 | 
			
		||||
  icon: Link,
 | 
			
		||||
};
 | 
			
		||||
});
 | 
			
		||||
 
 | 
			
		||||
@@ -1,7 +1,7 @@
 | 
			
		||||
import { Unlink } from '@vicons/tabler';
 | 
			
		||||
import type { ITool } from './../Tool';
 | 
			
		||||
import { defineTool } from '../tool';
 | 
			
		||||
 | 
			
		||||
export const tool: ITool = {
 | 
			
		||||
export const tool = defineTool({
 | 
			
		||||
  name: 'Url parser',
 | 
			
		||||
  path: '/url-parser',
 | 
			
		||||
  description:
 | 
			
		||||
@@ -9,4 +9,4 @@ export const tool: ITool = {
 | 
			
		||||
  keywords: ['url', 'parser', 'protocol', 'origin', 'params', 'port', 'username', 'password', 'href'],
 | 
			
		||||
  component: () => import('./url-parser.vue'),
 | 
			
		||||
  icon: Unlink,
 | 
			
		||||
};
 | 
			
		||||
});
 | 
			
		||||
 
 | 
			
		||||
@@ -1,7 +1,7 @@
 | 
			
		||||
import { Fingerprint } from '@vicons/tabler';
 | 
			
		||||
import type { ITool } from '../Tool';
 | 
			
		||||
import { defineTool } from '../tool';
 | 
			
		||||
 | 
			
		||||
export const tool: ITool = {
 | 
			
		||||
export const tool = defineTool({
 | 
			
		||||
  name: 'UUIDs v4 generator',
 | 
			
		||||
  path: '/uuid-generator',
 | 
			
		||||
  description:
 | 
			
		||||
@@ -9,4 +9,4 @@ export const tool: ITool = {
 | 
			
		||||
  keywords: ['uuid', 'v4', 'random', 'id', 'alphanumeric', 'identity', 'token', 'string', 'identifier', 'unique'],
 | 
			
		||||
  component: () => import('./uuid-generator.vue'),
 | 
			
		||||
  icon: Fingerprint,
 | 
			
		||||
};
 | 
			
		||||
});
 | 
			
		||||
 
 | 
			
		||||
@@ -61,6 +61,5 @@ export default defineConfig({
 | 
			
		||||
  },
 | 
			
		||||
  define: {
 | 
			
		||||
    'import.meta.env.PACKAGE_VERSION': JSON.stringify(process.env.npm_package_version),
 | 
			
		||||
    'import.meta.env.GIT_SHORT_SHA': JSON.stringify((process?.env?.VITE_VERCEL_GIT_COMMIT_SHA ?? '').slice(0, 7)),
 | 
			
		||||
  },
 | 
			
		||||
});
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user