svgmapviewer-astro-floors 0.1.0

package/LICENSE

@@ -0,0 +1,15 @@
+ISC License
+
+Copyright (c) 2025 Daiji Maps
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "svgmapviewer-astro-floors",
+  "version": "0.1.0",
+  "files": [
+    "./src"
+  ],
+  "type": "module",
+  "exports": {
+    ".": "./src/index.ts"
+  },
+  "dependencies": {
+    "@astrojs/react": "^5.0.6",
+    "@xstate/store": "^3.17.5",
+    "astro": "^6.4.2",
+    "effect": "4.0.0-beta.74",
+    "react": "^19.2.6",
+    "react-dom": "^19.2.6",
+    "zod": "^4.4.3",
+    "svgmapviewer": "0.4.0",
+    "svgmapviewer-tools-floors": "0.1.0",
+    "svgmapviewer-app-floors": "0.1.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.15",
+    "@types/react-dom": "^19.2.3",
+    "@typescript/native-preview": "7.0.0-dev.20260527.2",
+    "tsx": "^4.22.3"
+  },
+  "peerDependencies": {
+    "astro": "^6",
+    "svgmapviewer": "0.4.0"
+  },
+  "lint-staged": {
+    "*.{ts,tsx}": "eslint --fix",
+    "*": "oxfmt --write"
+  },
+  "engines": {
+    "node": ">=22.12.0"
+  },
+  "scripts": {
+    "dev": "astro dev",
+    "build": "astro build",
+    "regen": "tsx scripts/regen-schema.ts",
+    "preview": "astro preview",
+    "astro": "astro"
+  }
+}

package/src/addresses.schema.json

@@ -0,0 +1,30 @@
+{
+  "$schema": "https://json-schema.org/draft/2020-12/schema",
+  "type": "object",
+  "propertyNames": {
+    "type": "string"
+  },
+  "additionalProperties": {
+    "type": "object",
+    "properties": {
+      "coord": {
+        "type": "object",
+        "properties": {
+          "x": {
+            "type": "number"
+          },
+          "y": {
+            "type": "number"
+          }
+        },
+        "required": ["x", "y"],
+        "additionalProperties": false
+      },
+      "fidx": {
+        "type": "number"
+      }
+    },
+    "required": ["coord", "fidx"],
+    "additionalProperties": false
+  }
+}

package/src/components/SvgMapViewer/SvgMapViewer.tsx

@@ -0,0 +1,17 @@
+/* eslint-disable functional/no-return-void */
+/* eslint-disable functional/no-expression-statements */
+import { useEffect } from 'react'
+import type { SvgMapViewerConfigUser } from 'svgmapviewer'
+
+export function SvgMapViewer(props: Readonly<SvgMapViewerConfigUser>) {
+  useEffect(() => {
+    import('./main').then((appMain) => appMain.main(props))
+  }, [props])
+
+  return (
+    <>
+      <div id="root"></div>
+      <div id="style-root"></div>
+    </>
+  )
+}

package/src/components/SvgMapViewer/main.ts

@@ -0,0 +1,10 @@
+/* eslint-disable functional/no-return-void */
+/* eslint-disable functional/no-expression-statements */
+import type { SvgMapViewerConfigUser } from 'svgmapviewer'
+import { svgmapviewer } from 'svgmapviewer-app-floors'
+
+export function main(props: Readonly<SvgMapViewerConfigUser>) {
+  svgmapviewer({
+    ...props,
+  })
+}

package/src/content.config.ts

@@ -0,0 +1,42 @@
+import { file, glob } from 'astro/loaders'
+import { defineCollection } from 'astro:content'
+
+import {
+  addressSchema,
+  addrsSchema,
+  floorsConfigSchema,
+  svgMapViewerConfigUserSchema,
+} from './schema'
+
+const floors = defineCollection({
+  loader: glob({
+    base: './src/content/floors',
+    pattern: '**/*.{json,yaml}',
+  }),
+  schema: floorsConfigSchema,
+})
+
+const addresses = defineCollection({
+  loader: file('./src/content/addresses.yaml'),
+  schema: addressSchema,
+})
+
+const names = defineCollection({
+  loader: file('./src/content/names.yaml'),
+  schema: addrsSchema,
+})
+
+const svgMapViewerConfig = defineCollection({
+  loader: glob({
+    base: './src/content/svgMapViewerConfig',
+    pattern: '**/*.{json,yaml}',
+  }),
+  schema: svgMapViewerConfigUserSchema,
+})
+
+export const collections = {
+  floors,
+  addresses,
+  names,
+  svgMapViewerConfig,
+}

package/src/floorsConfig.schema.json

@@ -0,0 +1,98 @@
+{
+  "$schema": "https://json-schema.org/draft/2020-12/schema",
+  "type": "object",
+  "properties": {
+    "initialFidx": {
+      "type": "number"
+    },
+    "floors": {
+      "type": "array",
+      "items": {
+        "type": "object",
+        "properties": {
+          "name": {
+            "type": "string"
+          },
+          "href": {
+            "type": "string"
+          },
+          "file": {
+            "type": "string"
+          },
+          "labels": {
+            "type": "array",
+            "items": {
+              "type": "object",
+              "properties": {
+                "attrs": {
+                  "type": "object",
+                  "propertyNames": {
+                    "type": "string"
+                  },
+                  "additionalProperties": {
+                    "anyOf": [
+                      {
+                        "type": "null"
+                      },
+                      {
+                        "type": "number"
+                      },
+                      {
+                        "type": "string"
+                      }
+                    ]
+                  }
+                },
+                "children": {
+                  "type": "array",
+                  "items": {
+                    "type": "object",
+                    "properties": {
+                      "attrs": {
+                        "type": "object",
+                        "propertyNames": {
+                          "type": "string"
+                        },
+                        "additionalProperties": {
+                          "anyOf": [
+                            {
+                              "type": "null"
+                            },
+                            {
+                              "type": "number"
+                            },
+                            {
+                              "type": "string"
+                            }
+                          ]
+                        }
+                      },
+                      "text": {
+                        "anyOf": [
+                          {
+                            "type": "null"
+                          },
+                          {
+                            "type": "string"
+                          }
+                        ]
+                      }
+                    },
+                    "required": ["attrs", "text"],
+                    "additionalProperties": false
+                  }
+                }
+              },
+              "required": ["attrs", "children"],
+              "additionalProperties": false
+            }
+          }
+        },
+        "required": ["name", "href"],
+        "additionalProperties": false
+      }
+    }
+  },
+  "required": ["initialFidx", "floors"],
+  "additionalProperties": {}
+}

package/src/index.ts

@@ -0,0 +1,10 @@
+export { type Info } from 'svgmapviewer'
+
+export { SvgMapViewer } from './components/SvgMapViewer/SvgMapViewer'
+
+export {
+  type TaggedTag,
+  type TaggedProps,
+  type TaggedRenderer,
+  type TaggedRendererMap,
+} from './utils/tag'

package/src/names.schema.json

@@ -0,0 +1,13 @@
+{
+  "$schema": "https://json-schema.org/draft/2020-12/schema",
+  "type": "object",
+  "propertyNames": {
+    "type": "string"
+  },
+  "additionalProperties": {
+    "type": "array",
+    "items": {
+      "type": "string"
+    }
+  }
+}

package/src/schema.ts

@@ -0,0 +1,182 @@
+import { z } from 'zod'
+
+export const posSchema = z.object({
+  x: z.number(),
+  y: z.number(),
+})
+
+const addrSchema = z.string()
+export const addrsSchema = z.array(addrSchema)
+//const nameEntrySchema = z.tuple([z.string(), addrsSchema])
+const floorPosSchema = z.object({
+  coord: posSchema,
+  fidx: z.number(),
+})
+//const addressSchema = z.tuple([z.string(), floorPosSchema])
+
+export const boxSchema = z.object({
+  x: z.number(),
+  y: z.number(),
+  width: z.number(),
+  height: z.number(),
+})
+
+export const nameSchema = z.string() // z.union([z.string(), z.array(z.string())])
+
+export const namesSchema = z.record(z.string(), nameSchema)
+
+export const addressSchema = z.object({
+  coord: posSchema,
+  fidx: z.number(),
+})
+
+export const addressesSchema = addressSchema // z.record(z.string(), addressSchema)
+
+// poiKindSchema
+// poixSchema
+// poiSchema
+
+export const poiTagSchema = z.union([
+  z.literal('shop.cafe'),
+  z.literal('shop.misc'),
+  z.literal('shop.restaurant'),
+  z.literal('facility.elevator'),
+  z.literal('facility.escalator'),
+  z.literal('facility.toilet'),
+])
+
+export const poixSchema = z.object({
+  tag: poiTagSchema,
+})
+
+export const poiSchema = z.object({
+  id: z.string().optional(),
+  name: nameSchema.optional(),
+  coord: posSchema.optional(),
+  fidx: z.number().optional(),
+  size: z.number(),
+  x: poixSchema,
+})
+
+// searchAddressesSchema
+// searchNamesSchema
+
+export const baseInfoSchema = z.object({
+  title: z.string(),
+})
+
+const searchAddressSchema = z.object({
+  address: z.string(),
+  floorPos: floorPosSchema,
+})
+const searchNameSchema = z.object({
+  name: z.string(),
+  addresses: z.array(z.string()),
+})
+const searchInfoSchema = z.object({
+  name: z.string(),
+  info: baseInfoSchema,
+})
+export const searchAddressesSchema = z.array(searchAddressSchema)
+export const searchNamesSchema = z.array(searchNameSchema)
+export const searchInfosSchema = z.array(searchInfoSchema)
+
+// osmMapDataSchema
+// osmMapMapSchema
+// mapCoordSchema
+// uiConfigSchema
+
+const osmMapDataSchema = z.object({})
+
+const osmMapMapSchema = z.object({})
+
+const mapCoordSchema = z.object({})
+
+export const uiConfigSchema = z.object({
+  showGuides: z.boolean(),
+})
+
+// osmDataConfigSchema
+// osmRenderConfigSchema
+// osmSearchConfigSchema
+
+export const osmDataConfigSchema = z.object({
+  origViewBox: boxSchema,
+  mapData: osmMapDataSchema,
+  mapMap: osmMapMapSchema,
+  mapCoord: mapCoordSchema,
+})
+
+export const osmRenderConfigSchema = z.object({
+  //renderMap
+  //readonly isMapRendered: () => boolean
+  //readonly getMapNames: OsmGetMapNames
+  //readonly getMapPaths: () => readonly Readonly<OsmMapPathOps>[]
+  //readonly getMapObjects: () => readonly Readonly<OsmMapObjects>[]
+  //readonly getMapSymbols: () => readonly Readonly<OsmMapSymbols>[]
+  //readonly getMapMarkers: () => readonly Readonly<OsmMapMarkers>[]
+  //readonly mapSvgStyle: string
+  //readonly cartoConfig?: OsmCartoConfig
+})
+
+export const osmSearchConfigSchema = z.object({
+  //readonly osmSearchEntries: readonly Readonly<OsmSearchEntry>[] // XXX
+  //readonly getSearchEntries: OsmGetSearchEntries
+  //readonly getSearchInfo: OsmGetSearchInfo
+  //readonly renderInfo: RenderInfo
+})
+
+// floorTspanSchema
+// labelTextSchema
+// floorSchema
+// floorsConfigSchema
+
+const labelTspanSchema = z.object({
+  attrs: z.record(z.string(), z.union([z.null(), z.number(), z.string()])),
+  text: z.union([z.null(), z.string()]),
+})
+
+const labelTextSchema = z.object({
+  attrs: z.record(z.string(), z.union([z.null(), z.number(), z.string()])),
+  children: z.array(labelTspanSchema),
+})
+
+export const floorSchema = z.object({
+  name: z.string(),
+  href: z.string(),
+  file: z.string().optional(),
+  labels: z.array(labelTextSchema).optional(),
+})
+
+export const floorsSchema = z.array(floorSchema)
+
+export const floorsConfigSchema = z.object({
+  initialFidx: z.number(),
+  floors: z.array(floorSchema),
+})
+
+// svgMapViewerConfigSchema
+
+export const svgMapViewerConfigSchema = z.object({
+  root: z.string(),
+  href: z.string(),
+  width: z.number(),
+  height: z.number(),
+  origViewBox: boxSchema, // XXX
+  origBoundingBox: boxSchema.optional(), // XXX
+  fontSize: z.number(),
+  backgroundColor: z.string().optional(),
+  title: z.string(),
+  subtitle: z.string(),
+  copyright: z.string(),
+  zoomFactor: z.number(),
+  searchAddresses: searchAddressesSchema.optional(),
+  searchNames: searchNamesSchema.optional(),
+  searchInfos: searchInfosSchema.optional(),
+  floorsConfig: floorsConfigSchema.optional(),
+  uiConfig: uiConfigSchema.optional(),
+  //isContainerRendered: () => boolean
+  //isUiRendered: () => boolean
+})
+
+export const svgMapViewerConfigUserSchema = svgMapViewerConfigSchema.partial()

package/src/svgMapViewerConfigUser.schema.json

@@ -0,0 +1,260 @@
+{
+  "$schema": "https://json-schema.org/draft/2020-12/schema",
+  "type": "object",
+  "properties": {
+    "root": {
+      "type": "string"
+    },
+    "href": {
+      "type": "string"
+    },
+    "width": {
+      "type": "number"
+    },
+    "height": {
+      "type": "number"
+    },
+    "origViewBox": {
+      "type": "object",
+      "properties": {
+        "x": {
+          "type": "number"
+        },
+        "y": {
+          "type": "number"
+        },
+        "width": {
+          "type": "number"
+        },
+        "height": {
+          "type": "number"
+        }
+      },
+      "required": ["x", "y", "width", "height"],
+      "additionalProperties": false
+    },
+    "origBoundingBox": {
+      "type": "object",
+      "properties": {
+        "x": {
+          "type": "number"
+        },
+        "y": {
+          "type": "number"
+        },
+        "width": {
+          "type": "number"
+        },
+        "height": {
+          "type": "number"
+        }
+      },
+      "required": ["x", "y", "width", "height"],
+      "additionalProperties": false
+    },
+    "fontSize": {
+      "type": "number"
+    },
+    "backgroundColor": {
+      "type": "string"
+    },
+    "title": {
+      "type": "string"
+    },
+    "subtitle": {
+      "type": "string"
+    },
+    "copyright": {
+      "type": "string"
+    },
+    "zoomFactor": {
+      "type": "number"
+    },
+    "searchAddresses": {
+      "type": "array",
+      "items": {
+        "type": "object",
+        "properties": {
+          "address": {
+            "type": "string"
+          },
+          "floorPos": {
+            "type": "object",
+            "properties": {
+              "coord": {
+                "type": "object",
+                "properties": {
+                  "x": {
+                    "type": "number"
+                  },
+                  "y": {
+                    "type": "number"
+                  }
+                },
+                "required": ["x", "y"],
+                "additionalProperties": false
+              },
+              "fidx": {
+                "type": "number"
+              }
+            },
+            "required": ["coord", "fidx"],
+            "additionalProperties": false
+          }
+        },
+        "required": ["address", "floorPos"],
+        "additionalProperties": false
+      }
+    },
+    "searchNames": {
+      "type": "array",
+      "items": {
+        "type": "object",
+        "properties": {
+          "name": {
+            "type": "string"
+          },
+          "addresses": {
+            "type": "array",
+            "items": {
+              "type": "string"
+            }
+          }
+        },
+        "required": ["name", "addresses"],
+        "additionalProperties": false
+      }
+    },
+    "searchInfos": {
+      "type": "array",
+      "items": {
+        "type": "object",
+        "properties": {
+          "name": {
+            "type": "string"
+          },
+          "info": {
+            "type": "object",
+            "properties": {
+              "title": {
+                "type": "string"
+              }
+            },
+            "required": ["title"],
+            "additionalProperties": false
+          }
+        },
+        "required": ["name", "info"],
+        "additionalProperties": false
+      }
+    },
+    "floorsConfig": {
+      "type": "object",
+      "properties": {
+        "initialFidx": {
+          "type": "number"
+        },
+        "floors": {
+          "type": "array",
+          "items": {
+            "type": "object",
+            "properties": {
+              "name": {
+                "type": "string"
+              },
+              "href": {
+                "type": "string"
+              },
+              "file": {
+                "type": "string"
+              },
+              "labels": {
+                "type": "array",
+                "items": {
+                  "type": "object",
+                  "properties": {
+                    "attrs": {
+                      "type": "object",
+                      "propertyNames": {
+                        "type": "string"
+                      },
+                      "additionalProperties": {
+                        "anyOf": [
+                          {
+                            "type": "null"
+                          },
+                          {
+                            "type": "number"
+                          },
+                          {
+                            "type": "string"
+                          }
+                        ]
+                      }
+                    },
+                    "children": {
+                      "type": "array",
+                      "items": {
+                        "type": "object",
+                        "properties": {
+                          "attrs": {
+                            "type": "object",
+                            "propertyNames": {
+                              "type": "string"
+                            },
+                            "additionalProperties": {
+                              "anyOf": [
+                                {
+                                  "type": "null"
+                                },
+                                {
+                                  "type": "number"
+                                },
+                                {
+                                  "type": "string"
+                                }
+                              ]
+                            }
+                          },
+                          "text": {
+                            "anyOf": [
+                              {
+                                "type": "null"
+                              },
+                              {
+                                "type": "string"
+                              }
+                            ]
+                          }
+                        },
+                        "required": ["attrs", "text"],
+                        "additionalProperties": false
+                      }
+                    }
+                  },
+                  "required": ["attrs", "children"],
+                  "additionalProperties": false
+                }
+              }
+            },
+            "required": ["name", "href"],
+            "additionalProperties": false
+          }
+        }
+      },
+      "required": ["initialFidx", "floors"],
+      "additionalProperties": false
+    },
+    "uiConfig": {
+      "type": "object",
+      "properties": {
+        "showGuides": {
+          "type": "boolean"
+        }
+      },
+      "required": ["showGuides"],
+      "additionalProperties": false
+    }
+  },
+  "additionalProperties": {}
+}

package/src/utils/tag.ts

@@ -0,0 +1,25 @@
+export type TaggedTag<TInfo, Key extends keyof TInfo> = Extract<
+  TInfo[Key],
+  { tag: string | number | symbol }
+>['tag']
+
+export type TaggedProps<
+  TInfo,
+  Key extends keyof TInfo,
+  K extends TaggedTag<TInfo, Key>,
+> = Readonly<
+  Omit<TInfo, Key> & {
+    readonly [P in Key]: Extract<TInfo[Key], { tag: K }>
+  }
+>
+
+export type TaggedRenderer<
+  TInfo,
+  Key extends keyof TInfo,
+  K extends TaggedTag<TInfo, Key>,
+  TNode,
+> = (props: TaggedProps<TInfo, Key, K>) => TNode
+
+export type TaggedRendererMap<TInfo, Key extends keyof TInfo, TNode> = {
+  readonly [K in TaggedTag<TInfo, Key>]: TaggedRenderer<TInfo, Key, K, TNode>
+}