npm - @protobase/ui - Versions diffs - 0.62.4 → 0.62.5 - Mend

@protobase/ui 0.62.4 → 0.62.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (22) hide show

package/dist/shell-source-maps/assets/{index-D8oHLXjS.js.map → index-C6bDRZz0.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index-~~D8oHLXjS~~.js","names":["createRoot","StrictMode","projectUi","__exportAll","__toESM","require_react","require_client","require_jsx_runtime","uiFromModule","nativeBridgeOf","App","relList","link","processPreload","mutation","mutations","node","getFetchOpts","fetchOpts","import_react","import_client","_virtual_protobase_project_ui_exports","_virtual_protobase_project_ui_default","apiOriginMeta","showKeyboardAccessoryBar","bridge","nativeViewport","content","part","applyNativeViewport","meta","doc","apiOriginOf","contents","value","url","pageApiOrigin","import_jsx_runtime","root","nativeBridge","browserLocale"],"sources":["../../../../schema/src/api-origin-meta.ts","../../../src/app/native-keyboard.ts","../../../src/app/native-viewport.ts","../../../src/app/page-api-origin.ts","../../../src/app/main.tsx"],"sourcesContent":["/*\n The `<meta name>` whose `content` names the origin of the API the shell calls, such as `https://shop.example.com`, for\n * a page served from elsewhere: `protobase mobile` writes it into the app's `index.html`. Without it, the shell calls\n * the API on its own origin.\n /\nexport const apiOriginMeta = 'protobase-api-origin'\n","import type { NativeBridge } from './native-auth-fetch'\n\n/\n Gives the iOS app's keyboard back the bar above it, with the arrows to the previous and next field and Done, which\n * Capacitor's keyboard plugin hides when it loads and has no setting for. A binary built before it had the plugin,\n * and Android, which has no such bar, are left as they are.\n /\nexport const showKeyboardAccessoryBar = async (bridge: NativeBridge) => {\n if (bridge.getPlatform() !== 'ios' \|\| !bridge.isPluginAvailable('Keyboard')) return\n await bridge.nativePromise('Keyboard', 'setAccessoryBarVisible', { isVisible: true })\n}\n","/\n The viewport of the iOS and Android app: as the page's, at a scale of one. Safari on iOS zooms into an input whose\n * text is smaller than 16px when it is focused, and in the app the page then stays zoomed with its right side cut off;\n * an app does not zoom, so its viewport stays at that scale, under a pinch too. The page in a browser keeps its zoom.\n /\nexport const nativeViewport = (content: string) => {\n const kept = content.split(',').map((part) => part.trim()).filter((part) => part && !/^maximum-scale\\s=/.test(part))\n return [...kept, 'maximum-scale=1'].join(', ')\n}\n\n/** Gives the document's viewport the app's scale; a document without a viewport tag needs none. /\nexport const applyNativeViewport = (doc: Document) => {\n const meta = doc.querySelector('meta[name=\"viewport\"]')\n if (!meta) return\n meta.setAttribute('content', nativeViewport(meta.getAttribute('content') ?? ''))\n}\n","import { apiOriginMeta } from '@protobase/schema/internal'\n\n/\n The API origin the page's `<meta name=\"protobase-api-origin\">` tags name: `undefined` without one. Anything but one\n * tag holding exactly an http or https origin, such as `https://shop.example.com`, is an error.\n /\nexport const apiOriginOf = (contents: string[]) => {\n if (contents.length === 0) return undefined\n if (contents.length > 1) throw new Error(`The page has ${contents.length} ${apiOriginMeta} meta tags; it may have one`)\n const value = contents[0]!\n const url = URL.canParse(value) ? new URL(value) : undefined\n if (!url \|\| (url.protocol !== 'http:' && url.protocol !== 'https:') \|\| url.origin !== value) {\n throw new Error(`The page's ${apiOriginMeta} meta tag holds \"${value}\", which is not an http or https origin such as https://shop.example.com`)\n }\n return value\n}\n\n/* The API origin this page names in its `<meta name=\"protobase-api-origin\">` (see `apiOriginOf`). /\nexport const pageApiOrigin = () =>\n apiOriginOf([...document.querySelectorAll<HTMLMetaElement>(`meta[name=\"${apiOriginMeta}\"]`)].map((meta) => meta.content))\n","import { StrictMode } from 'react'\nimport { createRoot } from 'react-dom/client'\nimport as projectUi from 'virtual:protobase-project-ui'\nimport '../styles.css'\nimport { browserLocale } from '../locale/active-locale'\nimport { App } from './app'\nimport { nativeBridgeOf, type NativeBridge } from './native-auth-fetch'\nimport { showKeyboardAccessoryBar } from './native-keyboard'\nimport { applyNativeViewport } from './native-viewport'\nimport { pageApiOrigin } from './page-api-origin'\nimport { uiFromModule } from './pages/ui-from-module'\n\nconst root = document.getElementById('root')\nif (!root) throw new Error('index.html needs an element with id \"root\"')\n\nconst nativeBridge = nativeBridgeOf(window as { Capacitor?: NativeBridge })\nif (nativeBridge) {\n applyNativeViewport(document)\n void showKeyboardAccessoryBar(nativeBridge)\n}\n\ncreateRoot(root).render(\n <StrictMode>\n <App baseUrl={`${pageApiOrigin() ?? ''}/api/v1`} ui={uiFromModule(projectUi)} locale={browserLocale()} nativeBridge={nativeBridge} />\n </StrictMode>,\n)\n"],"mappings":"85BAKauB,EAAgB,uBCEhBC,EAA2B,KAAO,IAAyB,CAClEC,EAAO,YAAY,IAAM,OAAUA,EAAO,kBAAkB,UAAU,GAC1E,MAAMA,EAAO,cAAc,WAAY,yBAA0B,CAAE,UAAW,EAAK,CAAC,CACtF,ECLaC,EAAkB,GAEtB,CAAC,GADKC,EAAQ,MAAM,GAAG,CAAC,CAAC,IAAK,GAASC,EAAK,KAAK,CAAC,CAAC,CAAC,OAAQ,GAASA,GAAQ,CAAC,qBAAqB,KAAKA,CAAI,CACxG,EAAM,iBAAiB,CAAC,CAAC,KAAK,IAAI,EAIlCC,EAAuB,GAAkB,CACpD,IAAMC,EAAOC,EAAI,cAAc,uBAAuB,EACjDD,GACLA,EAAK,aAAa,UAAWJ,EAAeI,EAAK,aAAa,SAAS,GAAK,EAAE,CAAC,CACjF,ECTaE,EAAe,GAAuB,CACjD,GAAIC,EAAS,SAAW,EAAG,OAC3B,GAAIA,EAAS,OAAS,EAAG,MAAU,MAAM,gBAAgBA,EAAS,OAAO,GAAGV,EAAc,4BAA4B,EACtH,IAAMW,EAAQD,EAAS,GACjBE,EAAM,IAAI,SAASD,CAAK,EAAI,IAAI,IAAIA,CAAK,EAAI,IAAA,GACnD,GAAI,CAACC,GAAQA,EAAI,WAAa,SAAWA,EAAI,WAAa,UAAaA,EAAI,SAAWD,EACpF,MAAU,MAAM,cAAcX,EAAc,mBAAmBW,EAAM,yEAAyE,EAEhJ,OAAOA,CACT,EAGaE,MACXJ,EAAY,CAAC,GAAG,SAAS,iBAAkC,cAAcT,EAAc,GAAG,CAAC,CAAC,CAAC,IAAK,GAASO,EAAK,OAAO,CAAC,aCPpHQ,EAAO,SAAS,eAAe,MAAM,EAC3C,GAAI,CAACA,EAAM,MAAU,MAAM,4CAA4C,EAEvE,IAAMC,EAAe9B,EAAe,MAAsC,EACtE8B,IACFV,EAAoB,QAAQ,EAC5BL,EAA8Be,CAAY,IAG5CvC,EAAAA,EAAAA,WAAAA,CAAWsC,CAAI,CAAC,CAAC,QACf,EAAAD,EAAA,IAAA,CAACpC,EAAAA,WAAD,CAAA,UACE,EAAAoC,EAAA,IAAA,CAAC3B,EAAD,CAAK,QAAS,GAAG0B,EAAc,GAAK,GAAG,SAAU,GAAI5B,EAAaN,CAAS,EAAG,OAAQsC,EAAc,EAAiB,cAAe,CAAA,CAC1H,CAAA,CACd","debugId":"~~fca072d7~~-~~8d2d~~-~~4053~~-~~964b~~-~~21232cbc9045~~"}
1	+ {"version":3,"file":"index-C6bDRZz0.js","names":["createRoot","StrictMode","projectUi","__exportAll","__toESM","require_react","require_client","require_jsx_runtime","uiFromModule","nativeBridgeOf","App","relList","link","processPreload","mutation","mutations","node","getFetchOpts","fetchOpts","import_react","import_client","_virtual_protobase_project_ui_exports","_virtual_protobase_project_ui_default","apiOriginMeta","showKeyboardAccessoryBar","bridge","nativeViewport","content","part","applyNativeViewport","meta","doc","apiOriginOf","contents","value","url","pageApiOrigin","import_jsx_runtime","root","nativeBridge","browserLocale"],"sources":["../../../../schema/src/api-origin-meta.ts","../../../src/app/native-keyboard.ts","../../../src/app/native-viewport.ts","../../../src/app/page-api-origin.ts","../../../src/app/main.tsx"],"sourcesContent":["/*\n The `<meta name>` whose `content` names the origin of the API the shell calls, such as `https://shop.example.com`, for\n * a page served from elsewhere: `protobase mobile` writes it into the app's `index.html`. Without it, the shell calls\n * the API on its own origin.\n /\nexport const apiOriginMeta = 'protobase-api-origin'\n","import type { NativeBridge } from './native-auth-fetch'\n\n/\n Gives the iOS app's keyboard back the bar above it, with the arrows to the previous and next field and Done, which\n * Capacitor's keyboard plugin hides when it loads and has no setting for. A binary built before it had the plugin,\n * and Android, which has no such bar, are left as they are.\n /\nexport const showKeyboardAccessoryBar = async (bridge: NativeBridge) => {\n if (bridge.getPlatform() !== 'ios' \|\| !bridge.isPluginAvailable('Keyboard')) return\n await bridge.nativePromise('Keyboard', 'setAccessoryBarVisible', { isVisible: true })\n}\n","/\n The viewport of the iOS and Android app: as the page's, at a scale of one. Safari on iOS zooms into an input whose\n * text is smaller than 16px when it is focused, and in the app the page then stays zoomed with its right side cut off;\n * an app does not zoom, so its viewport stays at that scale, under a pinch too. The page in a browser keeps its zoom.\n /\nexport const nativeViewport = (content: string) => {\n const kept = content.split(',').map((part) => part.trim()).filter((part) => part && !/^maximum-scale\\s=/.test(part))\n return [...kept, 'maximum-scale=1'].join(', ')\n}\n\n/** Gives the document's viewport the app's scale; a document without a viewport tag needs none. /\nexport const applyNativeViewport = (doc: Document) => {\n const meta = doc.querySelector('meta[name=\"viewport\"]')\n if (!meta) return\n meta.setAttribute('content', nativeViewport(meta.getAttribute('content') ?? ''))\n}\n","import { apiOriginMeta } from '@protobase/schema/internal'\n\n/\n The API origin the page's `<meta name=\"protobase-api-origin\">` tags name: `undefined` without one. Anything but one\n * tag holding exactly an http or https origin, such as `https://shop.example.com`, is an error.\n /\nexport const apiOriginOf = (contents: string[]) => {\n if (contents.length === 0) return undefined\n if (contents.length > 1) throw new Error(`The page has ${contents.length} ${apiOriginMeta} meta tags; it may have one`)\n const value = contents[0]!\n const url = URL.canParse(value) ? new URL(value) : undefined\n if (!url \|\| (url.protocol !== 'http:' && url.protocol !== 'https:') \|\| url.origin !== value) {\n throw new Error(`The page's ${apiOriginMeta} meta tag holds \"${value}\", which is not an http or https origin such as https://shop.example.com`)\n }\n return value\n}\n\n/* The API origin this page names in its `<meta name=\"protobase-api-origin\">` (see `apiOriginOf`). /\nexport const pageApiOrigin = () =>\n apiOriginOf([...document.querySelectorAll<HTMLMetaElement>(`meta[name=\"${apiOriginMeta}\"]`)].map((meta) => meta.content))\n","import { StrictMode } from 'react'\nimport { createRoot } from 'react-dom/client'\nimport as projectUi from 'virtual:protobase-project-ui'\nimport '../styles.css'\nimport { browserLocale } from '../locale/active-locale'\nimport { App } from './app'\nimport { nativeBridgeOf, type NativeBridge } from './native-auth-fetch'\nimport { showKeyboardAccessoryBar } from './native-keyboard'\nimport { applyNativeViewport } from './native-viewport'\nimport { pageApiOrigin } from './page-api-origin'\nimport { uiFromModule } from './pages/ui-from-module'\n\nconst root = document.getElementById('root')\nif (!root) throw new Error('index.html needs an element with id \"root\"')\n\nconst nativeBridge = nativeBridgeOf(window as { Capacitor?: NativeBridge })\nif (nativeBridge) {\n applyNativeViewport(document)\n void showKeyboardAccessoryBar(nativeBridge)\n}\n\ncreateRoot(root).render(\n <StrictMode>\n <App baseUrl={`${pageApiOrigin() ?? ''}/api/v1`} ui={uiFromModule(projectUi)} locale={browserLocale()} nativeBridge={nativeBridge} />\n </StrictMode>,\n)\n"],"mappings":"85BAKauB,EAAgB,uBCEhBC,EAA2B,KAAO,IAAyB,CAClEC,EAAO,YAAY,IAAM,OAAUA,EAAO,kBAAkB,UAAU,GAC1E,MAAMA,EAAO,cAAc,WAAY,yBAA0B,CAAE,UAAW,EAAK,CAAC,CACtF,ECLaC,EAAkB,GAEtB,CAAC,GADKC,EAAQ,MAAM,GAAG,CAAC,CAAC,IAAK,GAASC,EAAK,KAAK,CAAC,CAAC,CAAC,OAAQ,GAASA,GAAQ,CAAC,qBAAqB,KAAKA,CAAI,CACxG,EAAM,iBAAiB,CAAC,CAAC,KAAK,IAAI,EAIlCC,EAAuB,GAAkB,CACpD,IAAMC,EAAOC,EAAI,cAAc,uBAAuB,EACjDD,GACLA,EAAK,aAAa,UAAWJ,EAAeI,EAAK,aAAa,SAAS,GAAK,EAAE,CAAC,CACjF,ECTaE,EAAe,GAAuB,CACjD,GAAIC,EAAS,SAAW,EAAG,OAC3B,GAAIA,EAAS,OAAS,EAAG,MAAU,MAAM,gBAAgBA,EAAS,OAAO,GAAGV,EAAc,4BAA4B,EACtH,IAAMW,EAAQD,EAAS,GACjBE,EAAM,IAAI,SAASD,CAAK,EAAI,IAAI,IAAIA,CAAK,EAAI,IAAA,GACnD,GAAI,CAACC,GAAQA,EAAI,WAAa,SAAWA,EAAI,WAAa,UAAaA,EAAI,SAAWD,EACpF,MAAU,MAAM,cAAcX,EAAc,mBAAmBW,EAAM,yEAAyE,EAEhJ,OAAOA,CACT,EAGaE,MACXJ,EAAY,CAAC,GAAG,SAAS,iBAAkC,cAAcT,EAAc,GAAG,CAAC,CAAC,CAAC,IAAK,GAASO,EAAK,OAAO,CAAC,aCPpHQ,EAAO,SAAS,eAAe,MAAM,EAC3C,GAAI,CAACA,EAAM,MAAU,MAAM,4CAA4C,EAEvE,IAAMC,EAAe9B,EAAe,MAAsC,EACtE8B,IACFV,EAAoB,QAAQ,EAC5BL,EAA8Be,CAAY,IAG5CvC,EAAAA,EAAAA,WAAAA,CAAWsC,CAAI,CAAC,CAAC,QACf,EAAAD,EAAA,IAAA,CAACpC,EAAAA,WAAD,CAAA,UACE,EAAAoC,EAAA,IAAA,CAAC3B,EAAD,CAAK,QAAS,GAAG0B,EAAc,GAAK,GAAG,SAAU,GAAI5B,EAAaN,CAAS,EAAG,OAAQsC,EAAc,EAAiB,cAAe,CAAA,CAC1H,CAAA,CACd","debugId":"ba6c3459-cf4e-4dea-9093-9b69a98667e4"}

package/dist/shell-source-maps/assets/{records-map-DOXcutuQ.js.map → records-map-B5MPNRQc.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"records-map-DOXcutuQ.js","names":["useRef","useState","__toESM","require_react","require_jsx_runtime","cachedFormat","groupPoints","MapPin","Source","MapLayerSwitch","Marker","Layer","Map","mapLib","cn","import_react","worldPixels","mercatorLimit","fadeFrom","zooms","zoom","positionsOf","geometry","mercatorY","radians","latitude","zoomZeroSpan","positions","longitudes","longitude","ys","width","height","areaFeatures","features","points","point","kind","selected","feature","fadeIn","full","import_jsx_runtime","areaLayerId","polygons","lines","chosen","yes","no","PositionAreas","data","color","colors","themeColor","probe","token","element","resolved","canvas","context","red","green","blue","alpha","groupRadius","fitOptions","bucketOptions","markerHeight","compact","tag","corners","bounds","RecordsMap","ref","groups","setGroups","setColors","byKey","pointKeys","fitKey","fit","regroup","map","report","center","onMove","fitNow","onFitted","chosenAt","group","key","at","covered","open","y","style","initial","container","onClear","NavigationControl","buckets","bucket","bucketLabel","event","approximate","markerLabel","onSelect"],"sources":["../../../src/app/map/area-features.ts","../../../src/app/map/position-areas.tsx","../../../src/app/map/theme-color.ts","../../../src/app/map/records-map.tsx"],"sourcesContent":["import type { ExpressionSpecification } from 'maplibre-gl'\nimport type { MapPoint } from '../displays/map-groups'\nimport type { AreaGeometry } from './approximate-position'\n\n/** An area as the map's GeoJSON source holds it: whose it is, whether it is filled or a line, its size, and whether its record is chosen. /\nexport type AreaFeature = {\n type: 'Feature'\n geometry: AreaGeometry\n properties: { key: string; kind: 'polygon' \| 'line'; span: number; chosen: boolean }\n}\n\n// MapLibre draws the whole world 512 pixels across at zoom 0, each zoom level twice as wide as the one before.\nconst worldPixels = 512\n// The furthest north and south Web Mercator draws.\nconst mercatorLimit = 85.051129\n// An area fades in as it grows from about half a marker to a marker and a half across, smaller it says nothing the marker does not.\nconst fadeFrom = 16\nconst fadeTo = 48\nconst zooms = Array.from({ length: 23 }, (_, zoom) => zoom)\n\nconst positionsOf = (geometry: AreaGeometry): [number, number][] => {\n if (geometry.type === 'LineString') return geometry.coordinates\n if (geometry.type === 'MultiPolygon') return geometry.coordinates.flat(2)\n return geometry.coordinates.flat()\n}\n\n// How far down the world a latitude is drawn, from 0 at the top to 1 at the bottom.\nconst mercatorY = (latitude: number) => {\n const radians = (Math.max(-mercatorLimit, Math.min(mercatorLimit, latitude)) Math.PI) / 180\n return 0.5 - Math.log(Math.tan(Math.PI / 4 + radians / 2)) / (2 * Math.PI)\n}\n\n/** How many pixels across the area is drawn at zoom 0, the larger of its width and height; twice as many each zoom level in. /\nexport const zoomZeroSpan = (geometry: AreaGeometry) => {\n const positions = positionsOf(geometry)\n const longitudes = positions.map(([longitude]) => longitude)\n const ys = positions.map(([, latitude]) => mercatorY(latitude))\n const width = ((Math.max(...longitudes) - Math.min(...longitudes)) / 360) worldPixels\n const height = (Math.max(...ys) - Math.min(...ys)) * worldPixels\n return Math.max(width, height)\n}\n\n/** The areas of the points that have one, those of the chosen records last so they are drawn on top. /\nexport const areaFeatures = (points: MapPoint[], selected: string[] \| undefined): { type: 'FeatureCollection'; features: AreaFeature[] } => {\n const features = points.flatMap((point): AreaFeature[] => {\n if (!point.area) return []\n const kind = point.area.type === 'LineString' \|\| point.area.type === 'MultiLineString' ? 'line' : 'polygon'\n return [{ type: 'Feature', geometry: point.area, properties: { key: point.key, kind, span: zoomZeroSpan(point.area), chosen: selected?.includes(point.key) ?? false } }]\n })\n return { type: 'FeatureCollection', features: [...features.filter((feature) => !feature.properties.chosen), ...features.filter((feature) => feature.properties.chosen)] }\n}\n\n/\n An opacity of `full` for an area drawn large enough to mean something at the zoom, fading in as it grows to that\n * size: at each whole zoom level its share of `full` follows from its span, and MapLibre blends between the levels.\n /\nexport const fadeIn = (full: number \| ExpressionSpecification): ExpressionSpecification =>\n [\n 'interpolate',\n ['linear'],\n ['zoom'],\n ...zooms.flatMap((zoom) => [zoom, ['', full, ['min', 1, ['max', 0, ['/', ['-', ['', ['get', 'span'], 2 * zoom], fadeFrom], fadeTo - fadeFrom]]]]]),\n ] as ExpressionSpecification\n","import type { ExpressionSpecification, FilterSpecification } from 'maplibre-gl'\nimport { Layer, Source } from 'react-map-gl/maplibre'\nimport type { MapPoint } from '../displays/map-groups'\nimport { areaFeatures, fadeIn } from './area-features'\n\n/** The colours of the areas, as MapLibre reads them: the markers' own, and the chosen marker's. /\nexport type AreaColors = { area: string; chosen: string }\n\n/* The areas' lowest layer, which a layer of tiles goes under. /\nexport const areaLayerId = 'position-area-fills'\n\nconst polygons: FilterSpecification = ['==', ['get', 'kind'], 'polygon']\nconst lines: FilterSpecification = ['==', ['get', 'kind'], 'line']\nconst chosen = (yes: number, no: number): ExpressionSpecification => ['case', ['get', 'chosen'], yes, no]\n\n/\n The areas around the approximate positions among `points`, drawn under the markers in the markers' colour: a polygon\n * filled faintly within a dashed outline, a line such as a street as a wide stroke. Each fades in as the map zooms close\n * enough for it to be larger than a marker, and the chosen records' areas are drawn darker. Nothing without areas.\n /\nexport const PositionAreas = ({ points, selected, colors }: { points: MapPoint[]; selected: string[] \| undefined; colors: AreaColors }) => {\n const data = areaFeatures(points, selected)\n if (data.features.length === 0) return null\n const color: ExpressionSpecification = ['case', ['get', 'chosen'], colors.chosen, colors.area]\n return (\n <Source id=\"position-areas\" type=\"geojson\" data={data}>\n <Layer id={areaLayerId} type=\"fill\" filter={polygons} paint={{ 'fill-color': color, 'fill-opacity': fadeIn(chosen(0.15, 0.1)) }} />\n <Layer id=\"position-area-outlines\" type=\"line\" filter={polygons} paint={{ 'line-color': color, 'line-width': 1.5, 'line-dasharray': [3, 2], 'line-opacity': fadeIn(0.8) }} />\n <Layer id=\"position-area-lines\" type=\"line\" filter={lines} layout={{ 'line-cap': 'round', 'line-join': 'round' }} paint={{ 'line-color': color, 'line-width': 6, 'line-opacity': fadeIn(chosen(0.6, 0.35)) }} />\n </Source>\n )\n}\n","/\n The colour a theme token such as `--primary` holds where `element` is, as `rgba()`, which MapLibre's paint reads\n * whatever the theme writes it in: the browser resolves the token, and a pixel painted with it gives its channels.\n /\nexport const themeColor = (element: HTMLElement, token: string) => {\n const probe = document.createElement('span')\n probe.style.color = `var(${token})`\n element.append(probe)\n const resolved = getComputedStyle(probe).color\n probe.remove()\n const canvas = document.createElement('canvas')\n canvas.width = 1\n canvas.height = 1\n const context = canvas.getContext('2d', { willReadFrequently: true })\n if (!context) return resolved\n context.fillStyle = resolved\n context.fillRect(0, 0, 1, 1)\n const [red, green, blue, alpha] = context.getImageData(0, 0, 1, 1).data\n return `rgba(${red}, ${green}, ${blue}, ${alpha! / 255})`\n}\n","import { useEffect, useRef, useState } from 'react'\nimport { MapPin } from 'lucide-react'\nimport { Map, Marker, NavigationControl, type MapRef } from 'react-map-gl/maplibre'\nimport type { MapBounds, MapBucket, MapLayerModel } from '@protobase/client'\nimport type { MapView } from '@protobase/schema'\nimport { cn } from '../../lib/cn'\nimport { groupPoints, type MapGroup, type MapPoint } from '../displays/map-groups'\nimport type { MapArea } from './map-area'\nimport { MapLayerSwitch } from './map-layer-switch'\nimport { mapLib } from './maplibre'\nimport { areaLayerId, PositionAreas, type AreaColors } from './position-areas'\nimport { themeColor } from './theme-color'\nimport { cachedFormat } from '../../format/intl-cache'\n\n// How close, in pixels, records are drawn under one marker, about a marker's width.\nconst groupRadius = 28\nconst fitOptions = { padding: 48, maxZoom: 15, duration: 0 }\n// A bucket opens far enough in for the server to send its records: it does from zoom 16 on.\nconst bucketOptions = { padding: 48, maxZoom: 16, duration: 300 }\nconst markerHeight = 32\nconst compact = () => cachedFormat('compact', (tag) => new Intl.NumberFormat(tag, { notation: 'compact', maximumFractionDigits: 1 }))\n\nconst corners = (bounds: MapBounds): [[number, number], [number, number]] => [\n [bounds.west, bounds.south],\n [bounds.east, bounds.north],\n]\n\ntype RecordsMapProps = {\n style: string\n /* The layers the map may switch to in place of the style's. /\n layers?: MapLayerModel[]\n /* Where the map looks when it opens; the whole world without it. /\n initial: MapView \| undefined\n points: MapPoint[]\n /* Counts of records in parts of the map, drawn as circles in place of their records. /\n buckets: MapBucket[]\n /* Bounds to move the map to, each time they change; `onFitted` says it moved there. /\n fit: MapBounds \| undefined\n onFitted: () => void\n /* The map's area and view, each time it comes to rest. /\n onMove: (area: MapArea, view: MapView) => void\n /* The records whose marker is chosen, if any. /\n selected: string[] \| undefined\n /* How many pixels at the map's bottom something covers, such as the chosen record's card. /\n covered: number\n onSelect: (keys: string[]) => void\n onClear: () => void\n /* What a marker for these records says to a screen reader. /\n markerLabel: (keys: string[]) => string\n /* What a bucket of this many records says to a screen reader. /\n bucketLabel: (count: number) => string\n}\n\n/\n A map of `style` with a marker for each group of records that lie close together at the zoom, showing how many it\n * stands for, and a circle with the count of each bucket, which zooms in on its records when chosen. A marker whose\n * records' positions are all approximate is drawn hollow with a dashed edge, over the areas around them. Choosing a\n * marker selects its records; choosing the map elsewhere clears the selection. A chosen marker the covered bottom would\n * hide moves up into the open part of the map.\n */\nexport const RecordsMap = ({ style, layers, initial, points, buckets, fit, onFitted, onMove, selected, covered, onSelect, onClear, markerLabel, bucketLabel }: RecordsMapProps) => {\n const ref = useRef<MapRef>(null)\n const [groups, setGroups] = useState<MapGroup[]>([])\n const [colors, setColors] = useState<AreaColors>()\n const byKey = new globalThis.Map(points.map((point) => [point.key, point]))\n const pointKeys = points.map((point) => point.key).join(',')\n const fitKey = fit && JSON.stringify(fit)\n\n // The groups as the map is drawn now: only the zoom changes which records lie close together\n const regroup = () => {\n const map = ref.current?.getMap()\n if (!map) return\n setGroups(\n groupPoints(\n points.map((point) => ({ key: point.key, ...map.project([point.longitude, point.latitude]) })),\n groupRadius,\n ),\n )\n }\n\n const report = () => {\n const map = ref.current?.getMap()\n if (!map) return\n const bounds = map.getBounds()\n const center = map.getCenter()\n onMove({ bounds: { south: bounds.getSouth(), west: bounds.getWest(), north: bounds.getNorth(), east: bounds.getEast() }, zoom: map.getZoom() }, { latitude: center.lat, longitude: center.lng, zoom: map.getZoom() })\n }\n\n const fitNow = () => {\n const map = ref.current?.getMap()\n if (!map \|\| !fit) return\n map.fitBounds(corners(fit), fitOptions)\n onFitted()\n report()\n }\n\n // Other records are grouped at the zoom the map is at\n useEffect(regroup, [pointKeys])\n useEffect(fitNow, [fitKey])\n\n // The chosen marker in view above what covers the map's bottom\n const chosenAt = groups.find((group) => selected !== undefined && group.keys.some((key) => selected.includes(key)))?.at\n useEffect(() => {\n const map = ref.current?.getMap()\n const at = chosenAt === undefined ? undefined : byKey.get(chosenAt)\n if (!map \|\| !at \|\| covered === 0) return\n const { y } = map.project([at.longitude, at.latitude])\n const open = map.getContainer().clientHeight - covered\n if (y > markerHeight && y < open) return\n map.easeTo({ center: [at.longitude, at.latitude], offset: [0, (markerHeight - covered) / 2], duration: 300 })\n // A new choice or a new cover moves the map, not every new group\n }, [chosenAt, covered])\n\n return (\n <Map\n ref={ref}\n mapLib={mapLib}\n mapStyle={style}\n initialViewState={initial ?? { latitude: 0, longitude: 0, zoom: 1 }}\n style={{ width: '100%', height: '100%' }}\n onLoad={() => {\n const container = ref.current!.getMap().getContainer()\n setColors({ area: themeColor(container, '--primary'), chosen: themeColor(container, '--foreground') })\n regroup()\n if (fit) fitNow()\n else report()\n }}\n onZoomEnd={regroup}\n onMoveEnd={report}\n onClick={onClear}\n >\n <NavigationControl showCompass={false} />\n <MapLayerSwitch layers={layers} below={areaLayerId} />\n {colors && <PositionAreas points={points} selected={selected} colors={colors} />}\n {buckets.map((bucket) => (\n <Marker key={`${bucket.latitude},${bucket.longitude}`} latitude={bucket.latitude} longitude={bucket.longitude} anchor=\"center\">\n <button\n type=\"button\"\n aria-label={bucketLabel(bucket.count)}\n className=\"flex size-10 cursor-pointer items-center justify-center rounded-full border-2 border-background bg-primary text-xs font-semibold text-primary-foreground tabular-nums shadow\"\n onClick={(event) => {\n event.stopPropagation()\n ref.current?.getMap().fitBounds(corners(bucket.bounds), bucketOptions)\n }}\n >\n {compact().format(bucket.count)}\n </button>\n </Marker>\n ))}\n {groups.map((group) => {\n const at = byKey.get(group.at)\n if (!at) return null\n const chosen = selected !== undefined && group.keys.some((key) => selected.includes(key))\n const approximate = group.keys.every((key) => byKey.get(key)?.approximate)\n return (\n <Marker key={group.at} latitude={at.latitude} longitude={at.longitude} anchor=\"bottom\" style={{ zIndex: chosen ? 1 : 0 }}>\n <button\n type=\"button\"\n aria-label={markerLabel(group.keys)}\n aria-pressed={chosen}\n className=\"relative block cursor-pointer\"\n onClick={(event) => {\n event.stopPropagation()\n onSelect(group.keys)\n }}\n >\n <MapPin\n aria-hidden\n data-approximate={approximate \|\| undefined}\n className={cn('size-8 drop-shadow', approximate ? (chosen ? 'fill-background text-foreground' : 'fill-background text-primary') : chosen ? 'fill-foreground text-background' : 'fill-primary text-primary-foreground')}\n strokeWidth={approximate ? 2 : 1.5}\n strokeDasharray={approximate ? '3 2' : undefined}\n />\n {group.keys.length > 1 && (\n <span className=\"absolute -right-2 -top-1 min-w-5 rounded-full border border-background bg-foreground px-1 text-center text-[11px] font-medium leading-4 text-background tabular-nums\">\n {group.keys.length}\n </span>\n )}\n </button>\n </Marker>\n )\n })}\n </Map>\n )\n}\n"],"mappings":"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","debugId":"ce5dcbad-b90d-4e79-ac65-8118db586b9c"}
1	+ {"version":3,"file":"records-map-B5MPNRQc.js","names":["useRef","useState","__toESM","require_react","require_jsx_runtime","cachedFormat","groupPoints","MapPin","Source","MapLayerSwitch","Marker","Layer","Map","mapLib","cn","import_react","worldPixels","mercatorLimit","fadeFrom","zooms","zoom","positionsOf","geometry","mercatorY","radians","latitude","zoomZeroSpan","positions","longitudes","longitude","ys","width","height","areaFeatures","features","points","point","kind","selected","feature","fadeIn","full","import_jsx_runtime","areaLayerId","polygons","lines","chosen","yes","no","PositionAreas","data","color","colors","themeColor","probe","token","element","resolved","canvas","context","red","green","blue","alpha","groupRadius","fitOptions","bucketOptions","markerHeight","compact","tag","corners","bounds","RecordsMap","ref","groups","setGroups","setColors","byKey","pointKeys","fitKey","fit","regroup","map","report","center","onMove","fitNow","onFitted","chosenAt","group","key","at","covered","open","y","style","initial","container","onClear","NavigationControl","buckets","bucket","bucketLabel","event","approximate","markerLabel","onSelect"],"sources":["../../../src/app/map/area-features.ts","../../../src/app/map/position-areas.tsx","../../../src/app/map/theme-color.ts","../../../src/app/map/records-map.tsx"],"sourcesContent":["import type { ExpressionSpecification } from 'maplibre-gl'\nimport type { MapPoint } from '../displays/map-groups'\nimport type { AreaGeometry } from './approximate-position'\n\n/** An area as the map's GeoJSON source holds it: whose it is, whether it is filled or a line, its size, and whether its record is chosen. /\nexport type AreaFeature = {\n type: 'Feature'\n geometry: AreaGeometry\n properties: { key: string; kind: 'polygon' \| 'line'; span: number; chosen: boolean }\n}\n\n// MapLibre draws the whole world 512 pixels across at zoom 0, each zoom level twice as wide as the one before.\nconst worldPixels = 512\n// The furthest north and south Web Mercator draws.\nconst mercatorLimit = 85.051129\n// An area fades in as it grows from about half a marker to a marker and a half across, smaller it says nothing the marker does not.\nconst fadeFrom = 16\nconst fadeTo = 48\nconst zooms = Array.from({ length: 23 }, (_, zoom) => zoom)\n\nconst positionsOf = (geometry: AreaGeometry): [number, number][] => {\n if (geometry.type === 'LineString') return geometry.coordinates\n if (geometry.type === 'MultiPolygon') return geometry.coordinates.flat(2)\n return geometry.coordinates.flat()\n}\n\n// How far down the world a latitude is drawn, from 0 at the top to 1 at the bottom.\nconst mercatorY = (latitude: number) => {\n const radians = (Math.max(-mercatorLimit, Math.min(mercatorLimit, latitude)) Math.PI) / 180\n return 0.5 - Math.log(Math.tan(Math.PI / 4 + radians / 2)) / (2 * Math.PI)\n}\n\n/** How many pixels across the area is drawn at zoom 0, the larger of its width and height; twice as many each zoom level in. /\nexport const zoomZeroSpan = (geometry: AreaGeometry) => {\n const positions = positionsOf(geometry)\n const longitudes = positions.map(([longitude]) => longitude)\n const ys = positions.map(([, latitude]) => mercatorY(latitude))\n const width = ((Math.max(...longitudes) - Math.min(...longitudes)) / 360) worldPixels\n const height = (Math.max(...ys) - Math.min(...ys)) * worldPixels\n return Math.max(width, height)\n}\n\n/** The areas of the points that have one, those of the chosen records last so they are drawn on top. /\nexport const areaFeatures = (points: MapPoint[], selected: string[] \| undefined): { type: 'FeatureCollection'; features: AreaFeature[] } => {\n const features = points.flatMap((point): AreaFeature[] => {\n if (!point.area) return []\n const kind = point.area.type === 'LineString' \|\| point.area.type === 'MultiLineString' ? 'line' : 'polygon'\n return [{ type: 'Feature', geometry: point.area, properties: { key: point.key, kind, span: zoomZeroSpan(point.area), chosen: selected?.includes(point.key) ?? false } }]\n })\n return { type: 'FeatureCollection', features: [...features.filter((feature) => !feature.properties.chosen), ...features.filter((feature) => feature.properties.chosen)] }\n}\n\n/\n An opacity of `full` for an area drawn large enough to mean something at the zoom, fading in as it grows to that\n * size: at each whole zoom level its share of `full` follows from its span, and MapLibre blends between the levels.\n /\nexport const fadeIn = (full: number \| ExpressionSpecification): ExpressionSpecification =>\n [\n 'interpolate',\n ['linear'],\n ['zoom'],\n ...zooms.flatMap((zoom) => [zoom, ['', full, ['min', 1, ['max', 0, ['/', ['-', ['', ['get', 'span'], 2 * zoom], fadeFrom], fadeTo - fadeFrom]]]]]),\n ] as ExpressionSpecification\n","import type { ExpressionSpecification, FilterSpecification } from 'maplibre-gl'\nimport { Layer, Source } from 'react-map-gl/maplibre'\nimport type { MapPoint } from '../displays/map-groups'\nimport { areaFeatures, fadeIn } from './area-features'\n\n/** The colours of the areas, as MapLibre reads them: the markers' own, and the chosen marker's. /\nexport type AreaColors = { area: string; chosen: string }\n\n/* The areas' lowest layer, which a layer of tiles goes under. /\nexport const areaLayerId = 'position-area-fills'\n\nconst polygons: FilterSpecification = ['==', ['get', 'kind'], 'polygon']\nconst lines: FilterSpecification = ['==', ['get', 'kind'], 'line']\nconst chosen = (yes: number, no: number): ExpressionSpecification => ['case', ['get', 'chosen'], yes, no]\n\n/\n The areas around the approximate positions among `points`, drawn under the markers in the markers' colour: a polygon\n * filled faintly within a dashed outline, a line such as a street as a wide stroke. Each fades in as the map zooms close\n * enough for it to be larger than a marker, and the chosen records' areas are drawn darker. Nothing without areas.\n /\nexport const PositionAreas = ({ points, selected, colors }: { points: MapPoint[]; selected: string[] \| undefined; colors: AreaColors }) => {\n const data = areaFeatures(points, selected)\n if (data.features.length === 0) return null\n const color: ExpressionSpecification = ['case', ['get', 'chosen'], colors.chosen, colors.area]\n return (\n <Source id=\"position-areas\" type=\"geojson\" data={data}>\n <Layer id={areaLayerId} type=\"fill\" filter={polygons} paint={{ 'fill-color': color, 'fill-opacity': fadeIn(chosen(0.15, 0.1)) }} />\n <Layer id=\"position-area-outlines\" type=\"line\" filter={polygons} paint={{ 'line-color': color, 'line-width': 1.5, 'line-dasharray': [3, 2], 'line-opacity': fadeIn(0.8) }} />\n <Layer id=\"position-area-lines\" type=\"line\" filter={lines} layout={{ 'line-cap': 'round', 'line-join': 'round' }} paint={{ 'line-color': color, 'line-width': 6, 'line-opacity': fadeIn(chosen(0.6, 0.35)) }} />\n </Source>\n )\n}\n","/\n The colour a theme token such as `--primary` holds where `element` is, as `rgba()`, which MapLibre's paint reads\n * whatever the theme writes it in: the browser resolves the token, and a pixel painted with it gives its channels.\n /\nexport const themeColor = (element: HTMLElement, token: string) => {\n const probe = document.createElement('span')\n probe.style.color = `var(${token})`\n element.append(probe)\n const resolved = getComputedStyle(probe).color\n probe.remove()\n const canvas = document.createElement('canvas')\n canvas.width = 1\n canvas.height = 1\n const context = canvas.getContext('2d', { willReadFrequently: true })\n if (!context) return resolved\n context.fillStyle = resolved\n context.fillRect(0, 0, 1, 1)\n const [red, green, blue, alpha] = context.getImageData(0, 0, 1, 1).data\n return `rgba(${red}, ${green}, ${blue}, ${alpha! / 255})`\n}\n","import { useEffect, useRef, useState } from 'react'\nimport { MapPin } from 'lucide-react'\nimport { Map, Marker, NavigationControl, type MapRef } from 'react-map-gl/maplibre'\nimport type { MapBounds, MapBucket, MapLayerModel } from '@protobase/client'\nimport type { MapView } from '@protobase/schema'\nimport { cn } from '../../lib/cn'\nimport { groupPoints, type MapGroup, type MapPoint } from '../displays/map-groups'\nimport type { MapArea } from './map-area'\nimport { MapLayerSwitch } from './map-layer-switch'\nimport { mapLib } from './maplibre'\nimport { areaLayerId, PositionAreas, type AreaColors } from './position-areas'\nimport { themeColor } from './theme-color'\nimport { cachedFormat } from '../../format/intl-cache'\n\n// How close, in pixels, records are drawn under one marker, about a marker's width.\nconst groupRadius = 28\nconst fitOptions = { padding: 48, maxZoom: 15, duration: 0 }\n// A bucket opens far enough in for the server to send its records: it does from zoom 16 on.\nconst bucketOptions = { padding: 48, maxZoom: 16, duration: 300 }\nconst markerHeight = 32\nconst compact = () => cachedFormat('compact', (tag) => new Intl.NumberFormat(tag, { notation: 'compact', maximumFractionDigits: 1 }))\n\nconst corners = (bounds: MapBounds): [[number, number], [number, number]] => [\n [bounds.west, bounds.south],\n [bounds.east, bounds.north],\n]\n\ntype RecordsMapProps = {\n style: string\n /* The layers the map may switch to in place of the style's. /\n layers?: MapLayerModel[]\n /* Where the map looks when it opens; the whole world without it. /\n initial: MapView \| undefined\n points: MapPoint[]\n /* Counts of records in parts of the map, drawn as circles in place of their records. /\n buckets: MapBucket[]\n /* Bounds to move the map to, each time they change; `onFitted` says it moved there. /\n fit: MapBounds \| undefined\n onFitted: () => void\n /* The map's area and view, each time it comes to rest. /\n onMove: (area: MapArea, view: MapView) => void\n /* The records whose marker is chosen, if any. /\n selected: string[] \| undefined\n /* How many pixels at the map's bottom something covers, such as the chosen record's card. /\n covered: number\n onSelect: (keys: string[]) => void\n onClear: () => void\n /* What a marker for these records says to a screen reader. /\n markerLabel: (keys: string[]) => string\n /* What a bucket of this many records says to a screen reader. /\n bucketLabel: (count: number) => string\n}\n\n/\n A map of `style` with a marker for each group of records that lie close together at the zoom, showing how many it\n * stands for, and a circle with the count of each bucket, which zooms in on its records when chosen. A marker whose\n * records' positions are all approximate is drawn hollow with a dashed edge, over the areas around them. Choosing a\n * marker selects its records; choosing the map elsewhere clears the selection. A chosen marker the covered bottom would\n * hide moves up into the open part of the map.\n */\nexport const RecordsMap = ({ style, layers, initial, points, buckets, fit, onFitted, onMove, selected, covered, onSelect, onClear, markerLabel, bucketLabel }: RecordsMapProps) => {\n const ref = useRef<MapRef>(null)\n const [groups, setGroups] = useState<MapGroup[]>([])\n const [colors, setColors] = useState<AreaColors>()\n const byKey = new globalThis.Map(points.map((point) => [point.key, point]))\n const pointKeys = points.map((point) => point.key).join(',')\n const fitKey = fit && JSON.stringify(fit)\n\n // The groups as the map is drawn now: only the zoom changes which records lie close together\n const regroup = () => {\n const map = ref.current?.getMap()\n if (!map) return\n setGroups(\n groupPoints(\n points.map((point) => ({ key: point.key, ...map.project([point.longitude, point.latitude]) })),\n groupRadius,\n ),\n )\n }\n\n const report = () => {\n const map = ref.current?.getMap()\n if (!map) return\n const bounds = map.getBounds()\n const center = map.getCenter()\n onMove({ bounds: { south: bounds.getSouth(), west: bounds.getWest(), north: bounds.getNorth(), east: bounds.getEast() }, zoom: map.getZoom() }, { latitude: center.lat, longitude: center.lng, zoom: map.getZoom() })\n }\n\n const fitNow = () => {\n const map = ref.current?.getMap()\n if (!map \|\| !fit) return\n map.fitBounds(corners(fit), fitOptions)\n onFitted()\n report()\n }\n\n // Other records are grouped at the zoom the map is at\n useEffect(regroup, [pointKeys])\n useEffect(fitNow, [fitKey])\n\n // The chosen marker in view above what covers the map's bottom\n const chosenAt = groups.find((group) => selected !== undefined && group.keys.some((key) => selected.includes(key)))?.at\n useEffect(() => {\n const map = ref.current?.getMap()\n const at = chosenAt === undefined ? undefined : byKey.get(chosenAt)\n if (!map \|\| !at \|\| covered === 0) return\n const { y } = map.project([at.longitude, at.latitude])\n const open = map.getContainer().clientHeight - covered\n if (y > markerHeight && y < open) return\n map.easeTo({ center: [at.longitude, at.latitude], offset: [0, (markerHeight - covered) / 2], duration: 300 })\n // A new choice or a new cover moves the map, not every new group\n }, [chosenAt, covered])\n\n return (\n <Map\n ref={ref}\n mapLib={mapLib}\n mapStyle={style}\n initialViewState={initial ?? { latitude: 0, longitude: 0, zoom: 1 }}\n style={{ width: '100%', height: '100%' }}\n onLoad={() => {\n const container = ref.current!.getMap().getContainer()\n setColors({ area: themeColor(container, '--primary'), chosen: themeColor(container, '--foreground') })\n regroup()\n if (fit) fitNow()\n else report()\n }}\n onZoomEnd={regroup}\n onMoveEnd={report}\n onClick={onClear}\n >\n <NavigationControl showCompass={false} />\n <MapLayerSwitch layers={layers} below={areaLayerId} />\n {colors && <PositionAreas points={points} selected={selected} colors={colors} />}\n {buckets.map((bucket) => (\n <Marker key={`${bucket.latitude},${bucket.longitude}`} latitude={bucket.latitude} longitude={bucket.longitude} anchor=\"center\">\n <button\n type=\"button\"\n aria-label={bucketLabel(bucket.count)}\n className=\"flex size-10 cursor-pointer items-center justify-center rounded-full border-2 border-background bg-primary text-xs font-semibold text-primary-foreground tabular-nums shadow\"\n onClick={(event) => {\n event.stopPropagation()\n ref.current?.getMap().fitBounds(corners(bucket.bounds), bucketOptions)\n }}\n >\n {compact().format(bucket.count)}\n </button>\n </Marker>\n ))}\n {groups.map((group) => {\n const at = byKey.get(group.at)\n if (!at) return null\n const chosen = selected !== undefined && group.keys.some((key) => selected.includes(key))\n const approximate = group.keys.every((key) => byKey.get(key)?.approximate)\n return (\n <Marker key={group.at} latitude={at.latitude} longitude={at.longitude} anchor=\"bottom\" style={{ zIndex: chosen ? 1 : 0 }}>\n <button\n type=\"button\"\n aria-label={markerLabel(group.keys)}\n aria-pressed={chosen}\n className=\"relative block cursor-pointer\"\n onClick={(event) => {\n event.stopPropagation()\n onSelect(group.keys)\n }}\n >\n <MapPin\n aria-hidden\n data-approximate={approximate \|\| undefined}\n className={cn('size-8 drop-shadow', approximate ? (chosen ? 'fill-background text-foreground' : 'fill-background text-primary') : chosen ? 'fill-foreground text-background' : 'fill-primary text-primary-foreground')}\n strokeWidth={approximate ? 2 : 1.5}\n strokeDasharray={approximate ? '3 2' : undefined}\n />\n {group.keys.length > 1 && (\n <span className=\"absolute -right-2 -top-1 min-w-5 rounded-full border border-background bg-foreground px-1 text-center text-[11px] font-medium leading-4 text-background tabular-nums\">\n {group.keys.length}\n </span>\n )}\n </button>\n </Marker>\n )\n })}\n </Map>\n )\n}\n"],"mappings":"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","debugId":"7930f351-41c1-4b70-90e9-d67ced7c6cbe"}