feat: add npmPackages

src/tools/ascii-text-drawer/index.ts

@@ -9,4 +9,5 @@ export const tool = defineTool({
   component: () => import('./ascii-text-drawer.vue'),
   icon: Artboard,
   createdAt: new Date('2024-03-03'),
+  npmPackages: ['figlet'],
 });

src/tools/base64-file-converter/index.ts

@@ -9,4 +9,5 @@ export const tool = defineTool({
   keywords: ['base64', 'converter', 'upload', 'image', 'file', 'conversion', 'web', 'data', 'format'],
   component: () => import('./base64-file-converter.vue'),
   icon: FileDigit,
+  npmPackages: ['js-base64'],
 });

src/tools/base64-string-converter/index.ts

@@ -10,4 +10,5 @@ export const tool = defineTool({
   component: () => import('./base64-string-converter.vue'),
   icon: FileDigit,
   redirectFrom: ['/file-to-base64', '/base64-converter'],
+  npmPackages: ['js-base64'],
 });

src/tools/bcrypt/index.ts

@@ -9,4 +9,5 @@ export const tool = defineTool({
   keywords: ['bcrypt', 'hash', 'compare', 'password', 'salt', 'round', 'storage', 'crypto'],
   component: () => import('./bcrypt.vue'),
   icon: LockSquare,
+  npmPackages: ['bcryptjs'],
 });

src/tools/bip39-generator/index.ts

@@ -9,4 +9,5 @@ export const tool = defineTool({
   keywords: ['BIP39', 'passphrase', 'generator', 'mnemonic', 'entropy'],
   component: () => import('./bip39-generator.vue'),
   icon: AlignJustified,
+  npmPackages: ['@it-tools/bip39'],
 });

src/tools/case-converter/index.ts

@@ -23,4 +23,5 @@ export const tool = defineTool({
   ],
   component: () => import('./case-converter.vue'),
   icon: LetterCaseToggle,
+  npmPackages: ['change-case'],
 });

src/tools/color-converter/index.ts

@@ -10,4 +10,5 @@ export const tool = defineTool({
   component: () => import('./color-converter.vue'),
   icon: Palette,
   redirectFrom: ['/color-picker-converter'],
+  npmPackages: ['colord'],
 });

src/tools/crontab-generator/index.ts

@@ -23,4 +23,5 @@ export const tool = defineTool({
   ],
   component: () => import('./crontab-generator.vue'),
   icon: Alarm,
+  npmPackages: ['cronstrue'],
 });

src/tools/date-time-converter/index.ts

@@ -9,4 +9,5 @@ export const tool = defineTool({
   keywords: ['date', 'time', 'converter', 'iso', 'utc', 'timezone', 'year', 'month', 'day', 'minute', 'seconde'],
   component: () => import('./date-time-converter.vue'),
   icon: Calendar,
+  npmPackages: ['date-fns'],
 });

src/tools/emoji-picker/index.ts

@@ -10,4 +10,5 @@ export const tool = defineTool({
   component: () => import('./emoji-picker.vue'),
   icon: MoodSmile,
   createdAt: new Date('2023-08-07'),
+  npmPackages: ['unicode-emoji-json', 'emojilib'],
 });

src/tools/encryption/index.ts

@@ -10,4 +10,5 @@ export const tool = defineTool({
   component: () => import('./encryption.vue'),
   icon: Lock,
   redirectFrom: ['/cypher'],
+  npmPackages: ['crypto-s'],
 });

src/tools/hmac-generator/index.ts

@@ -9,4 +9,5 @@ export const tool = defineTool({
   keywords: ['hmac', 'generator', 'MD5', 'SHA1', 'SHA256', 'SHA224', 'SHA512', 'SHA384', 'SHA3', 'RIPEMD160'],
   component: () => import('./hmac-generator.vue'),
   icon: ShortTextRound,
+  npmPackages: ['crypto-js'],
 });

src/tools/html-wysiwyg-editor/index.ts

@@ -9,4 +9,5 @@ export const tool = defineTool({
   keywords: ['html', 'wysiwyg', 'editor', 'p', 'ul', 'ol', 'converter', 'live'],
   component: () => import('./html-wysiwyg-editor.vue'),
   icon: Edit,
+  npmPackages: ['monaco', 'prettier'],
 });

src/tools/iban-validator-and-parser/index.ts

@@ -10,4 +10,5 @@ export const tool = defineTool({
   component: () => import('./iban-validator-and-parser.vue'),
   icon: Bank,
   createdAt: new Date('2023-08-26'),
+  npmPackages: ['ibantools'],
 });

src/tools/ipv6-ula-generator/index.ts

@@ -10,4 +10,5 @@ export const tool = defineTool({
   component: () => import('./ipv6-ula-generator.vue'),
   icon: BuildingFactory,
   createdAt: new Date('2023-04-09'),
+  npmPackages: ['crypto-js'],
 });

src/tools/json-diff/index.ts

@@ -10,4 +10,5 @@ export const tool = defineTool({
   component: () => import('./json-diff.vue'),
   icon: CompareArrowsRound,
   createdAt: new Date('2023-04-20'),
+  npmPackages: ['json5'],
 });

src/tools/json-minify/index.ts

@@ -9,4 +9,5 @@ export const tool = defineTool({
   keywords: ['json', 'minify', 'format'],
   component: () => import('./json-minify.vue'),
   icon: Braces,
+  npmPackages: ['json5'],
 });

src/tools/json-to-csv/index.ts

@@ -10,4 +10,5 @@ export const tool = defineTool({
   component: () => import('./json-to-csv.vue'),
   icon: List,
   createdAt: new Date('2023-06-18'),
+  npmPackages: ['json5'],
 });

src/tools/json-to-toml/index.ts

@@ -10,4 +10,5 @@ export const tool = defineTool({
   component: () => import('./json-to-toml.vue'),
   icon: Braces,
   createdAt: new Date('2023-06-23'),
+  npmPackages: ['json5', 'iarna-toml-esm'],
 });

src/tools/json-to-yaml-converter/index.ts

@@ -10,4 +10,5 @@ export const tool = defineTool({
   component: () => import('./json-to-yaml.vue'),
   icon: Braces,
   createdAt: new Date('2023-04-10'),
+  npmPackages: ['yaml', 'json5'],
 });

src/tools/json-viewer/index.ts

@@ -10,4 +10,5 @@ export const tool = defineTool({
   component: () => import('./json-viewer.vue'),
   icon: Braces,
   redirectFrom: ['/json-viewer'],
+  npmPackages: ['json5'],
 });

src/tools/jwt-parser/index.ts

@@ -25,4 +25,5 @@ export const tool = defineTool({
   ],
   component: () => import('./jwt-parser.vue'),
   icon: Key,
+  npmPackages: ['jwt-decode'],
 });

src/tools/mac-address-lookup/index.ts

@@ -10,4 +10,5 @@ export const tool = defineTool({
   component: () => import('./mac-address-lookup.vue'),
   icon: Devices,
   createdAt: new Date('2023-04-06'),
+  npmPackages: ['oui-data'],
 });

src/tools/math-evaluator/index.ts

@@ -41,4 +41,5 @@ export const tool = defineTool({
   ],
   component: () => import('./math-evaluator.vue'),
   icon: Math,
+  npmPackages: ['mathjs'],
 });

src/tools/meta-tag-generator/index.ts

@@ -23,4 +23,5 @@ export const tool = defineTool({
   ],
   component: () => import('./meta-tag-generator.vue'),
   icon: Tags,
+  npmPackages: ['@it-tools/oggen'],
 });

src/tools/mime-types/index.ts

@@ -9,4 +9,5 @@ export const tool = defineTool({
   keywords: ['mime', 'types', 'extension', 'content', 'type'],
   component: () => import('./mime-types.vue'),
   icon: World,
+  npmPackages: ['mime-types'],
 });

src/tools/otp-code-generator-and-validator/index.ts

@@ -25,4 +25,5 @@ export const tool = defineTool({
   ],
   component: () => import('./otp-code-generator-and-validator.vue'),
   icon: DeviceMobile,
+  npmPackages: ['crypto-js'],
 });

src/tools/pdf-signature-checker/index.ts

@@ -10,4 +10,5 @@ export const tool = defineTool({
   component: () => import('./pdf-signature-checker.vue'),
   icon: FileCertIcon,
   createdAt: new Date('2023-12-09'),
+  npmPackages: ['pdf-signature-reader'],
 });

src/tools/phone-parser-and-formatter/index.ts

@@ -22,4 +22,5 @@ export const tool = defineTool({
   component: () => import('./phone-parser-and-formatter.vue'),
   icon: Phone,
   createdAt: new Date('2023-05-01'),
+  npmPackages: ['libphonenumber-js', 'country-code-lookup'],
 });

src/tools/qr-code-generator/index.ts

@@ -9,4 +9,5 @@ export const tool = defineTool({
   keywords: ['qr', 'code', 'generator', 'square', 'color', 'link', 'low', 'medium', 'quartile', 'high', 'transparent'],
   component: () => import('./qr-code-generator.vue'),
   icon: Qrcode,
+  npmPackages: ['qrcode'],
 });

src/tools/rsa-key-pair-generator/index.ts

@@ -9,4 +9,5 @@ export const tool = defineTool({
   keywords: ['rsa', 'key', 'pair', 'generator', 'public', 'private', 'secret', 'ssh', 'pem'],
   component: () => import('./rsa-key-pair-generator.vue'),
   icon: Certificate,
+  npmPackages: ['node-forge'],
 });

src/tools/slugify-string/index.ts

@@ -9,4 +9,5 @@ export const tool = defineTool({
   keywords: ['slugify', 'string', 'escape', 'emoji', 'special', 'character', 'space', 'trim'],
   component: () => import('./slugify-string.vue'),
   icon: AbcRound,
+  npmPackages: ['@sindresorhus/slugify'],
 });

src/tools/sql-prettify/index.ts

@@ -24,4 +24,5 @@ export const tool = defineTool({
   ],
   component: () => import('./sql-prettify.vue'),
   icon: Database,
+  npmPackages: ['sql-formatter'],
 });

src/tools/toml-to-json/index.ts

@@ -11,4 +11,5 @@ export const tool = defineTool({
   component: () => import('./toml-to-json.vue'),
   icon: BracketIcon,
   createdAt: new Date('2023-06-23'),
+  npmPackages: ['yaml', 'iarna-toml-esm'],
 });

src/tools/toml-to-yaml/index.ts

@@ -10,4 +10,5 @@ export const tool = defineTool({
   component: () => import('./toml-to-yaml.vue'),
   icon: BracketIcon,
   createdAt: new Date('2023-06-23'),
+  npmPackages: ['yaml', 'iarna-toml-esm'],
 });

src/tools/ulid-generator/index.ts

@@ -10,4 +10,5 @@ export const tool = defineTool({
   component: () => import('./ulid-generator.vue'),
   icon: SortDescendingNumbers,
   createdAt: new Date('2023-09-11'),
+  npmPackages: ['ulid'],
 });

src/tools/user-agent-parser/index.ts

@@ -10,4 +10,5 @@ export const tool = defineTool({
   component: () => import('./user-agent-parser.vue'),
   icon: Browser,
   createdAt: new Date('2023-04-06'),
+  npmPackages: ['ua-parser-js'],
 });

src/tools/uuid-generator/index.ts

@@ -9,4 +9,5 @@ export const tool = defineTool({
   keywords: ['uuid', 'v4', 'random', 'id', 'alphanumeric', 'identity', 'token', 'string', 'identifier', 'unique', 'v1', 'v3', 'v5', 'nil'],
   component: () => import('./uuid-generator.vue'),
   icon: Fingerprint,
+  npmPackages: ['uuid'],
 });

src/tools/wifi-qr-code-generator/index.ts

@@ -10,4 +10,5 @@ export const tool = defineTool({
   component: () => import('./wifi-qr-code-generator.vue'),
   icon: Qrcode,
   createdAt: new Date('2023-09-06'),
+  npmPackages: ['qrcode'],
 });

src/tools/xml-formatter/index.ts

@@ -10,4 +10,5 @@ export const tool = defineTool({
   component: () => import('./xml-formatter.vue'),
   icon: Code,
   createdAt: new Date('2023-06-17'),
+  npmPackages: ['xml-formatter'],
 });

src/tools/yaml-to-json-converter/index.ts

@@ -10,4 +10,5 @@ export const tool = defineTool({
   component: () => import('./yaml-to-json.vue'),
   icon: AlignJustified,
   createdAt: new Date('2023-04-10'),
+  npmPackages: ['yaml'],
 });

src/tools/yaml-to-toml/index.ts

@@ -10,4 +10,5 @@ export const tool = defineTool({
   component: () => import('./yaml-to-toml.vue'),
   icon: AlignJustified,
   createdAt: new Date('2023-06-23'),
+  npmPackages: ['yaml', 'iarna-toml-esm'],
 });

src/tools/yaml-viewer/index.ts

@@ -10,4 +10,5 @@ export const tool = defineTool({
   component: () => import('./yaml-viewer.vue'),
   icon: AlignJustified,
   createdAt: new Date('2024-01-31'),
+  npmPackages: ['yaml'],
 });