tangram-airports 0.2.1__py3-none-any.whl → 0.4.0__py3-none-any.whl

tangram_airports/AirportSearchWidget.vue

@@ -1,113 +1,68 @@
 <template>
-  <div class="airport-search">
-    <input
-      v-model="query"
-      type="text"
-      placeholder="Search for airports..."
-      @click="($event.target as HTMLInputElement).select()"
-      @input="onInput"
-    />
-    <ul v-if="results.length" class="search-results">
-      <li
-        v-for="airport in results"
-        :key="airport.icao"
-        @click="selectAirport(airport)"
-      >
-        {{ airport.name }} ({{ airport.iata }} | {{ airport.icao }})
-      </li>
-    </ul>
+  <div class="airport-result">
+    <div class="row">
+      <span class="name">
+        <HighlightText :text="name" :query="query" />
+      </span>
+      <div class="chips">
+        <span class="chip blue">
+          <HighlightText :text="iata" :query="query" />
+        </span>
+        <span class="chip yellow">
+          <HighlightText :text="icao" :query="query" />
+        </span>
+      </div>
+    </div>
+    <div class="subtitle">
+      <HighlightText :text="city" :query="query" />, {{ countryCode }}
+    </div>
   </div>
 </template>
 
 <script setup lang="ts">
-import { ref, inject } from "vue";
-import type { TangramApi } from "@open-aviation/tangram-core/api";
-import { airport_information } from "rs1090-wasm";
+import { HighlightText } from "@open-aviation/tangram-core/components";
 
-interface Airport {
-  lat: number;
-  lon: number;
+defineProps<{
   name: string;
+  city: string;
+  countryCode: string;
   iata: string;
   icao: string;
-}
-
-const tangramApi = inject<TangramApi>("tangramApi");
-if (!tangramApi) {
-  throw new Error("assert: tangram api not provided");
-}
-const query = ref("");
-const results = ref<Airport[]>([]);
-const timeoutId = ref<number | null>(null);
-
-const onInput = () => {
-  if (timeoutId.value) {
-    clearTimeout(timeoutId.value);
-  }
-  if (query.value.length >= 3) {
-    timeoutId.value = window.setTimeout(() => {
-      searchAirports();
-    }, 300);
-  } else {
-    results.value = [];
-  }
-};
-
-const searchAirports = () => {
-  results.value = airport_information(query.value);
-};
-
-const selectAirport = (airport: Airport) => {
-  tangramApi.map.getMapInstance().flyTo({
-    center: [airport.lon, airport.lat],
-    zoom: 13,
-    speed: 1.2
-  });
-  query.value = "";
-  results.value = [];
-};
+  query: string;
+}>();
 </script>
 
 <style scoped>
-.airport-search {
-  position: absolute;
-  width: 300px;
-  z-index: 1000;
-  top: 10px;
-  right: 10px;
+.row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  color: var(--t-fg);
 }
-
-.airport-search input {
-  width: 100%;
-  padding: 8px 12px;
-  border: 1px solid #ccc;
-  border-radius: 10px;
-  font-family: "B612", sans-serif;
-  box-sizing: border-box;
+.name {
+  font-weight: 500;
+  font-size: 14px;
 }
-
-.search-results {
-  position: absolute;
-  top: 100%;
-  left: 0;
-  right: 0;
-  padding: 0;
-  margin: 4px 0 0 0;
-  list-style: none;
-  background: #fff;
-  border: 1px solid #ccc;
-  z-index: 1001;
-  max-height: 200px;
-  overflow-y: auto;
-  font-family: "B612", sans-serif;
+.subtitle {
+  font-size: 12px;
+  color: var(--t-muted);
 }
-
-.search-results li {
-  padding: 5px 10px;
-  cursor: pointer;
+.chips {
+  display: flex;
+  gap: 4px;
 }
-
-.search-results li:hover {
-  background-color: #eee;
+.chip {
+  border-radius: 4px;
+  padding: 0 4px;
+  font-family: monospace;
+  font-size: 11px;
+}
+.blue {
+  background: var(--t-accent1);
+  color: var(--t-accent1-fg);
+}
+.yellow {
+  background: var(--t-accent2);
+  color: var(--t-accent2-fg);
 }
 </style>

tangram_airports/dist-frontend/index.css

@@ -1 +1 @@
-.airport-search[data-v-ddbda8e0]{position:absolute;width:300px;z-index:1000;top:10px;right:10px}.airport-search input[data-v-ddbda8e0]{width:100%;padding:8px 12px;border:1px solid #ccc;border-radius:10px;font-family:B612,sans-serif;box-sizing:border-box}.search-results[data-v-ddbda8e0]{position:absolute;top:100%;left:0;right:0;padding:0;margin:4px 0 0;list-style:none;background:#fff;border:1px solid #ccc;z-index:1001;max-height:200px;overflow-y:auto;font-family:B612,sans-serif}.search-results li[data-v-ddbda8e0]{padding:5px 10px;cursor:pointer}.search-results li[data-v-ddbda8e0]:hover{background-color:#eee}
+.highlight[data-v-da0b39b4]{font-weight:800;background:#ff03;color:inherit}.row[data-v-a49e3fbb]{display:flex;justify-content:space-between;align-items:center;color:var(--t-fg)}.name[data-v-a49e3fbb]{font-weight:500;font-size:14px}.subtitle[data-v-a49e3fbb]{font-size:12px;color:var(--t-muted)}.chips[data-v-a49e3fbb]{display:flex;gap:4px}.chip[data-v-a49e3fbb]{border-radius:4px;padding:0 4px;font-family:monospace;font-size:11px}.blue[data-v-a49e3fbb]{background:var(--t-accent1);color:var(--t-accent1-fg)}.yellow[data-v-a49e3fbb]{background:var(--t-accent2);color:var(--t-accent2-fg)}

tangram_airports/dist-frontend/index.js

@@ -1,55 +1,99 @@
-import { defineComponent as _, inject as g, ref as u, createElementBlock as s, openBlock as i, withDirectives as f, createCommentVNode as h, createElementVNode as k, vModelText as y, Fragment as w, renderList as A, toDisplayString as p } from "vue";
 import { airport_information as x } from "rs1090-wasm";
-const C = { class: "airport-search" }, I = {
-  key: 0,
-  class: "search-results"
-}, S = ["onClick"], T = /* @__PURE__ */ _({
+import { defineComponent as p, computed as _, createElementBlock as u, openBlock as d, Fragment as g, renderList as f, normalizeClass as q, toDisplayString as y, createElementVNode as c, createVNode as a, unref as i, createTextVNode as v } from "vue";
+const C = /* @__PURE__ */ p({
+  __name: "HighlightText",
+  props: {
+    text: {},
+    query: {}
+  },
+  setup(e) {
+    const r = e, o = _(() => {
+      if (!r.query || !r.text) return [{ t: r.text, m: !1 }];
+      const s = r.query.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), t = new RegExp(`(${s})`, "gi");
+      return r.text.split(t).map((n) => ({ t: n, m: n.toLowerCase() === r.query.toLowerCase() })).filter((n) => n.t);
+    });
+    return (s, t) => (d(), u("span", null, [
+      (d(!0), u(g, null, f(o.value, (n, h) => (d(), u("span", {
+        key: h,
+        class: q({ highlight: n.m })
+      }, y(n.t), 3))), 128))
+    ]));
+  }
+}), m = (e, r) => {
+  const o = e.__vccOpts || e;
+  for (const [s, t] of r)
+    o[s] = t;
+  return o;
+}, l = /* @__PURE__ */ m(C, [["__scopeId", "data-v-da0b39b4"]]), b = { class: "airport-result" }, w = { class: "row" }, $ = { class: "name" }, k = { class: "chips" }, S = { class: "chip blue" }, T = { class: "chip yellow" }, A = { class: "subtitle" }, E = /* @__PURE__ */ p({
   __name: "AirportSearchWidget",
-  setup(r) {
-    const a = g("tangramApi");
-    if (!a)
-      throw new Error("assert: tangram api not provided");
-    const t = u(""), o = u([]), n = u(null), d = () => {
-      n.value && clearTimeout(n.value), t.value.length >= 3 ? n.value = window.setTimeout(() => {
-        m();
-      }, 300) : o.value = [];
-    }, m = () => {
-      o.value = x(t.value);
-    }, v = (c) => {
-      a.map.getMapInstance().flyTo({
-        center: [c.lon, c.lat],
-        zoom: 13,
-        speed: 1.2
-      }), t.value = "", o.value = [];
-    };
-    return (c, l) => (i(), s("div", C, [
-      f(k("input", {
-        "onUpdate:modelValue": l[0] || (l[0] = (e) => t.value = e),
-        type: "text",
-        placeholder: "Search for airports...",
-        onClick: l[1] || (l[1] = (e) => e.target.select()),
-        onInput: d
-      }, null, 544), [
-        [y, t.value]
+  props: {
+    name: {},
+    city: {},
+    countryCode: {},
+    iata: {},
+    icao: {},
+    query: {}
+  },
+  setup(e) {
+    return (r, o) => (d(), u("div", b, [
+      c("div", w, [
+        c("span", $, [
+          a(i(l), {
+            text: e.name,
+            query: e.query
+          }, null, 8, ["text", "query"])
+        ]),
+        c("div", k, [
+          c("span", S, [
+            a(i(l), {
+              text: e.iata,
+              query: e.query
+            }, null, 8, ["text", "query"])
+          ]),
+          c("span", T, [
+            a(i(l), {
+              text: e.icao,
+              query: e.query
+            }, null, 8, ["text", "query"])
+          ])
+        ])
       ]),
-      o.value.length ? (i(), s("ul", I, [
-        (i(!0), s(w, null, A(o.value, (e) => (i(), s("li", {
-          key: e.icao,
-          onClick: (V) => v(e)
-        }, p(e.name) + " (" + p(e.iata) + " | " + p(e.icao) + ") ", 9, S))), 128))
-      ])) : h("", !0)
+      c("div", A, [
+        a(i(l), {
+          text: e.city,
+          query: e.query
+        }, null, 8, ["text", "query"]),
+        v(", " + y(e.countryCode), 1)
+      ])
     ]));
   }
-}), E = (r, a) => {
-  const t = r.__vccOpts || r;
-  for (const [o, n] of a)
-    t[o] = n;
-  return t;
-}, M = /* @__PURE__ */ E(T, [["__scopeId", "data-v-ddbda8e0"]]);
-function D(r) {
-  r.ui.registerWidget("airport-search-widget", "MapOverlay", M);
+}), I = /* @__PURE__ */ m(E, [["__scopeId", "data-v-a49e3fbb"]]);
+function V(e) {
+  e.search.registerProvider({
+    id: "airports",
+    name: "Airports",
+    search: async (r, o) => r.length < 3 || o.aborted ? [] : x(r).slice(0, 10).map((t) => ({
+      id: `airport-${t.icao}`,
+      component: I,
+      props: {
+        name: t.name,
+        city: t.city,
+        countryCode: t.countryCode,
+        iata: t.iata,
+        icao: t.icao
+      },
+      score: 100,
+      onSelect: () => {
+        e.map.getMapInstance().flyTo({
+          center: [t.lon, t.lat],
+          zoom: 13,
+          speed: 1.2
+        });
+      }
+    }))
+  });
 }
 export {
-  D as install
+  V as install
 };
 //# sourceMappingURL=index.js.map

tangram_airports/dist-frontend/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/tangram_airports/AirportSearchWidget.vue","../src/tangram_airports/index.ts"],"sourcesContent":["<template>\n  <div class=\"airport-search\">\n    <input\n      v-model=\"query\"\n      type=\"text\"\n      placeholder=\"Search for airports...\"\n      @click=\"($event.target as HTMLInputElement).select()\"\n      @input=\"onInput\"\n    />\n    <ul v-if=\"results.length\" class=\"search-results\">\n      <li\n        v-for=\"airport in results\"\n        :key=\"airport.icao\"\n        @click=\"selectAirport(airport)\"\n      >\n        {{ airport.name }} ({{ airport.iata }} | {{ airport.icao }})\n      </li>\n    </ul>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, inject } from \"vue\";\nimport type { TangramApi } from \"@open-aviation/tangram-core/api\";\nimport { airport_information } from \"rs1090-wasm\";\n\ninterface Airport {\n  lat: number;\n  lon: number;\n  name: string;\n  iata: string;\n  icao: string;\n}\n\nconst tangramApi = inject<TangramApi>(\"tangramApi\");\nif (!tangramApi) {\n  throw new Error(\"assert: tangram api not provided\");\n}\nconst query = ref(\"\");\nconst results = ref<Airport[]>([]);\nconst timeoutId = ref<number | null>(null);\n\nconst onInput = () => {\n  if (timeoutId.value) {\n    clearTimeout(timeoutId.value);\n  }\n  if (query.value.length >= 3) {\n    timeoutId.value = window.setTimeout(() => {\n      searchAirports();\n    }, 300);\n  } else {\n    results.value = [];\n  }\n};\n\nconst searchAirports = () => {\n  results.value = airport_information(query.value);\n};\n\nconst selectAirport = (airport: Airport) => {\n  tangramApi.map.getMapInstance().flyTo({\n    center: [airport.lon, airport.lat],\n    zoom: 13,\n    speed: 1.2\n  });\n  query.value = \"\";\n  results.value = [];\n};\n</script>\n\n<style scoped>\n.airport-search {\n  position: absolute;\n  width: 300px;\n  z-index: 1000;\n  top: 10px;\n  right: 10px;\n}\n\n.airport-search input {\n  width: 100%;\n  padding: 8px 12px;\n  border: 1px solid #ccc;\n  border-radius: 10px;\n  font-family: \"B612\", sans-serif;\n  box-sizing: border-box;\n}\n\n.search-results {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  right: 0;\n  padding: 0;\n  margin: 4px 0 0 0;\n  list-style: none;\n  background: #fff;\n  border: 1px solid #ccc;\n  z-index: 1001;\n  max-height: 200px;\n  overflow-y: auto;\n  font-family: \"B612\", sans-serif;\n}\n\n.search-results li {\n  padding: 5px 10px;\n  cursor: pointer;\n}\n\n.search-results li:hover {\n  background-color: #eee;\n}\n</style>\n","import type { TangramApi } from \"@open-aviation/tangram-core/api\";\nimport AirportSearchWidget from \"./AirportSearchWidget.vue\";\n\nexport function install(api: TangramApi) {\n  api.ui.registerWidget(\"airport-search-widget\", \"MapOverlay\", AirportSearchWidget);\n}\n"],"names":["tangramApi","inject","query","ref","results","timeoutId","onInput","searchAirports","airport_information","selectAirport","airport","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","$event","_cache","_hoisted_2","_Fragment","_renderList","_toDisplayString","_hoisted_3","install","api","AirportSearchWidget"],"mappings":";;;;;;;;AAkCA,UAAMA,IAAaC,EAAmB,YAAY;AAClD,QAAI,CAACD;AACH,YAAM,IAAI,MAAM,kCAAkC;AAEpD,UAAME,IAAQC,EAAI,EAAE,GACdC,IAAUD,EAAe,EAAE,GAC3BE,IAAYF,EAAmB,IAAI,GAEnCG,IAAU,MAAM;AACpB,MAAID,EAAU,SACZ,aAAaA,EAAU,KAAK,GAE1BH,EAAM,MAAM,UAAU,IACxBG,EAAU,QAAQ,OAAO,WAAW,MAAM;AACxC,QAAAE,EAAA;AAAA,MACF,GAAG,GAAG,IAENH,EAAQ,QAAQ,CAAA;AAAA,IAEpB,GAEMG,IAAiB,MAAM;AAC3B,MAAAH,EAAQ,QAAQI,EAAoBN,EAAM,KAAK;AAAA,IACjD,GAEMO,IAAgB,CAACC,MAAqB;AAC1C,MAAAV,EAAW,IAAI,eAAA,EAAiB,MAAM;AAAA,QACpC,QAAQ,CAACU,EAAQ,KAAKA,EAAQ,GAAG;AAAA,QACjC,MAAM;AAAA,QACN,OAAO;AAAA,MAAA,CACR,GACDR,EAAM,QAAQ,IACdE,EAAQ,QAAQ,CAAA;AAAA,IAClB;sBAlEEO,EAAA,GAAAC,EAiBM,OAjBNC,GAiBM;AAAA,QAhBJC,EAME,SAAA;AAAA,sDALSZ,EAAK,QAAAa;AAAA,QACd,MAAK;AAAA,QACL,aAAY;AAAA,QACX,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAD,MAAGA,EAAO,OAA4B,OAAA;AAAA,QAC3C,SAAAT;AAAA,MAAA;YAJQJ,EAAA,KAAK;AAAA,MAAA;MAMNE,EAAA,MAAQ,UAAlBO,KAAAC,EAQK,MARLK,GAQK;AAAA,gBAPHL,EAMKM,GAAA,MAAAC,EALef,EAAA,OAAO,CAAlBM,YADTE,EAMK,MAAA;AAAA,UAJF,KAAKF,EAAQ;AAAA,UACb,SAAK,CAAAK,MAAEN,EAAcC,CAAO;AAAA,QAAA,GAE1BU,EAAAV,EAAQ,IAAI,IAAG,SAAKA,EAAQ,IAAI,IAAG,QAAGU,EAAGV,EAAQ,IAAI,IAAG,MAC7D,GAAAW,CAAA;;;;;;;;;;ACbC,SAASC,EAAQC,GAAiB;AACvC,EAAAA,EAAI,GAAG,eAAe,yBAAyB,cAAcC,CAAmB;AAClF;"}
+{"version":3,"file":"index.js","sources":["../../tangram_core/src/tangram_core/HighlightText.vue","../src/tangram_airports/AirportSearchWidget.vue","../src/tangram_airports/index.ts"],"sourcesContent":["<template>\n  <span>\n    <span v-for=\"(p, i) in parts\" :key=\"i\" :class=\"{ highlight: p.m }\">{{ p.t }}</span>\n  </span>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from \"vue\";\n\nconst props = defineProps<{\n  text: string;\n  query: string;\n}>();\n\nconst parts = computed(() => {\n  if (!props.query || !props.text) return [{ t: props.text, m: false }];\n  const escapedQuery = props.query.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n  const r = new RegExp(`(${escapedQuery})`, \"gi\");\n  return props.text\n    .split(r)\n    .map(t => ({ t, m: t.toLowerCase() === props.query.toLowerCase() }))\n    .filter(x => x.t);\n});\n</script>\n\n<style scoped>\n.highlight {\n  font-weight: 800;\n  background: rgba(255, 255, 0, 0.2);\n  color: inherit;\n}\n</style>\n","<template>\n  <div class=\"airport-result\">\n    <div class=\"row\">\n      <span class=\"name\">\n        <HighlightText :text=\"name\" :query=\"query\" />\n      </span>\n      <div class=\"chips\">\n        <span class=\"chip blue\">\n          <HighlightText :text=\"iata\" :query=\"query\" />\n        </span>\n        <span class=\"chip yellow\">\n          <HighlightText :text=\"icao\" :query=\"query\" />\n        </span>\n      </div>\n    </div>\n    <div class=\"subtitle\">\n      <HighlightText :text=\"city\" :query=\"query\" />, {{ countryCode }}\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { HighlightText } from \"@open-aviation/tangram-core/components\";\n\ndefineProps<{\n  name: string;\n  city: string;\n  countryCode: string;\n  iata: string;\n  icao: string;\n  query: string;\n}>();\n</script>\n\n<style scoped>\n.row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  color: var(--t-fg);\n}\n.name {\n  font-weight: 500;\n  font-size: 14px;\n}\n.subtitle {\n  font-size: 12px;\n  color: var(--t-muted);\n}\n.chips {\n  display: flex;\n  gap: 4px;\n}\n.chip {\n  border-radius: 4px;\n  padding: 0 4px;\n  font-family: monospace;\n  font-size: 11px;\n}\n.blue {\n  background: var(--t-accent1);\n  color: var(--t-accent1-fg);\n}\n.yellow {\n  background: var(--t-accent2);\n  color: var(--t-accent2-fg);\n}\n</style>\n","import type { TangramApi } from \"@open-aviation/tangram-core/api\";\nimport { airport_information } from \"rs1090-wasm\";\nimport AirportSearchWidget from \"./AirportSearchWidget.vue\";\n\nexport function install(api: TangramApi) {\n  api.search.registerProvider({\n    id: \"airports\",\n    name: \"Airports\",\n    search: async (query, signal) => {\n      if (query.length < 3 || signal.aborted) return [];\n\n      const airports = airport_information(query);\n      return airports.slice(0, 10).map(a => ({\n        id: `airport-${a.icao}`,\n        component: AirportSearchWidget,\n        props: {\n          name: a.name,\n          city: a.city,\n          countryCode: a.countryCode,\n          iata: a.iata,\n          icao: a.icao\n        },\n        score: 100,\n        onSelect: () => {\n          api.map.getMapInstance().flyTo({\n            center: [a.lon, a.lat],\n            zoom: 13,\n            speed: 1.2\n          });\n        }\n      }));\n    }\n  });\n}\n"],"names":["props","__props","parts","computed","escapedQuery","r","t","x","_createElementBlock","_openBlock","_Fragment","_renderList","p","i","_normalizeClass","_toDisplayString","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_createVNode","_unref","HighlightText","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_createTextVNode","install","api","query","signal","airport_information","a","AirportSearchWidget"],"mappings":";;;;;;;;;AASA,UAAMA,IAAQC,GAKRC,IAAQC,EAAS,MAAM;AAC3B,UAAI,CAACH,EAAM,SAAS,CAACA,EAAM,KAAM,QAAO,CAAC,EAAE,GAAGA,EAAM,MAAM,GAAG,IAAO;AACpE,YAAMI,IAAeJ,EAAM,MAAM,QAAQ,uBAAuB,MAAM,GAChEK,IAAI,IAAI,OAAO,IAAID,CAAY,KAAK,IAAI;AAC9C,aAAOJ,EAAM,KACV,MAAMK,CAAC,EACP,IAAI,CAAAC,OAAM,EAAE,GAAAA,GAAG,GAAGA,EAAE,kBAAkBN,EAAM,MAAM,cAAY,EAAI,EAClE,OAAO,CAAAO,MAAKA,EAAE,CAAC;AAAA,IACpB,CAAC;2BArBCC,EAEO,QAAA,MAAA;AAAA,OADLC,EAAA,EAAA,GAAAD,EAAmFE,GAAA,MAAAC,EAA5DT,EAAA,OAAK,CAAdU,GAAGC,YAAjBL,EAAmF,QAAA;AAAA,QAApD,KAAKK;AAAA,QAAI,OAAKC,EAAA,EAAA,WAAeF,EAAE,GAAC;AAAA,MAAA,GAAOG,EAAAH,EAAE,CAAC,GAAA,CAAA;;;;;;;;;;;;;;;;;;;sBCD3EH,EAAA,GAAAD,EAiBM,OAjBNQ,GAiBM;AAAA,MAhBJC,EAYM,OAZNC,GAYM;AAAA,QAXJD,EAEO,QAFPE,GAEO;AAAA,UADLC,EAA6CC,EAAAC,CAAA,GAAA;AAAA,YAA7B,MAAMrB,EAAA;AAAA,YAAO,OAAOA,EAAA;AAAA,UAAA;;QAEtCgB,EAOM,OAPNM,GAOM;AAAA,UANJN,EAEO,QAFPO,GAEO;AAAA,YADLJ,EAA6CC,EAAAC,CAAA,GAAA;AAAA,cAA7B,MAAMrB,EAAA;AAAA,cAAO,OAAOA,EAAA;AAAA,YAAA;;UAEtCgB,EAEO,QAFPQ,GAEO;AAAA,YADLL,EAA6CC,EAAAC,CAAA,GAAA;AAAA,cAA7B,MAAMrB,EAAA;AAAA,cAAO,OAAOA,EAAA;AAAA,YAAA;;;;MAI1CgB,EAEM,OAFNS,GAEM;AAAA,QADJN,EAA6CC,EAAAC,CAAA,GAAA;AAAA,UAA7B,MAAMrB,EAAA;AAAA,UAAO,OAAOA,EAAA;AAAA,QAAA;QAAS0B,EAAA,SAAK1B,EAAA,WAAW,GAAA,CAAA;AAAA,MAAA;;;;ACZ5D,SAAS2B,EAAQC,GAAiB;AACvC,EAAAA,EAAI,OAAO,iBAAiB;AAAA,IAC1B,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ,OAAOC,GAAOC,MAChBD,EAAM,SAAS,KAAKC,EAAO,UAAgB,CAAA,IAE9BC,EAAoBF,CAAK,EAC1B,MAAM,GAAG,EAAE,EAAE,IAAI,CAAAG,OAAM;AAAA,MACrC,IAAI,WAAWA,EAAE,IAAI;AAAA,MACrB,WAAWC;AAAA,MACX,OAAO;AAAA,QACL,MAAMD,EAAE;AAAA,QACR,MAAMA,EAAE;AAAA,QACR,aAAaA,EAAE;AAAA,QACf,MAAMA,EAAE;AAAA,QACR,MAAMA,EAAE;AAAA,MAAA;AAAA,MAEV,OAAO;AAAA,MACP,UAAU,MAAM;AACd,QAAAJ,EAAI,IAAI,eAAA,EAAiB,MAAM;AAAA,UAC7B,QAAQ,CAACI,EAAE,KAAKA,EAAE,GAAG;AAAA,UACrB,MAAM;AAAA,UACN,OAAO;AAAA,QAAA,CACR;AAAA,MACH;AAAA,IAAA,EACA;AAAA,EACJ,CACD;AACH;"}

tangram_airports/index.ts

@@ -1,6 +1,34 @@
 import type { TangramApi } from "@open-aviation/tangram-core/api";
+import { airport_information } from "rs1090-wasm";
 import AirportSearchWidget from "./AirportSearchWidget.vue";
 
 export function install(api: TangramApi) {
-  api.ui.registerWidget("airport-search-widget", "MapOverlay", AirportSearchWidget);
+  api.search.registerProvider({
+    id: "airports",
+    name: "Airports",
+    search: async (query, signal) => {
+      if (query.length < 3 || signal.aborted) return [];
+
+      const airports = airport_information(query);
+      return airports.slice(0, 10).map(a => ({
+        id: `airport-${a.icao}`,
+        component: AirportSearchWidget,
+        props: {
+          name: a.name,
+          city: a.city,
+          countryCode: a.countryCode,
+          iata: a.iata,
+          icao: a.icao
+        },
+        score: 100,
+        onSelect: () => {
+          api.map.getMapInstance().flyTo({
+            center: [a.lon, a.lat],
+            zoom: 13,
+            speed: 1.2
+          });
+        }
+      }));
+    }
+  });
 }

tangram_airports/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-aviation/tangram-airports",
-  "version": "0.2.1",
+  "version": "0.4.0",
   "private": true,
   "type": "module",
   "main": "src/tangram_airports/index.ts",
@@ -12,6 +12,6 @@
   },
   "devDependencies": {
     "rs1090-wasm": "^0.4.14",
-    "vue": "^3.5.25"
+    "vue": "^3.5.27"
   }
 }

{tangram_airports-0.2.1.dist-info → tangram_airports-0.4.0.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: tangram_airports
-Version: 0.2.1
+Version: 0.4.0
 Summary: Airport search widget plugin for tangram
 Author-email: Xavier Olive <git@xoolive.org>
 License-Expression: AGPL-3.0
@@ -15,7 +15,7 @@ Classifier: Programming Language :: Python :: 3.13
 Classifier: Programming Language :: Python :: 3.14
 Classifier: Topic :: Scientific/Engineering :: Visualization
 Requires-Python: >=3.10
-Requires-Dist: tangram-core>=0.2.0
+Requires-Dist: tangram-core>=0.2.1
 Description-Content-Type: text/markdown
 
 # tangram_airports

tangram_airports-0.4.0.dist-info/RECORD

@@ -0,0 +1,12 @@
+tangram_airports/AirportSearchWidget.vue,sha256=Q7ntdSFL9501k4Ka9yIacBuabmd3njjXvyYUCgrNLxo,1301
+tangram_airports/__init__.py,sha256=Ac5Xf05VZmfh5ojtmmve3csrvPrqzWXJ5LA1Z5KMnJE,88
+tangram_airports/index.ts,sha256=HJmwsO6eDz2TfKq0FcmqDqncYoVNAlj6qn9DFm4UwPY,945
+tangram_airports/dist-frontend/index.css,sha256=A6kfPMPes6aFek9fawaoDJ1c9FoYbxZVD_jkHbRbcSU,588
+tangram_airports/dist-frontend/index.js,sha256=zLfMbAYPMMhZG4WJspxY_xIKegfUcYW3WEqFKbl4_UY,2931
+tangram_airports/dist-frontend/index.js.map,sha256=b_bK7weqnnkEuP0_QLC5cZjTqOUAX5DdzokmOheUHtM,5659
+tangram_airports/dist-frontend/plugin.json,sha256=HddNVWbOpTk0UFtbUy8frAjbz1Rw_kiRNxppZJcfi6k,93
+tangram_airports/package.json,sha256=xdWb-aC2bYrEtA35Hn6q8Hq0zXBbKKhpFAUzz205IkU,350
+tangram_airports-0.4.0.dist-info/METADATA,sha256=_LIGBh1l_Y-Zo1zZTDRVMlBnFc13EZ_9ZoJcDk29uFE,1428
+tangram_airports-0.4.0.dist-info/WHEEL,sha256=WLgqFyCfm_KASv4WHyYy0P3pM_m7J5L9k2skdKLirC8,87
+tangram_airports-0.4.0.dist-info/entry_points.txt,sha256=x_brdPCglCJL2UVVRCg-AIyAfdNpnV3k-v2XE8xNOc8,66
+tangram_airports-0.4.0.dist-info/RECORD,,

tangram_airports-0.2.1.dist-info/RECORD

@@ -1,12 +0,0 @@
-tangram_airports/AirportSearchWidget.vue,sha256=nla7RtdjscjlCv0hDUOlo6C0MYSVxYvBwdQjwm6cuPE,2275
-tangram_airports/__init__.py,sha256=Ac5Xf05VZmfh5ojtmmve3csrvPrqzWXJ5LA1Z5KMnJE,88
-tangram_airports/index.ts,sha256=d7zWrEeu_O4Fiy7ta0hdnnSKJho5zI1I2dRzPPmjm0s,259
-tangram_airports/dist-frontend/index.css,sha256=G8xBDgzxLQtPwzaaPIW_qvHIrtsx8VyecH8DgoQk5pg,615
-tangram_airports/dist-frontend/index.js,sha256=XYXCHhYI1DAfQcMVJr-gSPivGORszQcC60pHx0F-BiM,1913
-tangram_airports/dist-frontend/index.js.map,sha256=Vnuw94mpPVf1w-QS7TtdMRWqPfWtX4pGle-6krN01Z4,4410
-tangram_airports/dist-frontend/plugin.json,sha256=HddNVWbOpTk0UFtbUy8frAjbz1Rw_kiRNxppZJcfi6k,93
-tangram_airports/package.json,sha256=P2_3AqFQ4-OJv5-Okg7Jc04MSifxWPYOdNsxlXXl4rk,350
-tangram_airports-0.2.1.dist-info/METADATA,sha256=S5qPtW0ltDvM-Ofd6cckGP2qdvpeblFJ4h8oR7PLL4k,1428
-tangram_airports-0.2.1.dist-info/WHEEL,sha256=WLgqFyCfm_KASv4WHyYy0P3pM_m7J5L9k2skdKLirC8,87
-tangram_airports-0.2.1.dist-info/entry_points.txt,sha256=x_brdPCglCJL2UVVRCg-AIyAfdNpnV3k-v2XE8xNOc8,66
-tangram_airports-0.2.1.dist-info/RECORD,,