tangram-globe 0.3.0__py3-none-any.whl → 0.4.0__py3-none-any.whl

tangram_globe/__init__.py

@@ -2,15 +2,26 @@ from dataclasses import dataclass
 from typing import Annotated
 
 import tangram_core
-from tangram_core.config import ExposeField
+from tangram_core.config import FrontendMutable
 
 
 @dataclass
-class GlobeConfig(tangram_core.config.HasSidebarUiConfig):
-    topbar_order: Annotated[int, ExposeField()] = 1000
+class GlobeConfig:
+    enabled: bool = False
+
+
+@dataclass
+class GlobeFrontendConfig:
+    enabled: Annotated[bool, FrontendMutable()]
+
+
+def into_frontend(config: GlobeConfig) -> GlobeFrontendConfig:
+    return GlobeFrontendConfig(enabled=config.enabled)
 
 
 plugin = tangram_core.Plugin(
     frontend_path="dist-frontend",
     config_class=GlobeConfig,
+    frontend_config_class=GlobeFrontendConfig,
+    into_frontend_config_function=into_frontend,
 )

tangram_globe/dist-frontend/index.js

@@ -1,37 +1,17 @@
-import { defineComponent as s, inject as c, ref as i, createElementBlock as p, openBlock as g, createElementVNode as l, normalizeClass as _ } from "vue";
-const m = { class: "globe-toggle" }, u = ["title"], v = /* @__PURE__ */ s({
-  __name: "GlobeToggle",
-  setup(o) {
-    const e = c("tangramApi");
-    if (!e)
-      throw new Error("assert: tangram api not provided");
-    const t = i(!1), r = () => {
+import { watch as a } from "vue";
+function o(e) {
+  a(
+    () => e.settings.tangram_globe?.values.enabled,
+    (t) => {
       if (!e.map.isReady.value) return;
-      const n = e.map.getMapInstance(), a = !t.value;
-      n.setProjection(a ? { type: "globe" } : { type: "mercator" }), t.value = a;
-    };
-    return (n, a) => (g(), p("div", m, [
-      l("button", {
-        class: _({ active: t.value }),
-        title: t.value ? "Switch to mercator view" : "Switch to globe view",
-        onClick: r
-      }, [...a[0] || (a[0] = [
-        l("span", { class: "fa fa-globe" }, null, -1)
-      ])], 10, u)
-    ]));
-  }
-}), b = (o, e) => {
-  const t = o.__vccOpts || o;
-  for (const [r, n] of e)
-    t[r] = n;
-  return t;
-}, d = /* @__PURE__ */ b(v, [["__scopeId", "data-v-871c94ae"]]);
-function w(o, e) {
-  o.ui.registerWidget("globe-toggle", "TopBar", d, {
-    priority: e?.topbar_order
+      e.map.getMapInstance().setProjection(t ? { type: "globe" } : { type: "mercator" });
+    },
+    { immediate: !0 }
+  ), a(e.map.isReady, (t) => {
+    t && e.settings.tangram_globe?.values.enabled && e.map.getMapInstance().setProjection({ type: "globe" });
   });
 }
 export {
-  w as install
+  o as install
 };
 //# sourceMappingURL=index.js.map

tangram_globe/dist-frontend/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/tangram_globe/GlobeToggle.vue","../src/tangram_globe/index.ts"],"sourcesContent":["<template>\n  <div class=\"globe-toggle\">\n    <button\n      :class=\"{ active: isGlobeView }\"\n      :title=\"isGlobeView ? 'Switch to mercator view' : 'Switch to globe view'\"\n      @click=\"toggleGlobe\"\n    >\n      <span class=\"fa fa-globe\"></span>\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, inject } from \"vue\";\nimport type { TangramApi } from \"@open-aviation/tangram-core/api\";\n\nconst tangramApi = inject<TangramApi>(\"tangramApi\");\nif (!tangramApi) {\n  throw new Error(\"assert: tangram api not provided\");\n}\n\nconst isGlobeView = ref(false);\n\nconst toggleGlobe = () => {\n  if (!tangramApi.map.isReady.value) return;\n\n  const mapInstance = tangramApi.map.getMapInstance();\n  const newGlobeState = !isGlobeView.value;\n\n  mapInstance.setProjection(newGlobeState ? { type: \"globe\" } : { type: \"mercator\" });\n\n  isGlobeView.value = newGlobeState;\n};\n</script>\n\n<style scoped>\n.globe-toggle button {\n  background: white;\n  border: 1px solid #ddd;\n  border-radius: 4px;\n  padding: 8px 12px;\n  cursor: pointer;\n  font-size: 16px;\n  transition: all 0.2s ease;\n  color: #333;\n}\n\n.globe-toggle button:hover {\n  background: #f5f5f5;\n  border-color: #bbb;\n}\n\n.globe-toggle button.active {\n  background: oklch(0.72 0.075 245);\n  color: white;\n  border-color: oklch(0.59 0.075 245);\n}\n</style>\n","import type { TangramApi } from \"@open-aviation/tangram-core/api\";\nimport GlobeToggle from \"./GlobeToggle.vue\";\n\nexport function install(api: TangramApi, config?: SystemConfig) {\n  api.ui.registerWidget(\"globe-toggle\", \"TopBar\", GlobeToggle, {\n    priority: config?.topbar_order\n  });\n}\n"],"names":["tangramApi","inject","isGlobeView","ref","toggleGlobe","mapInstance","newGlobeState","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","install","api","config","GlobeToggle"],"mappings":";;;;AAgBA,UAAMA,IAAaC,EAAmB,YAAY;AAClD,QAAI,CAACD;AACH,YAAM,IAAI,MAAM,kCAAkC;AAGpD,UAAME,IAAcC,EAAI,EAAK,GAEvBC,IAAc,MAAM;AACxB,UAAI,CAACJ,EAAW,IAAI,QAAQ,MAAO;AAEnC,YAAMK,IAAcL,EAAW,IAAI,eAAA,GAC7BM,IAAgB,CAACJ,EAAY;AAEnC,MAAAG,EAAY,cAAcC,IAAgB,EAAE,MAAM,YAAY,EAAE,MAAM,YAAY,GAElFJ,EAAY,QAAQI;AAAA,IACtB;sBA/BEC,EAAA,GAAAC,EAQM,OARNC,GAQM;AAAA,MAPJC,EAMS,UAAA;AAAA,QALN,mBAAiBR,EAAA,OAAW;AAAA,QAC5B,OAAOA,EAAA,QAAW,4BAAA;AAAA,QAClB,SAAOE;AAAA,MAAA;QAERM,EAAiC,QAAA,EAA3B,OAAM,cAAA,GAAa,MAAA,EAAA;AAAA,MAAA;;;;;;;;;ACJxB,SAASC,EAAQC,GAAiBC,GAAuB;AAC9D,EAAAD,EAAI,GAAG,eAAe,gBAAgB,UAAUE,GAAa;AAAA,IAC3D,UAAUD,GAAQ;AAAA,EAAA,CACnB;AACH;"}
+{"version":3,"file":"index.js","sources":["../src/tangram_globe/index.ts"],"sourcesContent":["import { watch } from \"vue\";\nimport type { TangramApi } from \"@open-aviation/tangram-core/api\";\n\nexport function install(api: TangramApi) {\n  watch(\n    () => api.settings.tangram_globe?.values.enabled,\n    enabled => {\n      if (!api.map.isReady.value) return;\n      const mapInstance = api.map.getMapInstance();\n      mapInstance.setProjection(enabled ? { type: \"globe\" } : { type: \"mercator\" });\n    },\n    { immediate: true }\n  );\n\n  watch(api.map.isReady, ready => {\n    if (ready && api.settings.tangram_globe?.values.enabled) {\n      api.map.getMapInstance().setProjection({ type: \"globe\" });\n    }\n  });\n}\n"],"names":["install","api","watch","enabled","ready"],"mappings":";AAGO,SAASA,EAAQC,GAAiB;AACvC,EAAAC;AAAA,IACE,MAAMD,EAAI,SAAS,eAAe,OAAO;AAAA,IACzC,CAAAE,MAAW;AACT,UAAI,CAACF,EAAI,IAAI,QAAQ,MAAO;AAE5B,MADoBA,EAAI,IAAI,eAAA,EAChB,cAAcE,IAAU,EAAE,MAAM,YAAY,EAAE,MAAM,YAAY;AAAA,IAC9E;AAAA,IACA,EAAE,WAAW,GAAA;AAAA,EAAK,GAGpBD,EAAMD,EAAI,IAAI,SAAS,CAAAG,MAAS;AAC9B,IAAIA,KAASH,EAAI,SAAS,eAAe,OAAO,WAC9CA,EAAI,IAAI,eAAA,EAAiB,cAAc,EAAE,MAAM,SAAS;AAAA,EAE5D,CAAC;AACH;"}

tangram_globe/dist-frontend/plugin.json

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

tangram_globe/index.ts

@@ -1,8 +1,20 @@
+import { watch } from "vue";
 import type { TangramApi } from "@open-aviation/tangram-core/api";
-import GlobeToggle from "./GlobeToggle.vue";
 
-export function install(api: TangramApi, config?: SystemConfig) {
-  api.ui.registerWidget("globe-toggle", "TopBar", GlobeToggle, {
-    priority: config?.topbar_order
+export function install(api: TangramApi) {
+  watch(
+    () => api.settings.tangram_globe?.values.enabled,
+    enabled => {
+      if (!api.map.isReady.value) return;
+      const mapInstance = api.map.getMapInstance();
+      mapInstance.setProjection(enabled ? { type: "globe" } : { type: "mercator" });
+    },
+    { immediate: true }
+  );
+
+  watch(api.map.isReady, ready => {
+    if (ready && api.settings.tangram_globe?.values.enabled) {
+      api.map.getMapInstance().setProjection({ type: "globe" });
+    }
   });
 }

tangram_globe/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-aviation/tangram-globe",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "private": true,
   "type": "module",
   "main": "src/tangram_globe/index.ts",

{tangram_globe-0.3.0.dist-info → tangram_globe-0.4.0.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: tangram_globe
-Version: 0.3.0
+Version: 0.4.0
 Summary: Globe view toggle plugin for tangram
 Author: Andres Morfin Veytia
 License-Expression: AGPL-3.0

tangram_globe-0.4.0.dist-info/RECORD

@@ -0,0 +1,10 @@
+tangram_globe/__init__.py,sha256=Ud7cWsF60_wnIBA5k3ReHRfC8jw_B2m-pwftRNuRkD0,593
+tangram_globe/index.ts,sha256=PSfn7E7zlHYRrorhFyqV-zIu_Odq8dew5TfxYccL-VA,614
+tangram_globe/dist-frontend/index.js,sha256=dBN4XvT-D3Ox8Sv1momJPqIdbHY5JdXy3Bi_d-QVL4A,489
+tangram_globe/dist-frontend/index.js.map,sha256=WPZ7svHYdKc_AWew0lNX4aCoSj96QnpbBiS8V_Yit1g,1204
+tangram_globe/dist-frontend/plugin.json,sha256=2uliMeTseOdtWtshOCZeUgQ8TGD44TSi8mPXWxCOz7k,66
+tangram_globe/package.json,sha256=c76Q6ieh5__7_egnnhRIygvLbUEJvD3uIXWNADDYRgo,314
+tangram_globe-0.4.0.dist-info/METADATA,sha256=zoTJRQ_tZxOB3v09b12HhhMvE2kuB2O82EJ8bJVU11M,1310
+tangram_globe-0.4.0.dist-info/WHEEL,sha256=WLgqFyCfm_KASv4WHyYy0P3pM_m7J5L9k2skdKLirC8,87
+tangram_globe-0.4.0.dist-info/entry_points.txt,sha256=XRFuHtmIgj66E_Awq3Vc_TfE7ecXqpTQjp7yXQDdtQE,60
+tangram_globe-0.4.0.dist-info/RECORD,,

tangram_globe/GlobeToggle.vue

@@ -1,58 +0,0 @@
-<template>
-  <div class="globe-toggle">
-    <button
-      :class="{ active: isGlobeView }"
-      :title="isGlobeView ? 'Switch to mercator view' : 'Switch to globe view'"
-      @click="toggleGlobe"
-    >
-      <span class="fa fa-globe"></span>
-    </button>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, inject } from "vue";
-import type { TangramApi } from "@open-aviation/tangram-core/api";
-
-const tangramApi = inject<TangramApi>("tangramApi");
-if (!tangramApi) {
-  throw new Error("assert: tangram api not provided");
-}
-
-const isGlobeView = ref(false);
-
-const toggleGlobe = () => {
-  if (!tangramApi.map.isReady.value) return;
-
-  const mapInstance = tangramApi.map.getMapInstance();
-  const newGlobeState = !isGlobeView.value;
-
-  mapInstance.setProjection(newGlobeState ? { type: "globe" } : { type: "mercator" });
-
-  isGlobeView.value = newGlobeState;
-};
-</script>
-
-<style scoped>
-.globe-toggle button {
-  background: white;
-  border: 1px solid #ddd;
-  border-radius: 4px;
-  padding: 8px 12px;
-  cursor: pointer;
-  font-size: 16px;
-  transition: all 0.2s ease;
-  color: #333;
-}
-
-.globe-toggle button:hover {
-  background: #f5f5f5;
-  border-color: #bbb;
-}
-
-.globe-toggle button.active {
-  background: oklch(0.72 0.075 245);
-  color: white;
-  border-color: oklch(0.59 0.075 245);
-}
-</style>

tangram_globe/dist-frontend/index.css

@@ -1 +0,0 @@
-.globe-toggle button[data-v-871c94ae]{background:#fff;border:1px solid #ddd;border-radius:4px;padding:8px 12px;cursor:pointer;font-size:16px;transition:all .2s ease;color:#333}.globe-toggle button[data-v-871c94ae]:hover{background:#f5f5f5;border-color:#bbb}.globe-toggle button.active[data-v-871c94ae]{background:#7daad1;color:#fff;border-color:#5682a7}

tangram_globe-0.3.0.dist-info/RECORD

@@ -1,12 +0,0 @@
-tangram_globe/GlobeToggle.vue,sha256=sv1BwoELo8geTmMt97z49jAgxjPEnClDkoczLWnNx18,1307
-tangram_globe/__init__.py,sha256=FbuSZ2QtWcL8gSt7w3LjFvIxaOFYDZsFxryePm5E5zs,354
-tangram_globe/index.ts,sha256=4Dkom8x_QFxJtMX-iqo0l7mJA46RVlOcIHRAFDIlfws,287
-tangram_globe/dist-frontend/index.css,sha256=FCsgMwLYcH92yNpoXcDsEml2B5VGPxXxCaZhY5Ot_Ss,354
-tangram_globe/dist-frontend/index.js,sha256=A_dwKJDluzk5sXUN9Vt3E_PnvTC51psaW0mC-7ofvPU,1236
-tangram_globe/dist-frontend/index.js.map,sha256=X2uKxzQNQN2sKWnsCfi5CDvhrrKqBq_nC1FlKaIYqpo,2683
-tangram_globe/dist-frontend/plugin.json,sha256=8HaRCyE8bMHo8zl_YDjZS8rSzsSoWI1BAeFMe0UmFCw,90
-tangram_globe/package.json,sha256=4HRiKtho7_BSobn6gvPBVjPnhhGI_obT5hIm9DPJQ0I,314
-tangram_globe-0.3.0.dist-info/METADATA,sha256=vWedovs9hEGZdxHKYGm7Epz0jw9WW9Vd3aSbee9UdNU,1310
-tangram_globe-0.3.0.dist-info/WHEEL,sha256=WLgqFyCfm_KASv4WHyYy0P3pM_m7J5L9k2skdKLirC8,87
-tangram_globe-0.3.0.dist-info/entry_points.txt,sha256=XRFuHtmIgj66E_Awq3Vc_TfE7ecXqpTQjp7yXQDdtQE,60
-tangram_globe-0.3.0.dist-info/RECORD,,