@lukekaalim/act-insight 2.0.3 → 2.0.5

package/AttributeTag.ts

@@ -1,7 +1,7 @@
-import { Component } from "@lukekaalim/act";
+import { Component, h } from "@lukekaalim/act";
 import classes from './AttributeTag.module.css';
 import stringHash from "@sindresorhus/string-hash";
-import { hs } from "@lukekaalim/act-web";
+import { html } from "@lukekaalim/act-web";
 
 export type CommitAttributeTagProps = {
   name: string,
@@ -10,8 +10,8 @@ export type CommitAttributeTagProps = {
 
 export const CommitAttributeTag: Component<CommitAttributeTagProps> = ({ name, value }) => {
   const background = `hsl(${stringHash(name) % 360}deg, 50%, 50%)`;
-  return hs('span', { className: classes.commitAttributeTag, style: { background } }, [
-    hs('span', { className: classes.commitAttributeTagName }, name),
-    hs('span', { className: classes.commitAttributeTagValue }, value),
+  return h(html.span, { className: classes.commitAttributeTag, style: { background } }, [
+    h('span', { className: classes.commitAttributeTagName }, name),
+    h('span', { className: classes.commitAttributeTagValue }, value),
   ])
 }

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @lukekaalim/act-insight
 
+## 2.0.5
+
+### Patch Changes
+
+- Updated dependencies [1b7eec1]
+  - @lukekaalim/act-web@6.1.0
+
+## 2.0.4
+
+### Patch Changes
+
+- Updated dependencies [0f734f5]
+  - @lukekaalim/act-web@6.0.1
+
 ## 2.0.3
 
 ### Patch Changes

package/TreeViewer.ts

@@ -1,5 +1,4 @@
 import { Component, h, Node } from "@lukekaalim/act";
-import { hs } from "@lukekaalim/act-web";
 import stringHash from '@sindresorhus/string-hash';
 
 import classes from './TreeViewer.module.css';
@@ -59,17 +58,17 @@ export const CommitPreview: Component<CommitPreviewProps> = ({
   const lineColor = `hsl(${stringHash(commit.id.toString()) % 360}, 100%, 20%)`
 
 
-  return hs('div', { classList: [classes.commit, className], style: { position: 'relative' }, id: `commit:${commit.id}` }, [
+  return h('div', { classList: [classes.commit, className], style: { position: 'relative' }, id: `commit:${commit.id}` }, [
 
-    hs('div', { className: [classes.elementBar].join(' '), style: { 'position': 'relative' } }, [
-      hs('button', { onClick, className: classes.elementName, style: { background: elementBackground, border } },
+    h('div', { className: [classes.elementBar].join(' '), style: { 'position': 'relative' } }, [
+      h('button', { onClick, className: classes.elementName, style: { background: elementBackground, border } },
         text),
       //h(CommitAttributeTag, { name: 'Id', value: commit.id.toString() }),
       attributes.map(([name, value]) => h(CommitAttributeTag, { name, value }))
       //h(CommitAttributeTag, { name: 'Version', value: commit.version.toString() }),
     ]),
 
-    !!renderCommit && hs('ol', { className: classes.commitList }, commit.children.map(childId => h('li', { key: childId, style: { position: 'relative' } }, [
+    !!renderCommit && h('ol', { className: classes.commitList }, commit.children.map(childId => h('li', { key: childId, style: { position: 'relative' } }, [
       renderCommit(childId),
       h('div', { style: {
         top: 0,

package/Virtual.ts

@@ -1,4 +1,4 @@
-import { Component, h, Node, ReadonlyRef, useEffect, useRef, useState } from "@lukekaalim/act";
+import { Component, h, Node, ReadOnlyRef, useEffect, useRef, useState } from "@lukekaalim/act";
 import { debounce } from 'lodash-es';
 
 export type VirtualTreeItem = {
@@ -12,7 +12,7 @@ export type VirtualTreeProps = {
 
   renderChunk(index: number, width: number): Node,
 
-  viewportRef?: ReadonlyRef<HTMLElement | null>,
+  viewportRef?: ReadOnlyRef<HTMLElement | null>,
 }
 
 export const Virtual1D: Component<VirtualTreeProps> = ({ chunkSize, chunkCount, renderChunk, viewportRef: propViewportRef }) => {
@@ -25,10 +25,10 @@ export const Virtual1D: Component<VirtualTreeProps> = ({ chunkSize, chunkCount,
   const listRef = useRef<HTMLElement | null>(null);
 
   useEffect(() => {
-    if (!viewportRef.current)
+    const viewport = viewportRef.get();
+    if (!viewport)
       return;
 
-    const viewport = viewportRef.current;
 
     const setViewport = () => {
       const rect = viewport.getBoundingClientRect();
@@ -58,8 +58,8 @@ export const Virtual1D: Component<VirtualTreeProps> = ({ chunkSize, chunkCount,
   const [width, setWidth] = useState(0);
 
   useEffect(() => {
-    const list = listRef.current;
-    const viewport = viewportRef.current;
+    const list = listRef.get();
+    const viewport = viewportRef.get();
     if (!list || !viewport)
       return;
     const rect = viewport.getBoundingClientRect();

package/components/CommitTree.ts

@@ -256,7 +256,7 @@ export const CommitTree: Component<CommitTreeProps> = ({ commits, client, thread
   */
 
   useEffect(() => {
-    const viewport = viewportRef.current;
+    const viewport = viewportRef.get();
     if (!scrollTarget || !viewport)
       return;
 

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@lukekaalim/act-insight",
   "main": "index.ts",
-  "version": "2.0.3",
+  "version": "2.0.5",
   "scripts": {},
   "dependencies": {
     "@lukekaalim/act": "*",
     "@lukekaalim/act-recon": "4.0.1",
-    "@lukekaalim/act-web": "6.0.0",
+    "@lukekaalim/act-web": "6.1.0",
     "@lukekaalim/act-debug": "2.0.0",
     "@sindresorhus/string-hash": "^2.0.0",
     "@types/firefox-webext-browser": "^120.0.4",