@fusion.dev/helix-map 0.117.0 → 0.119.0

package/dist/connect-map/connect-map.js

@@ -1,10 +1,9 @@
-import { HelixActivateEvent, HelixMapClusterEvent, HelixMapPanEvent, HelixMapPartChangeEvent, HelixMapRotateEvent, HelixMapTiltEvent, HelixMapZoomEvent, isRtl, } from '@fusion.dev/helix-core';
+import { HelixActivateEvent, HelixMapClusterEvent, HelixMapPanEvent, HelixMapPartChangeEvent, HelixMapRotateEvent, HelixMapTiltEvent, HelixMapZoomEvent, isRtl, watchTheme, } from '@fusion.dev/helix-core';
 import { creditParts } from '../credit/credit.js';
 import { motionOf } from '../motion/motion.js';
 import { pointsFrom } from '../points/points.js';
 import { colorsNow, settledColor } from '../style/map-colors.js';
 import { legible, parseColor } from '../style/oklab.js';
-import { watchTheme } from '../theme/watch-theme.js';
 import { captionAt } from './caption.js';
 const SAME_SPOT = 2;
 const fanOut = (count, spacing) => {

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+export { watchTheme } from '@fusion.dev/helix-core';
 export type { ConnectOptions, MapBounds, MapConnection, MapDriver, MapInView, MapLayerEvents, MapLayerSpec, MapPadding, MapPlace, MapType, } from './connect-map/index.js';
 export { connectMap, distancesAlong } from './connect-map/index.js';
 export type { CreditPart } from './credit/index.js';
@@ -8,4 +9,3 @@ export type { MapPoints } from './points/index.js';
 export { pointsFrom } from './points/index.js';
 export type { MapColors } from './style/index.js';
 export { colorsNow, colorsReady, fontReady, mapColorsFrom, mapFontFrom, PATIENCE, settledColor, } from './style/index.js';
-export { watchTheme } from './theme/index.js';

package/dist/index.js

@@ -1,6 +1,6 @@
+export { watchTheme } from '@fusion.dev/helix-core';
 export { connectMap, distancesAlong } from './connect-map/index.js';
 export { creditParts } from './credit/index.js';
 export { easingOf, millisecondsOf, motionOf } from './motion/index.js';
 export { pointsFrom } from './points/index.js';
 export { colorsNow, colorsReady, fontReady, mapColorsFrom, mapFontFrom, PATIENCE, settledColor, } from './style/index.js';
-export { watchTheme } from './theme/index.js';

package/dist/maplibre/maplibre-driver.js

@@ -1,7 +1,7 @@
+import { watchTheme } from '@fusion.dev/helix-core';
 import { contourInterval, contoursOf, heightsFrom, joinedAcross, tilesCovering, } from '../contours/contours.js';
 import { colorsNow, mapColorsFrom, PATIENCE } from '../style/map-colors.js';
 import { cssColor, mix, oklch, parseColor } from '../style/oklab.js';
-import { watchTheme } from '../theme/watch-theme.js';
 import { drawMapImage, IMAGE_RATIO } from './map-images.js';
 const SOURCE = 'helix-layers';
 export const LAYERS = [

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fusion.dev/helix-map",
   "description": "Connects the Helix Map frame to a map renderer: MapLibre, Leaflet, or a driver of your own.",
-  "version": "0.117.0",
+  "version": "0.119.0",
   "license": "MIT",
   "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
   "repository": {
@@ -43,14 +43,14 @@
   },
   "bugs": "https://github.com/project-fusion/fusion/issues",
   "dependencies": {
-    "@fusion.dev/helix-core": "0.117.0",
-    "@fusion.dev/helix-icons": "0.117.0",
+    "@fusion.dev/helix-core": "0.119.0",
+    "@fusion.dev/helix-icons": "0.119.0",
     "@mapbox/vector-tile": "^3.0.0",
     "pbf": "^5.1.2"
   },
   "devDependencies": {
-    "@fusion.dev/helix-headless": "0.117.0",
-    "@fusion.dev/helix-testing": "0.117.0",
+    "@fusion.dev/helix-headless": "0.119.0",
+    "@fusion.dev/helix-testing": "0.119.0",
     "@maplibre/maplibre-gl-style-spec": "^26.4.4",
     "@types/bun": "^1.3.0",
     "@types/leaflet": "^1.9.20",

package/dist/theme/index.d.ts

@@ -1 +0,0 @@
-export { watchTheme } from './watch-theme.js';

package/dist/theme/index.js

@@ -1 +0,0 @@
-export { watchTheme } from './watch-theme.js';

package/dist/theme/watch-theme.d.ts

@@ -1,13 +0,0 @@
-/**
- * Calls `changed` once a frame after anything that can move an element's
- * theme: a class, a mode, a theme's own marker or an inline token on the
- * element or any element above it, or the reader's light or dark preference.
- *
- * **Above it and not beside it.** A theme reaches an element only through
- * the elements it is inside, so each of those is watched for its own
- * attributes and nothing below them is: a page-wide watch heard a map's own
- * markers being placed, every frame of every pan, and threw each one away.
- *
- * Returns what stops watching.
- */
-export declare const watchTheme: (element: Element, changed: () => void) => (() => void);

package/dist/theme/watch-theme.js

@@ -1,29 +0,0 @@
-const above = (element) => {
-    const chain = [];
-    let at = element;
-    while (at) {
-        chain.push(at);
-        const root = at.getRootNode();
-        at = at.parentElement ?? (root instanceof ShadowRoot ? root.host : null);
-    }
-    return chain;
-};
-const THEMING = ['class', 'data-color-mode', 'data-helix-theme', 'style'];
-export const watchTheme = (element, changed) => {
-    let pending = 0;
-    const soon = () => {
-        cancelAnimationFrame(pending);
-        pending = requestAnimationFrame(() => changed());
-    };
-    const observer = new MutationObserver(soon);
-    for (const one of above(element)) {
-        observer.observe(one, { attributeFilter: THEMING, attributes: true });
-    }
-    const scheme = typeof matchMedia === 'function' ? matchMedia('(prefers-color-scheme: dark)') : null;
-    scheme?.addEventListener('change', soon);
-    return () => {
-        cancelAnimationFrame(pending);
-        observer.disconnect();
-        scheme?.removeEventListener('change', soon);
-    };
-};