npm - @andespindola/brainlink - Versions diffs - 0.1.0-beta.143 → 0.1.0-beta.144 - Mend

@andespindola/brainlink 0.1.0-beta.143 → 0.1.0-beta.144

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 (4) hide show

package/dist/application/frontend/client-html.js +8 -0
package/dist/application/frontend/client-js.js +71 -0
package/dist/application/frontend/client-render-worker-js.js +58 -23
package/package.json +1 -1

package/dist/application/frontend/client-html.js CHANGED Viewed

@@ -62,6 +62,14 @@ export const createClientHtml = () => `<!doctype html>
           <button id="contentClose" type="button">Close</button>
         </header>
         <div class="content-meta">
+          <section class="content-meta-section">
+            <h3>Facts</h3>
+            <ul id="contentFacts"></ul>
+          </section>
+          <section class="content-meta-section">
+            <h3>Context Links</h3>
+            <ul id="contentContextLinks"></ul>
+          </section>
           <section class="content-meta-section">
             <h3>Tags</h3>
             <div id="contentTags" class="tags"></div>

package/dist/application/frontend/client-js.js CHANGED Viewed

@@ -14,6 +14,8 @@ const elements = {
   contentDialog: byId('contentDialog'),
   contentTitle: byId('contentTitle'),
   contentPath: byId('contentPath'),
+  contentFacts: byId('contentFacts'),
+  contentContextLinks: byId('contentContextLinks'),
   contentTags: byId('contentTags'),
   contentOutgoing: byId('contentOutgoing'),
   contentIncoming: byId('contentIncoming'),
@@ -279,6 +281,71 @@ const list = (items) => {
     .join('')
 }
+const extractContextLinks = (content) => {
+  if (typeof content !== 'string' || content.length === 0) {
+    return []
+  }
+  const lines = content.split(/\\r?\\n/)
+  let start = -1
+  for (let index = 0; index < lines.length; index += 1) {
+    if (/^##\\s+context\\s+links\\b/i.test(lines[index].trim())) {
+      start = index + 1
+      break
+    }
+  }
+  if (start < 0) {
+    return []
+  }
+  const links = []
+  for (let index = start; index < lines.length; index += 1) {
+    const line = lines[index].trim()
+    if (!line) {
+      continue
+    }
+    if (/^#{1,6}\\s+/.test(line)) {
+      break
+    }
+    const match = line.match(/\\[\\[([^\\]]+)\\]\\]/)
+    if (!match) {
+      continue
+    }
+    const title = match[1].trim()
+    if (!title) {
+      continue
+    }
+    const priorityMatch = line.match(/#(critical|important)\\b|priority:\\s*(high|critical)/i)
+    const priority = priorityMatch ? String(priorityMatch[1] || priorityMatch[2] || 'normal').toLowerCase() : 'normal'
+    links.push({ title, priority })
+  }
+  return links
+}
+const buildFacts = (node, outgoingCount, incomingCount) => {
+  const content = typeof node?.content === 'string' ? node.content : ''
+  const words = content.trim().length > 0 ? content.trim().split(/\\s+/).length : 0
+  return [
+    { label: 'Agent', value: typeof node?.agentId === 'string' && node.agentId ? node.agentId : 'shared' },
+    { label: 'Words', value: String(words) },
+    { label: 'Chars', value: String(content.length) },
+    { label: 'Outgoing', value: String(outgoingCount) },
+    { label: 'Backlinks', value: String(incomingCount) }
+  ]
+}
+const listFacts = (facts) => facts
+  .map((fact) => '<li><strong>' + escapeHtml(fact.label) + ':</strong> <small>' + escapeHtml(fact.value) + '</small></li>')
+  .join('')
+const listContextLinks = (links) => {
+  if (!Array.isArray(links) || links.length === 0) {
+    return '<li><small>No context links found.</small></li>'
+  }
+  return links
+    .map((link) => '<li><span>' + escapeHtml(link.title) + '</span><small>' + escapeHtml(link.priority || 'normal') + '</small></li>')
+    .join('')
+}
 const linkedNodes = (node) => {
   const nodeById = new Map((state.chunk.nodes || []).map((item) => [item[0], item]))
   const edges = normalizeList(state.chunk.edges)
@@ -342,6 +409,10 @@ const loadNodeDetails = async (nodeId) => {
     : '<span>No tags</span>'
   const related = linkedNodes(node)
+  const contextLinks = extractContextLinks(node.content)
+  const facts = buildFacts(node, related.outgoing.length, related.incoming.length)
+  elements.contentFacts.innerHTML = listFacts(facts)
+  elements.contentContextLinks.innerHTML = listContextLinks(contextLinks)
   elements.contentOutgoing.innerHTML = list(related.outgoing)
   elements.contentIncoming.innerHTML = list(related.incoming)
   elements.contentBody.textContent = typeof node.content === 'string' ? node.content : ''

package/dist/application/frontend/client-render-worker-js.js CHANGED Viewed

@@ -25,10 +25,14 @@ const nodeIndexById = new Map()
 const highlightedIds = new Set()
 let selectedNodeId = null
 let dirty = true
-let running = false
+let renderScheduled = false
 let hoverX = null
 let hoverY = null
 let lastFrameAt = 0
+let lastVisibleEdges = 0
+let edgePositionsBuffer = new Float32Array(0)
+let pointPositionsBuffer = new Float32Array(0)
+let pointSizesBuffer = new Float32Array(0)
 const defaultTheme = {
   node: [0.68, 0.72, 0.78, 1],
@@ -133,6 +137,14 @@ const initWebGl = () => {
   return true
 }
+const ensureFloat32Capacity = (buffer, neededLength) => {
+  if (buffer.length >= neededLength) {
+    return buffer
+  }
+  const next = Math.max(neededLength, Math.ceil(buffer.length * 1.6), 1024)
+  return new Float32Array(next)
+}
 const resizeCanvas = (width, height, ratio) => {
   viewportWidth = Math.max(320, Number.isFinite(width) ? width : viewportWidth)
   viewportHeight = Math.max(320, Number.isFinite(height) ? height : viewportHeight)
@@ -146,6 +158,7 @@ const resizeCanvas = (width, height, ratio) => {
     gl.viewport(0, 0, canvas.width, canvas.height)
   }
   dirty = true
+  requestRender()
 }
 const toScreenPoint = (x, y) => {
@@ -262,7 +275,9 @@ const cullVisibleNodes = () => {
 const drawEdges = () => {
   if (!gl || state.edgeCount === 0) return
-  const positions = []
+  edgePositionsBuffer = ensureFloat32Capacity(edgePositionsBuffer, state.edgeCount * 4)
+  let cursor = 0
+  let visibleEdges = 0
   for (let index = 0; index < state.edgeCount; index += 1) {
     const source = state.edgeSource[index]
     const target = state.edgeTarget[index]
@@ -271,50 +286,61 @@ const drawEdges = () => {
     }
     const [sx, sy] = toScreenPoint(state.x[source], state.y[source])
     const [tx, ty] = toScreenPoint(state.x[target], state.y[target])
-    positions.push(sx, sy, tx, ty)
+    edgePositionsBuffer[cursor] = sx
+    edgePositionsBuffer[cursor + 1] = sy
+    edgePositionsBuffer[cursor + 2] = tx
+    edgePositionsBuffer[cursor + 3] = ty
+    cursor += 4
+    visibleEdges += 1
   }
-  if (positions.length === 0) return
+  lastVisibleEdges = visibleEdges
+  if (cursor === 0) return
   gl.useProgram(lineProgram)
   gl.bindBuffer(gl.ARRAY_BUFFER, lineBuffer)
-  gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(positions), gl.STREAM_DRAW)
+  gl.bufferData(gl.ARRAY_BUFFER, edgePositionsBuffer.subarray(0, cursor), gl.STREAM_DRAW)
   gl.enableVertexAttribArray(linePositionLocation)
   gl.vertexAttribPointer(linePositionLocation, 2, gl.FLOAT, false, 0, 0)
   gl.uniform2f(lineResolutionLocation, canvas.width, canvas.height)
   gl.uniform4fv(lineColorLocation, state.nodeCount > 4000 ? theme.edge : theme.edgeHeavy)
   gl.lineWidth(1)
-  gl.drawArrays(gl.LINES, 0, positions.length / 2)
+  gl.drawArrays(gl.LINES, 0, cursor / 2)
 }
 const drawNodeLayer = (predicate, color, radiusBoost = 1) => {
   if (!gl || state.nodeCount === 0) return
-  const positions = []
-  const sizes = []
+  pointPositionsBuffer = ensureFloat32Capacity(pointPositionsBuffer, state.nodeCount * 2)
+  pointSizesBuffer = ensureFloat32Capacity(pointSizesBuffer, state.nodeCount)
+  let positionCursor = 0
+  let sizeCursor = 0
   for (let index = 0; index < state.nodeCount; index += 1) {
     if (!predicate(index)) continue
     const [sx, sy] = toScreenPoint(state.x[index], state.y[index])
-    positions.push(sx, sy)
-    sizes.push(Math.max(1.2, state.radius[index] * camera.scale * devicePixelRatio * radiusBoost))
+    pointPositionsBuffer[positionCursor] = sx
+    pointPositionsBuffer[positionCursor + 1] = sy
+    pointSizesBuffer[sizeCursor] = Math.max(1.2, state.radius[index] * camera.scale * devicePixelRatio * radiusBoost)
+    positionCursor += 2
+    sizeCursor += 1
   }
-  if (positions.length === 0) return
+  if (positionCursor === 0) return
   gl.useProgram(pointProgram)
   gl.bindBuffer(gl.ARRAY_BUFFER, pointPositionBuffer)
-  gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(positions), gl.STREAM_DRAW)
+  gl.bufferData(gl.ARRAY_BUFFER, pointPositionsBuffer.subarray(0, positionCursor), gl.STREAM_DRAW)
   gl.enableVertexAttribArray(pointPositionLocation)
   gl.vertexAttribPointer(pointPositionLocation, 2, gl.FLOAT, false, 0, 0)
   gl.bindBuffer(gl.ARRAY_BUFFER, pointSizeBuffer)
-  gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(sizes), gl.STREAM_DRAW)
+  gl.bufferData(gl.ARRAY_BUFFER, pointSizesBuffer.subarray(0, sizeCursor), gl.STREAM_DRAW)
   gl.enableVertexAttribArray(pointSizeLocation)
   gl.vertexAttribPointer(pointSizeLocation, 1, gl.FLOAT, false, 0, 0)
   gl.uniform2f(pointResolutionLocation, canvas.width, canvas.height)
   gl.uniform4fv(pointColorLocation, color)
-  gl.drawArrays(gl.POINTS, 0, positions.length / 2)
+  gl.drawArrays(gl.POINTS, 0, positionCursor / 2)
 }
 const clear = () => {
@@ -325,16 +351,20 @@ const clear = () => {
 }
 const renderFrame = (now) => {
+  renderScheduled = false
+  if (!dirty) {
+    return
+  }
   const delta = now - lastFrameAt
   const minInterval = state.nodeCount > 20000 ? 22 : 16
-  if (delta < minInterval && running) {
-    scheduleNextFrame()
+  if (delta < minInterval) {
+    requestRender()
     return
   }
   lastFrameAt = now
   if (!gl) {
-    scheduleNextFrame()
     return
   }
@@ -376,15 +406,17 @@ const renderFrame = (now) => {
         }
         return count
       })(),
-      visibleEdges: state.edgeCount
+      visibleEdges: lastVisibleEdges
     })
     dirty = false
   }
-  scheduleNextFrame()
 }
-const scheduleNextFrame = () => {
+const requestRender = () => {
+  if (renderScheduled) {
+    return
+  }
+  renderScheduled = true
   const raf = self.requestAnimationFrame
   if (typeof raf === 'function') {
     raf.call(self, renderFrame)
@@ -401,6 +433,7 @@ const setCamera = (nextCamera) => {
   camera.y = Number.isFinite(nextCamera.y) ? Number(nextCamera.y) : camera.y
   camera.scale = Number.isFinite(nextCamera.scale) ? Math.max(0.0002, Math.min(8, Number(nextCamera.scale))) : camera.scale
   dirty = true
+  requestRender()
 }
 const worldAtScreen = (screenX, screenY) => {
@@ -453,6 +486,7 @@ const setHighlights = (ids) => {
     state.highlighted[index] = highlightedIds.has(state.ids[index]) ? 1 : 0
   }
   dirty = true
+  requestRender()
 }
 const setSelected = (id) => {
@@ -461,6 +495,7 @@ const setSelected = (id) => {
     state.selected[index] = selectedNodeId === state.ids[index] ? 1 : 0
   }
   dirty = true
+  requestRender()
 }
 self.onmessage = (event) => {
@@ -481,8 +516,7 @@ self.onmessage = (event) => {
     }
     resizeCanvas(payload.width, payload.height, payload.devicePixelRatio)
     setCamera(payload.camera)
-    running = true
-    scheduleNextFrame()
+    requestRender()
     postMessage({ type: 'ready' })
     return
   }
@@ -499,6 +533,7 @@ self.onmessage = (event) => {
   if (payload.type === 'chunk') {
     loadChunk(payload.chunk)
+    requestRender()
     return
   }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@andespindola/brainlink",
-  "version": "0.1.0-beta.143",
+  "version": "0.1.0-beta.144",
   "description": "Local-first knowledge memory for agents with Markdown, backlinks, indexing and context retrieval.",
   "type": "module",
   "license": "MIT",