@dxos/react-ui-geo 0.7.5-labs.e27f9b9 → 0.7.5-labs.f5080a1

package/dist/types/src/components/Globe/Globe.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Globe.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Globe/Globe.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAG7C,OAAO,KAAoC,MAAM,OAAO,CAAC;AAkOzD,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,MAAM,yBAalB,CAAC;AAEF,eAAO,MAAM,MAAM,yBAelB,CAAC;AAqBF,eAAO,MAAM,QAAQ,yBAapB,CAAC;AAEF,eAAO,MAAM,MAAM,yBAElB,CAAC;AAEF,eAAO,MAAM,MAAM,yBAElB,CAAC;AAEF,eAAO,MAAM,MAAM,yBAElB,CAAC;AAEF,eAAO,MAAM,MAAM,yBAElB,CAAC;AAEF,eAAO,MAAM,MAAM,yBAElB,CAAC;AAEF,eAAO,MAAM,MAAM,yBAElB,CAAC"}
+{"version":3,"file":"Globe.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Globe/Globe.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAG7C,OAAO,KAAoC,MAAM,OAAO,CAAC;AAuNzD,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,MAAM,yBAYlB,CAAC;AAEF,eAAO,MAAM,MAAM,yBAclB,CAAC;AAqBF,eAAO,MAAM,QAAQ,yBAYpB,CAAC;AAEF,eAAO,MAAM,MAAM,yBAElB,CAAC;AAEF,eAAO,MAAM,MAAM,yBAElB,CAAC;AAEF,eAAO,MAAM,MAAM,yBAElB,CAAC;AAEF,eAAO,MAAM,MAAM,yBAElB,CAAC;AAEF,eAAO,MAAM,MAAM,yBAElB,CAAC;AAEF,eAAO,MAAM,MAAM,yBAElB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/react-ui-geo",
-  "version": "0.7.5-labs.e27f9b9",
+  "version": "0.7.5-labs.f5080a1",
   "description": "Geo components.",
   "homepage": "https://github.com/dxos",
   "bugs": "https://github.com/dxos/issues",
@@ -44,10 +44,10 @@
     "topojson-client": "^3.1.0",
     "topojson-simplify": "^3.0.3",
     "versor": "^0.2.0",
-    "@dxos/async": "0.7.5-labs.e27f9b9",
-    "@dxos/node-std": "0.7.5-labs.e27f9b9",
-    "@dxos/debug": "0.7.5-labs.e27f9b9",
-    "@dxos/util": "0.7.5-labs.e27f9b9"
+    "@dxos/node-std": "0.7.5-labs.f5080a1",
+    "@dxos/debug": "0.7.5-labs.f5080a1",
+    "@dxos/util": "0.7.5-labs.f5080a1",
+    "@dxos/async": "0.7.5-labs.f5080a1"
   },
   "devDependencies": {
     "@react-three/drei": "^9.99.0",
@@ -67,15 +67,15 @@
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "three": "0.165.0",
-    "@dxos/react-ui": "0.7.5-labs.e27f9b9",
-    "@dxos/react-ui-theme": "0.7.5-labs.e27f9b9",
-    "@dxos/storybook-utils": "0.7.5-labs.e27f9b9"
+    "@dxos/react-ui": "0.7.5-labs.f5080a1",
+    "@dxos/react-ui-theme": "0.7.5-labs.f5080a1",
+    "@dxos/storybook-utils": "0.7.5-labs.f5080a1"
   },
   "peerDependencies": {
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/react-ui": "0.7.5-labs.e27f9b9",
-    "@dxos/react-ui-theme": "0.7.5-labs.e27f9b9"
+    "@dxos/react-ui": "0.7.5-labs.f5080a1",
+    "@dxos/react-ui-theme": "0.7.5-labs.f5080a1"
   },
   "publishConfig": {
     "access": "public"

package/src/components/Globe/Globe.stories.tsx

@@ -18,19 +18,9 @@ import { useDrag, useGlobeZoomHandler, useSpinner, useTour, type Vector } from '
 import { closestPoint, type LatLng, type StyleSet } from '../../util';
 import { type ControlProps } from '../Toolbar';
 
-// TODO(burdon): Local script (e.g., plot on chart) vs. remote functions.
-// TODO(burdon): Add charts to sheet.
-// TODO(burdon): Able to script (e.g., list of cities from named range).
-// TODO(burdon): Search flight information. Calendar (itinerary).
-// TODO(burdon): Show MANY packets flowing across the network.
-
-const useImportJson = (filename: string) => {
-  return useAsyncState(
-    // TODO(burdon): Configure vite plugins for experimental syntax.
-    //  @babel/plugin-syntax-import-assertions
-    //  @babel/plugin-syntax-import-attributes
-    async () => await import(filename), // { assert: { type: 'json' } }),
-  );
+// TODO(burdon): Load from JSON at runtime?
+const useTopology = () => {
+  return useAsyncState(async () => (await import('../../../data/countries-110m.ts')).default);
 };
 
 const defaultStyles: StyleSet = {
@@ -162,8 +152,7 @@ const Story = ({
       objects: { dots: points },
     } as any as Topology;
   });
-  // const [topology] = useImportJson('../../../data/raw/countries-110m.json');
-  const [topology] = useAsyncState(async () => (await import('../../../data/countries-110m.ts')).default);
+  const [topology] = useTopology();
   const [airports] = useAsyncState(async () => (await import('../../../data/airports.ts')).default);
   const features = useMemo(() => {
     return airports ? createTrip(airports, routes, (dots?.objects.dots as any)?.geometries[0].coordinates) : undefined;
@@ -242,8 +231,7 @@ const meta: Meta = {
 export default meta;
 
 export const Earth1 = () => {
-  // const [topology] = useImportJson('../../../data/raw/countries-110m.json');
-  const [topology] = useAsyncState(async () => (await import('../../../data/countries-110m.ts')).default);
+  const [topology] = useTopology();
   const [controller, setController] = useState<GlobeController | null>();
   const handleAction = useGlobeZoomHandler(controller);
   useDrag(controller);
@@ -257,8 +245,7 @@ export const Earth1 = () => {
 };
 
 export const Earth2 = () => {
-  // const [topology] = useImportJson('../../../data/raw/countries-110m.json');
-  const [topology] = useAsyncState(async () => (await import('../../../data/countries-110m.ts')).default);
+  const [topology] = useTopology();
   const [controller, setController] = useState<GlobeController | null>();
   const handleAction = useGlobeZoomHandler(controller);
   useDrag(controller);
@@ -293,8 +280,7 @@ const monochrome: StyleSet = {
 };
 
 export const Mercator = () => {
-  // const [topology] = useImportJson('../../../data/raw/countries-110m.json');
-  const [topology] = useAsyncState(async () => (await import('../../../data/countries-110m.ts')).default);
+  const [topology] = useTopology();
   const [controller, setController] = useState<GlobeController | null>();
   const handleAction = useGlobeZoomHandler(controller);
   useDrag(controller);