Merge branch 'feat/air-codes' into chore/all-my-stuffs

# Conflicts:
#	components.d.ts
#	package.json
#	pnpm-lock.yaml
#	src/tools/index.ts

Author: sharevb

package.json

@@ -104,6 +104,7 @@
     "@zxing/library": "^0.21.0",
     "arr-diff": "^4.0.0",
     "@xmldom/xmldom": "^0.8.10",
+    "aircodes": "^1.3.16",
     "bcryptjs": "^2.4.3",
     "big.js": "^6.2.2",
     "change-case": "^4.1.2",

pnpm-lock.yaml

@@ -0,0 +1,69 @@
+<script setup lang="ts">
+import { findAirline, findAirport } from 'aircodes';
+import SpanCopyable from '@/components/SpanCopyable.vue';
+
+const airlineQuery = ref('');
+const airportQuery = ref('');
+const resultAirline = computed(() => airlineQuery.value === '' ? [] : findAirline(airlineQuery.value));
+const resultAirport = computed(() => airportQuery.value === '' ? [] : findAirport(airportQuery.value));
+</script>
+
+<template>
+  <div>
+    <c-card title="Airline search" mb-1>
+      <n-space>
+        <n-form-item label="Airline query">
+          <n-input v-model:value="airlineQuery" />
+        </n-form-item>
+      </n-space>
+
+      <n-divider />
+
+      <div v-for="airline in resultAirline" :key="airline.iata">
+        <n-form-item label="IATA">
+          <SpanCopyable :value="airline.iata" />
+        </n-form-item>
+        <n-form-item label="ICAO">
+          <SpanCopyable :value="airline.icao" />
+        </n-form-item>
+        <n-form-item label="Name">
+          <SpanCopyable :value="airline.name" />
+        </n-form-item>
+        <n-form-item label="Logo">
+          <img width="100" :alt="airline.name" :src="airline.logo">
+        </n-form-item>
+      </div>
+    </c-card>
+
+    <c-card title="Airport search">
+      <n-space>
+        <n-form-item label="Airport query">
+          <n-input v-model:value="airportQuery" />
+        </n-form-item>
+      </n-space>
+
+      <n-divider />
+
+      <div v-for="airport in resultAirport" :key="airport.iata">
+        <n-form-item label="IATA">
+          <SpanCopyable :value="airport.iata" />
+        </n-form-item>
+        <n-form-item label="ICAO">
+          <SpanCopyable :value="airport.icao" />
+        </n-form-item>
+        <n-form-item label="Name">
+          <SpanCopyable :value="airport.name" />
+        </n-form-item>
+        <n-form-item label="City">
+          <SpanCopyable :value="airport.city" />
+        </n-form-item>
+        <n-form-item label="State">
+          <SpanCopyable :value="airport.state" />
+        </n-form-item>
+        <n-form-item label="Country">
+          <SpanCopyable :value="airport.country" />
+        </n-form-item>
+      </div>
+    </c-card>
+  </div>
+</template>

src/tools/air-codes/air-codes.vue

@@ -0,0 +1,12 @@
+import { Plane } from '@vicons/tabler';
+import { defineTool } from '../tool';
+
+export const tool = defineTool({
+  name: 'Air Codes',
+  path: '/air-codes',
+  description: 'Get Airport and Airline info from name, ICAO code or IATA code',
+  keywords: ['airport', 'airline', 'air', 'plane', 'icao', 'iata'],
+  component: () => import('./air-codes.vue'),
+  icon: Plane,
+  createdAt: new Date('2024-04-20'),
+});

src/tools/air-codes/index.ts

@@ -108,6 +108,7 @@ import { tool as ulidGenerator } from './ulid-generator';
 import { tool as ibanValidatorAndParser } from './iban-validator-and-parser';
 import { tool as stringObfuscator } from './string-obfuscator';
 import { tool as textDiff } from './text-diff';
+import { tool as airCodes } from './air-codes';
 import { tool as emojiPicker } from './emoji-picker';
 import { tool as passwordStrengthAnalyser } from './password-strength-analyser';
 import { tool as yamlToToml } from './yaml-to-toml';
@@ -446,6 +447,7 @@ export const toolsByCategory: ToolCategory[] = [
       ibanValidatorAndParser,
       luhnValidator,
       vatValidator,
+      airCodes,
     ],
   },
 ];