@lensmap/starlight 0.2.0 → 0.3.0

package/dist/components/MapContent.astro

@@ -10,6 +10,7 @@ interface Props {
   authoredFrontmatter: Record<string, unknown>;
   executable: boolean;
   inspectorId?: string;
+  mapId?: string;
 }
 const { graph: semantic, executable, inspectorId = "default" } = Astro.props;
 const entry = Astro.props.entry ?? Astro.locals.starlightRoute?.entry;
@@ -29,7 +30,7 @@ const publicGraph = {
 };
 ---
 <div data-lensmap-document data-executable={String(executable)}>
-  <div class="not-content"><ViewerHost client:load graph={publicGraph} rendered={rendered} inspectorId={inspectorId} /></div>
+  <div class="not-content"><ViewerHost client:load mapId={Astro.props.mapId} graph={publicGraph} rendered={rendered} inspectorId={inspectorId} /></div>
   <section data-static-thoughts>
     {graph.nodes.map((node) => <section data-thought={node.key}><h2>{node.title}</h2><div set:html={rendered[node.key]} /></section>)}
   </section>

package/dist/index.js

@@ -2,12 +2,27 @@
 import { fileURLToPath } from "node:url";
 import lensmap from "@lensmap/astro-loader";
 function starlightLensmap(options = {}) {
-  return lensmap({
+  const integration = lensmap({
     ...options,
     contentComponent: fileURLToPath(
       new URL("./components/MapContent.astro", import.meta.url)
     )
   });
+  const setup = integration.hooks["astro:config:setup"];
+  integration.hooks["astro:config:setup"] = async (context) => {
+    await setup?.(context);
+    context.updateConfig({
+      vite: {
+        optimizeDeps: {
+          include: [
+            "@lensmap/starlight > @lensmap/document",
+            "@lensmap/starlight > react-markdown"
+          ]
+        }
+      }
+    });
+  };
+  return integration;
 }
 export {
   starlightLensmap as default

package/dist/layout.js

@@ -74,8 +74,9 @@ function layoutGraph(nodes, edges) {
   }
   const roots = nodes.filter((node) => !childKeys.has(node.key));
   const placed = /* @__PURE__ */ new Map();
-  const step = 180;
-  const padding = 56;
+  const maximum = Math.max(43, ...nodes.map((n) => n.baseRadius ?? 43));
+  const step = Math.max(180, maximum * 2 + 24);
+  const padding = Math.max(56, maximum + 13);
   function plan(node, isRoot) {
     const descendants = (children.get(node.key) ?? []).map(
       (child) => plan(child, false)
@@ -132,12 +133,13 @@ function layoutGraph(nodes, edges) {
   );
   simulation.tick(ticks);
   return {
-    nodes: nodes.map(({ position: _position, ...node }) => {
+    nodes: nodes.map(({ position, ...node }) => {
       const point = placed.get(node.key);
       if (!point)
         throw new Error(`Automatic layout could not place node "${node.key}".`);
       return {
         ...node,
+        ...position ? { position } : {},
         x: point.x,
         y: point.y
       };
@@ -146,10 +148,19 @@ function layoutGraph(nodes, edges) {
   };
 }
 
+// ../../apps/web/src/node-style.ts
+function baseRadius(style) {
+  return 43 * (typeof style?.scale === "number" ? style.scale : 1);
+}
+
 // ../../apps/web/src/semantic-layout.ts
 var branches = ["blue", "amber", "mint", "rose"];
 var layoutKey = (graph) => JSON.stringify({
-  nodes: graph.nodes.map((node) => [node.key, node.position]),
+  nodes: graph.nodes.map((node) => [
+    node.key,
+    node.position,
+    baseRadius(node.style)
+  ]),
   edges: graph.edges.map((edge) => [edge.key, edge.from, edge.to, edge.kind])
 });
 function layoutSemanticGraph(graph, previous) {
@@ -177,30 +188,44 @@ function layoutSemanticGraph(graph, previous) {
     colour(node.key, branches[i % branches.length], 0);
   });
   const drafts = graph.nodes.map(
-    ({ key, id, title, markdown, unresolved, position, destination }) => ({
+    ({
+      key,
+      id,
+      title,
+      markdown,
+      unresolved,
+      position,
+      destination,
+      style
+    }) => ({
       key,
       id,
       title,
       markdown,
       unresolved,
       position,
+      style,
+      baseRadius: baseRadius(style),
       ...destination ? { destination } : {},
       branch: colours.get(key) ?? "blue"
     })
   );
-  const edges = graph.edges.map(({ key, from, to, kind, type }) => ({
-    key,
-    from,
-    to,
-    kind,
-    ...type !== void 0 ? { type } : {}
-  }));
+  const edges = graph.edges.map(
+    ({ key, from, to, kind, type, presentation }) => ({
+      key,
+      from,
+      to,
+      kind,
+      ...type !== void 0 ? { type } : {},
+      ...presentation ? { presentation } : {}
+    })
+  );
   if (previous && layoutKey(previous.semantic) === layoutKey(graph)) {
     const points = new Map(
       previous.layout.nodes.map((node) => [node.key, node])
     );
     return {
-      nodes: drafts.map(({ position: _position, ...node }) => ({
+      nodes: drafts.map((node) => ({
         ...node,
         x: points.get(node.key)?.x ?? 0,
         y: points.get(node.key)?.y ?? 0

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.2.0",
+  "version": "0.3.0",
   "type": "module",
   "license": "MIT",
   "files": [
@@ -32,37 +32,36 @@
     },
     "./viewer.css": "./dist/ViewerHost.css"
   },
-  "scripts": {
-    "build": "node build.mjs",
-    "typecheck": "tsc -p tsconfig.check.json",
-    "test": "node --test test/*.test.ts",
-    "prepack": "pnpm build"
-  },
   "dependencies": {
-    "@lensmap/astro-loader": "workspace:*",
-    "@lensmap/document": "workspace:*",
-    "react-markdown": "10.1.0",
+    "@lensmap/astro-loader": "0.3.0",
+    "@lensmap/document": "0.3.0",
     "d3-force": "3.0.1",
-    "d3-polygon": "3.0.2"
+    "d3-polygon": "3.0.2",
+    "react-markdown": "10.1.0"
   },
   "peerDependencies": {
-    "astro": "7.4.0",
-    "@astrojs/starlight": "0.42.6",
     "@astrojs/react": "6.0.6",
+    "@astrojs/starlight": "0.42.6",
+    "astro": "7.4.0",
     "react": "19.3.1",
     "react-dom": "19.3.1"
   },
   "devDependencies": {
-    "@lensmap/web": "workspace:*",
-    "astro": "7.4.0",
-    "@astrojs/starlight": "0.42.6",
     "@astrojs/react": "6.0.6",
-    "react": "19.3.1",
-    "react-dom": "19.3.1",
+    "@astrojs/starlight": "0.42.6",
+    "@lensmap/web": "0.0.0",
+    "@types/node": "24.19.2",
     "@types/react": "19.3.0",
     "@types/react-dom": "19.3.0",
+    "astro": "7.4.0",
     "esbuild": "0.28.2",
-    "typescript": "7.0.2",
-    "@types/node": "24.19.2"
+    "react": "19.3.1",
+    "react-dom": "19.3.1",
+    "typescript": "7.0.2"
+  },
+  "scripts": {
+    "build": "node build.mjs",
+    "typecheck": "tsc -p tsconfig.check.json",
+    "test": "node --test test/*.test.ts"
   }
-}
+}