Remove us-states-topojson from build (load via CDN like other topojson/geojson)

Author: techniq

packages/layerchart/src/routes/docs/examples/CountryMap/+page.svelte

@@ -7,9 +7,8 @@
   import GeoPath from '$lib/components/GeoPath.svelte';
   import Text from '$lib/components/Text.svelte';
 
-  import geojson from '../_data/geo/us-states-topojson.js';
-
-  const states = feature(geojson, geojson.objects.collection);
+  export let data;
+  const states = feature(data.geojson, data.geojson.objects.states);
 </script>
 
 <h1>Examples</h1>

packages/layerchart/src/routes/docs/examples/CountryMap/+page.ts

@@ -2,6 +2,7 @@ import pageSource from './+page.svelte?raw';
 
 export async function load() {
   return {
+    geojson: (await fetch('https://cdn.jsdelivr.net/npm/us-atlas@3/states-10m.json')).json(),
     meta: {
       pageSource,
     },

packages/layerchart/src/routes/docs/examples/GeoPath/+page.svelte

@@ -7,11 +7,7 @@
   import GeoPath from '$lib/components/GeoPath.svelte';
   import Tooltip from '$lib/components/Tooltip.svelte';
 
-  // import geojson from '../_data/geo/states-albers-10m.json';
-
   export let data;
-  // console.log({ data });
-
   const states = feature(data.geojson, data.geojson.objects.states);
   const counties = feature(data.geojson, data.geojson.objects.counties);
 </script>

packages/layerchart/src/routes/docs/examples/GeoPoint/+page.svelte

@@ -8,10 +8,10 @@
   import GeoPoint from '$lib/components/GeoPoint.svelte';
   import Text from '$lib/components/Text.svelte';
 
-  import geojson from '../_data/geo/us-states-topojson.js';
   import capitals from '../_data/geo/us-state-capitals.csv';
 
-  const states = feature(geojson, geojson.objects.collection);
+  export let data;
+  const states = feature(data.geojson, data.geojson.objects.states);
 </script>
 
 <h1>Examples</h1>

packages/layerchart/src/routes/docs/examples/GeoPoint/+page.ts

@@ -2,6 +2,7 @@ import pageSource from './+page.svelte?raw';
 
 export async function load() {
   return {
+    geojson: (await fetch('https://cdn.jsdelivr.net/npm/us-atlas@3/states-10m.json')).json(),
     meta: {
       pageSource,
     },

packages/layerchart/src/routes/docs/examples/GeoPointPreProjected/+page.svelte

@@ -11,12 +11,9 @@
   import GeoPoint from '$lib/components/GeoPoint.svelte';
   import Text from '$lib/components/Text.svelte';
 
-  // import geojson from '../_data/geo/states-albers-10m.json';
   import capitals from '../_data/geo/us-state-capitals.csv';
 
   export let data;
-  // console.log({ data });
-
   const states = feature(data.geojson, data.geojson.objects.states);
 </script>
 

packages/layerchart/src/routes/docs/examples/GeoTile/+page.svelte

@@ -14,14 +14,13 @@
   import Tooltip from '$lib/components/Tooltip.svelte';
   import TooltipItem from '$lib/components/TooltipItem.svelte';
 
-  import geojson from '../_data/geo/us-states-topojson.js';
-
-  const states = feature(geojson, geojson.objects.collection);
+  export let data;
+  const states = feature(data.geojson, data.geojson.objects.states);
 
   $: filteredStates = {
     ...states,
     features: states.features.filter(
-      (d) => d.properties.name !== 'Alaska' && d.properties.name !== 'Hawaii'
+      (d) => d.id < 60 && d.properties.name !== 'Alaska' && d.properties.name !== 'Hawaii'
     ),
   };
   // $: filteredStates = { ...states, features: states.features.filter(d => d.properties.name === 'West Virginia')}

packages/layerchart/src/routes/docs/examples/GeoTile/+page.ts

@@ -2,6 +2,7 @@ import pageSource from './+page.svelte?raw';
 
 export async function load() {
   return {
+    geojson: (await fetch('https://cdn.jsdelivr.net/npm/us-atlas@3/states-10m.json')).json(),
     meta: {
       pageSource,
     },

packages/layerchart/src/routes/docs/examples/ZoomableTileMap/+page.svelte

@@ -17,9 +17,8 @@
   import TooltipItem from '$lib/components/TooltipItem.svelte';
   import Zoom from '$lib/components/Zoom.svelte';
 
-  import geojson from '../_data/geo/us-states-topojson.js';
-
-  const states = feature(geojson, geojson.objects.collection);
+  export let data;
+  const states = feature(data.geojson, data.geojson.objects.states);
 
   $: filteredStates = {
     ...states,