tangram-airports 0.2.1__py3-none-any.whl

tangram_airports/AirportSearchWidget.vue

@@ -0,0 +1,113 @@
+<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>
+</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";
+
+interface Airport {
+  lat: number;
+  lon: number;
+  name: 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 = [];
+};
+</script>
+
+<style scoped>
+.airport-search {
+  position: absolute;
+  width: 300px;
+  z-index: 1000;
+  top: 10px;
+  right: 10px;
+}
+
+.airport-search input {
+  width: 100%;
+  padding: 8px 12px;
+  border: 1px solid #ccc;
+  border-radius: 10px;
+  font-family: "B612", sans-serif;
+  box-sizing: border-box;
+}
+
+.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;
+}
+
+.search-results li {
+  padding: 5px 10px;
+  cursor: pointer;
+}
+
+.search-results li:hover {
+  background-color: #eee;
+}
+</style>

tangram_airports/__init__.py

@@ -0,0 +1,5 @@
+import tangram_core
+
+plugin = tangram_core.Plugin(
+    frontend_path="dist-frontend",
+)

tangram_airports/dist-frontend/index.css

@@ -0,0 +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}

tangram_airports/dist-frontend/index.js

@@ -0,0 +1,55 @@
+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__ */ _({
+  __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]
+      ]),
+      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)
+    ]));
+  }
+}), 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);
+}
+export {
+  D as install
+};
+//# sourceMappingURL=index.js.map

tangram_airports/dist-frontend/index.js.map

@@ -0,0 +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;"}

tangram_airports/dist-frontend/plugin.json

@@ -0,0 +1,5 @@
+{
+  "name": "@open-aviation/tangram-airports",
+  "main": "index.js",
+  "style": "index.css"
+}

tangram_airports/index.ts

@@ -0,0 +1,6 @@
+import type { TangramApi } from "@open-aviation/tangram-core/api";
+import AirportSearchWidget from "./AirportSearchWidget.vue";
+
+export function install(api: TangramApi) {
+  api.ui.registerWidget("airport-search-widget", "MapOverlay", AirportSearchWidget);
+}

tangram_airports/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@open-aviation/tangram-airports",
+  "version": "0.2.1",
+  "private": true,
+  "type": "module",
+  "main": "src/tangram_airports/index.ts",
+  "scripts": {
+    "build": "vite build"
+  },
+  "dependencies": {
+    "@open-aviation/tangram-core": "workspace:*"
+  },
+  "devDependencies": {
+    "rs1090-wasm": "^0.4.14",
+    "vue": "^3.5.25"
+  }
+}

tangram_airports-0.2.1.dist-info/METADATA

@@ -0,0 +1,41 @@
+Metadata-Version: 2.4
+Name: tangram_airports
+Version: 0.2.1
+Summary: Airport search widget plugin for tangram
+Author-email: Xavier Olive <git@xoolive.org>
+License-Expression: AGPL-3.0
+Classifier: Development Status :: 4 - Beta
+Classifier: Intended Audience :: Science/Research
+Classifier: License :: OSI Approved :: GNU Affero General Public License v3
+Classifier: Programming Language :: Python :: 3
+Classifier: Programming Language :: Python :: 3.10
+Classifier: Programming Language :: Python :: 3.11
+Classifier: Programming Language :: Python :: 3.12
+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
+Description-Content-Type: text/markdown
+
+# tangram_airports
+
+The `tangram_airports` plugin adds a searchable airport database widget to the tangram frontend.
+
+It allows users to quickly locate and center the map on airports using their name, IATA, or ICAO codes.
+
+## About Tangram
+
+`tangram_airports` is a plugin for `tangram`, an open framework for modular, real-time air traffic management research.
+
+- Documentation: <https://mode-s.org/tangram/>
+- Repository: <https://github.com/open-aviation/tangram>
+
+Installation:
+
+```sh
+# cli via uv
+uv tool install --with tangram-airports tangram-core
+# with pip
+pip install tangram-core tangram-airports
+```

tangram_airports-0.2.1.dist-info/RECORD

@@ -0,0 +1,12 @@
+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,,

tangram_airports-0.2.1.dist-info/WHEEL

@@ -0,0 +1,4 @@
+Wheel-Version: 1.0
+Generator: hatchling 1.28.0
+Root-Is-Purelib: true
+Tag: py3-none-any

tangram_airports-0.2.1.dist-info/entry_points.txt

@@ -0,0 +1,2 @@
+[tangram_core.plugins]
+tangram_airports = tangram_airports:plugin