@goway.to/maps 0.1.0 → 0.1.2

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to `@goway.to/maps`. Semantic versioning with the 0.x rule:
 while the major version is 0, a MINOR release may break the API.
 
+## 0.1.2
+
+- The map resolves its style through `@goway.to/sdk/map`, which has no HTTP
+  client and no zod, instead of the SDK's root entry. A web app no longer
+  bundles GoWay's whole contract to draw a map: in Homiio that was about
+  170 KB of gzipped JavaScript. Needs `@goway.to/sdk` 0.7.0.
+
+## 0.1.1
+
+- A `MapView` given a `height` keeps it. The root was `flex: 1`, a zero flex
+  basis on both platforms, which overrode the caller's height: a map inside a
+  scroll view (an address picker in a form) rendered 0 tall. It now grows from
+  its own size, so it still fills a bounded parent when given no size.
+- The GoWay mark has an accessible name on the web. `react-native-svg` hands
+  its props to the DOM `<svg>` unchanged, so the logo's React Native
+  accessibility props landed there as unknown attributes — no name in a
+  browser, and a React warning about `accessible` on every map. The web now
+  gets `role="img"` and `aria-label`; iOS and Android are unchanged.
+
 ## 0.1.0
 
 The first release: GoWay's map as an SDK, with GoWay's own app as its first

package/dist/MapAttribution.js

@@ -40,7 +40,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { memo, useCallback } from 'react';
 import { Linking, Pressable, StyleSheet, View, } from 'react-native';
 import Animated, { useAnimatedStyle, withTiming } from 'react-native-reanimated';
-import { localizedLabel } from '@goway.to/sdk';
+import { localizedLabel } from '@goway.to/sdk/map';
 import { useBloomLocale } from '@oxy.so/bloom/locale';
 import { useBottomEdgeInset } from '@oxy.so/bloom/layout';
 import { RiInformationLine } from '@oxy.so/bloom/icons/RiInformationLine';

package/dist/MapView.js

@@ -39,14 +39,10 @@ const WORLD_VIEW = { latitude: 20, longitude: 0, zoom: 1.5 };
 export const MapView = forwardRef(function MapView(props, ref) {
     const { mapStyle = DEFAULT_MAP_STYLE, lightPreset, initialViewState, camera, light, interaction, credits, creditDisclosure, onPress, onCameraChanged, onLabelsChange, onReady, onError, style, testID, children, } = props;
     const theme = useTheme();
-    let styleUrl = null;
-    let styleError = null;
-    try {
-        styleUrl = resolveStyleUrl(mapStyle, lightPreset, theme.isDark);
-    }
-    catch (cause) {
-        styleError = { reason: 'style', message: String(cause) };
-    }
+    const styleUrl = resolveStyleUrl(mapStyle, lightPreset, theme.isDark);
+    const styleError = styleUrl === null
+        ? { reason: 'style', message: `not a published GoWay style: ${mapStyle}` }
+        : null;
     const mapRef = useRef(null);
     const cameraRef = useRef(null);
     const [error, setError] = useState(null);
@@ -415,6 +411,11 @@ function createNativeMapApi(mapRef, cameraRef, reports) {
     return api;
 }
 const styles = StyleSheet.create({
-    root: { flex: 1, position: 'relative', overflow: 'hidden' },
+    // `flexGrow`, not `flex: 1`: `flex: 1` is a zero flex BASIS (react-native-web
+    // writes `flex: 1 1 0%`, and Yoga reads it the same way), which overrides a
+    // caller's `height` and collapses a map in a scroll view or any parent of
+    // auto height to nothing. Growing from its own size, the map fills a bounded
+    // parent when given no size and keeps the one it is given.
+    root: { flexGrow: 1, position: 'relative', overflow: 'hidden' },
     fill: { flex: 1 },
 });

package/dist/MapView.web.js

@@ -57,14 +57,10 @@ export const MapView = forwardRef(function MapView(props, ref) {
     // bound once per engine: a new inline `onPress` must not rebuild the map.
     const latest = useRef(props);
     latest.current = props;
-    let styleUrl = null;
-    let styleError = null;
-    try {
-        styleUrl = resolveStyleUrl(mapStyle, lightPreset, theme.isDark);
-    }
-    catch (cause) {
-        styleError = { reason: 'style', message: String(cause) };
-    }
+    const styleUrl = resolveStyleUrl(mapStyle, lightPreset, theme.isDark);
+    const styleError = styleUrl === null
+        ? { reason: 'style', message: `not a published GoWay style: ${mapStyle}` }
+        : null;
     const [retry, setRetry] = useState(0);
     const [engine, setEngine] = useState(null);
     const [zoomLevel, setZoomLevel] = useState(() => Math.floor(openingZoom(props.initialViewState)));
@@ -408,6 +404,11 @@ function labelAt(map, point, coordinate, layers) {
     });
 }
 const styles = StyleSheet.create({
-    root: { flex: 1, position: 'relative', overflow: 'hidden' },
+    // `flexGrow`, not `flex: 1`: `flex: 1` is a zero flex BASIS (react-native-web
+    // writes `flex: 1 1 0%`, and Yoga reads it the same way), which overrides a
+    // caller's `height` and collapses a map in a scroll view or any parent of
+    // auto height to nothing. Growing from its own size, the map fills a bounded
+    // parent when given no size and keeps the one it is given.
+    root: { flexGrow: 1, position: 'relative', overflow: 'hidden' },
     engine: { flex: 1 },
 });

package/dist/brand/GowayLogo.js

@@ -24,8 +24,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * every call site instead of cropping in some of them.
  */
 import { memo } from 'react';
+import { Platform } from 'react-native';
 import Svg, { Path } from 'react-native-svg';
 import { GOWAY_INK, GOWAY_MARK, GOWAY_WORDMARK, aspectRatio } from './artwork';
+import { logoAccessibility } from './logoAccessibility';
 const ARTWORK = {
     wordmark: GOWAY_WORDMARK,
     mark: GOWAY_MARK,
@@ -37,10 +39,7 @@ export function gowayLogoHeight(width, variant = 'wordmark') {
 function GowayLogoComponent({ width, variant = 'wordmark', label = 'GoWay', testID, }) {
     const artwork = ARTWORK[variant];
     const height = gowayLogoHeight(width, variant);
-    return (_jsx(Svg, { width: width, height: height, viewBox: artwork.viewBox, 
-        // A decorative logo beside its own name is noise in a screen reader, so
-        // an empty label hides it rather than forcing callers to wrap it.
-        accessible: label !== '', accessibilityRole: "image", accessibilityLabel: label || undefined, testID: testID, children: artwork.paths.map((path, index) => (
+    return (_jsx(Svg, { width: width, height: height, viewBox: artwork.viewBox, ...logoAccessibility(label, Platform.OS), testID: testID, children: artwork.paths.map((path, index) => (
         // Index keys: the array is a fixed, ordered drawing, never reordered
         // and never filtered by anything but `part`. Draw order is the artwork
         // (see `artwork.ts`), so a key that survived a reorder would be a bug.

package/dist/brand/logoAccessibility.d.ts

@@ -0,0 +1,26 @@
+/**
+ * The logo's accessible name, in each platform's own vocabulary.
+ *
+ * `react-native-svg` on the web hands its props to the DOM `<svg>` as they
+ * are, so React Native's `accessible` / `accessibilityRole` /
+ * `accessibilityLabel` landed there as unknown attributes: the logo had no
+ * accessible name in a browser, and React warned about `accessible` on every
+ * map. The web gets ARIA; iOS and Android keep React Native's props, which
+ * the native SVG view does read.
+ *
+ * An empty label hides the logo from assistive technology on both: a
+ * decorative logo beside its own name is noise in a screen reader.
+ */
+export type LogoAccessibility = {
+    role: 'img';
+    'aria-label': string;
+} | {
+    'aria-hidden': true;
+} | {
+    accessible: true;
+    accessibilityRole: 'image';
+    accessibilityLabel: string;
+} | {
+    accessible: false;
+};
+export declare function logoAccessibility(label: string, os: string): LogoAccessibility;

package/dist/brand/logoAccessibility.js

@@ -0,0 +1,7 @@
+export function logoAccessibility(label, os) {
+    if (os === 'web')
+        return label ? { role: 'img', 'aria-label': label } : { 'aria-hidden': true };
+    return label
+        ? { accessible: true, accessibilityRole: 'image', accessibilityLabel: label }
+        : { accessible: false };
+}

package/dist/labels.js

@@ -41,7 +41,7 @@
  *    what the collision system actually PLACED, not with what the tiles
  *    contain.
  */
-import { OPENMAPTILES_SOURCE_LAYERS as SL } from '@goway.to/sdk';
+import { OPENMAPTILES_SOURCE_LAYERS as SL } from '@goway.to/sdk/map';
 import { isDrawableCoordinate } from './shared';
 /**
  * How far around the tap the engine is asked to look, in px (web) / dp (native).

package/dist/styleUrl.d.ts

@@ -7,13 +7,16 @@
  * app's theme — day in light mode, night in dark — unless the screen pins a
  * light. Any other URL is used as it is.
  */
-import { type MapLightPreset } from '@goway.to/sdk';
+import { type MapLightPreset } from '@goway.to/sdk/map';
 /** The style a `MapView` draws when it is given none: GoWay Standard. */
 export declare const DEFAULT_MAP_STYLE: string;
 /**
  * The document URL for `mapStyle`, in `lightPreset` or the theme's light.
- * Throws `GoWayValidationError` for a `goway://` name that is not a published
- * style — the map reports that as a style failure rather than drawing a
- * different map than the one asked for.
+ * `null` for a `goway://` name that is not a published style — the map
+ * reports that as a style failure rather than drawing a different map than
+ * the one asked for.
+ *
+ * Through `@goway.to/sdk/map`, which has no HTTP client and no schema: a map
+ * resolving its style must not carry GoWay's whole contract into an app.
  */
-export declare function resolveStyleUrl(mapStyle: string, lightPreset: MapLightPreset | undefined, dark: boolean): string;
+export declare function resolveStyleUrl(mapStyle: string, lightPreset: MapLightPreset | undefined, dark: boolean): string | null;

package/dist/styleUrl.js

@@ -7,16 +7,18 @@
  * app's theme — day in light mode, night in dark — unless the screen pins a
  * light. Any other URL is used as it is.
  */
-import { createGoWayClient, gowayStyleUrl } from '@goway.to/sdk';
+import { gowayStyleUrl, styleDocumentUrl } from '@goway.to/sdk/map';
 /** The style a `MapView` draws when it is given none: GoWay Standard. */
 export const DEFAULT_MAP_STYLE = gowayStyleUrl('standard');
-const links = createGoWayClient().links;
 /**
  * The document URL for `mapStyle`, in `lightPreset` or the theme's light.
- * Throws `GoWayValidationError` for a `goway://` name that is not a published
- * style — the map reports that as a style failure rather than drawing a
- * different map than the one asked for.
+ * `null` for a `goway://` name that is not a published style — the map
+ * reports that as a style failure rather than drawing a different map than
+ * the one asked for.
+ *
+ * Through `@goway.to/sdk/map`, which has no HTTP client and no schema: a map
+ * resolving its style must not carry GoWay's whole contract into an app.
  */
 export function resolveStyleUrl(mapStyle, lightPreset, dark) {
-    return links.styleUrl(mapStyle, lightPreset ?? (dark ? 'night' : 'day'));
+    return styleDocumentUrl(mapStyle, lightPreset ?? (dark ? 'night' : 'day'));
 }

package/dist/types.d.ts

@@ -9,7 +9,7 @@
  */
 import type { ReactNode } from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
-import type { MapLightPreset } from '@goway.to/sdk';
+import type { MapLightPreset } from '@goway.to/sdk/map';
 import type { GeoBoundingBox, GeoCoordinate } from '@goway.to/sdk/geo';
 export type { GeoBoundingBox, GeoCoordinate };
 /** Where the camera is. `bearing` and `pitch` are optional on input and always present on output. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goway.to/maps",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "GoWay's maps SDK for React and React Native: one declarative map for web and native — GoWay styles that follow your theme, Bloom markers with clustering, a camera framed by value, user location without a prompt on mount.",
   "license": "SEE LICENSE IN LICENSE",
   "author": "The Oxy Collective, Inc.",
@@ -77,7 +77,7 @@
     "supercluster": "^8.0.1"
   },
   "peerDependencies": {
-    "@goway.to/sdk": ">=0.6.0",
+    "@goway.to/sdk": ">=0.7.0",
     "@maplibre/maplibre-react-native": ">=11.4.0",
     "@oxy.so/bloom": ">=10.16.0",
     "expo-location": "*",
@@ -100,7 +100,7 @@
     }
   },
   "devDependencies": {
-    "@goway.to/sdk": "0.6.0",
+    "@goway.to/sdk": "0.7.0",
     "@maplibre/maplibre-react-native": "^11.4.0",
     "@oxy.so/bloom": "^10.16.1",
     "@types/react": "^19.2.17",