@graphenedata/cli 0.0.10 → 0.0.11

package/dist/ui/app.css

@@ -112,27 +112,25 @@ html {
 }
 
 body {
+  display: flex;
+  margin: 0;
+  min-height: 100vh;
   font-family: "Inter", var(--ui-font-family);
   line-height: 1.7;
-  margin: 0;
   color: var(--base-heading);
-  min-height: 100vh;
-  display: flex;
 }
 
 nav {
-  flex: 0 0 200px;
-  height: 100vh;
-  padding-top: 1rem;
+  width: 200px;
+  flex-shrink: 0;
+  padding: 32px 0 16px 0px;
   border-right: 1px solid var(--base-200);
-  background: #fbfbfd;
 }
 
 main {
   flex: 1;
-  max-width: none;
-  padding: 2.5rem 3rem 3.5rem;
-  margin: 0 auto;
+  min-width: 0;
+  padding: 20px 48px 80px;
 }
 
 /* Default border color */

package/dist/ui/internal/NavSidebar.svelte

@@ -1,7 +1,12 @@
 <script>
-  import navData from 'virtual:nav'
-
+  /** @type {string} */
   export let currentFile = ''
+  /** @type {string[]} */
+  export let files = []
+  /** @type {((href: string) => void) | undefined} */
+  export let onNavigate = undefined
+  /** @type {string} */
+  export let baseRoute = ''
 
   let tree = []
   let flatNodes = []
@@ -9,16 +14,17 @@
   let treeSignature = ''
   let lastCurrent = ''
 
-  $: normalizedFiles = (navData || [])
+  $: normalizedFiles = (files || [])
     .map((file) => file.replace(/^\.\//, '').replace(/\\/g, '/'))
 
-  $: normalizedCurrent = deriveCurrentFile()
+
+  $: normalizedCurrent = deriveCurrentFile(currentFile, normalizedFiles, baseRoute)
   $: currentRoute = normalizedCurrent ? pathToRoute(normalizedCurrent) : '/'
 
-  function deriveCurrentFile () {
+  function deriveCurrentFile (_currentFile, _normalizedFiles, _baseRoute) {
     let fromProp = normalizeFilePath(currentFile)
     let route = getLocationRoute()
-    if (route) {
+    if (route && normalizedFiles) {
       let match = normalizedFiles.find((file) => pathToRoute(file) === route)
       if (match) return match
     }
@@ -190,8 +196,16 @@
 
   function pathToRoute (path) {
     let clean = path.replace(/\.md$/, '')
-    if (!clean || clean === 'index') return '/'
-    return '/' + clean
+    let prefix = baseRoute ? '/' + baseRoute : ''
+    if (!clean || clean === 'index') return prefix || '/'
+    return prefix + '/' + clean
+  }
+
+  function handleLinkClick (event, href) {
+    if (!onNavigate) return
+    if (href.startsWith('http') || href.startsWith('//')) return
+    event.preventDefault()
+    onNavigate(href)
   }
 </script>
 
@@ -221,6 +235,7 @@
               href={node.route}
               class={node.route === currentRoute ? 'active' : ''}
               aria-current={node.route === currentRoute ? 'page' : undefined}
+              on:click={(e) => handleLinkClick(e, node.route)}
             >
               {node.label}
             </a>
@@ -235,6 +250,7 @@
           href={node.route}
           class={node.path === normalizedCurrent ? 'active' : ''}
           aria-current={node.path === normalizedCurrent ? 'page' : undefined}
+          on:click={(e) => handleLinkClick(e, node.route)}
         >
           <span>{node.label}</span>
         </a>

package/dist/ui/internal/NavSidebarHMR.svelte

@@ -0,0 +1,8 @@
+<script>
+  import navData from 'virtual:nav'
+  import NavSidebar from './NavSidebar.svelte'
+
+  export let currentFile = ''
+</script>
+
+<NavSidebar files={navData} {currentFile} />

package/dist/ui/internal/queryEngine.ts

@@ -81,7 +81,7 @@ async function runNode (n: QueryNode) {
     let response = await fetch('/_api/query', {
       method: 'POST',
       headers: {'Content-Type': 'application/json'},
-      body: JSON.stringify({params, gsql, hashes, routePath: getRoutePath()}),
+      body: JSON.stringify({params, gsql, hashes, routePath: getRoutePath(), repoId: window.$GRAPHENE?.repoId}),
     })
     let hash = response.headers.get('ETag') || ''
 

package/dist/ui/web.js

@@ -1,7 +1,7 @@
 import {getErrors} from './internal/telemetry.ts'
 import './app.css'
 import {isLoading} from './internal/queryEngine.ts'
-import NavSidebar from './internal/NavSidebar.svelte'
+import NavSidebar from './internal/NavSidebarHMR.svelte'
 
 import Area from './components/Area.svelte'
 import AreaChart from './components/AreaChart.svelte'

package/package.json

@@ -3,7 +3,7 @@
   "main": "cli.ts",
   "type": "module",
   "author": "Graphene Systems Inc",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "license": "Elastic-2.0",
   "engines": {
     "node": ">=16"