jazz-tools 0.18.21 → 0.18.23

package/dist/inspector/register-custom-element.js

@@ -1,5 +1,5 @@
 // src/inspector/register-custom-element.ts
 if (typeof window !== "undefined" && process.env.NODE_ENV === "development") {
-  import("./custom-element-G6SPZEBR.js");
+  import("./custom-element-XDJT5T57.js");
 }
 //# sourceMappingURL=register-custom-element.js.map

package/dist/inspector/ui/icon.d.ts

@@ -1,7 +1,9 @@
+import { CautionIcon } from "./icons/caution.js";
 import { ChevronDownIcon } from "./icons/chevron-down-icon.js";
 import { DeleteIcon } from "./icons/delete-icon.js";
 import { LinkIcon } from "./icons/link-icon.js";
 declare const icons: {
+    caution: typeof CautionIcon;
     chevronDown: typeof ChevronDownIcon;
     delete: typeof DeleteIcon;
     link: typeof LinkIcon;

package/dist/inspector/ui/icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/inspector/ui/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,QAAA,MAAM,KAAK;;;;CAIV,CAAC;AAGF,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;CAeV,CAAC;AAmBF,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,IAAW,EACX,SAAS,EACT,GAAG,QAAQ,EACZ,EAAE;IACD,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,CAAC;CAC3B,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,2CAiBhC"}
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/inspector/ui/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,QAAA,MAAM,KAAK;;;;;CAKV,CAAC;AAGF,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;CAeV,CAAC;AAmBF,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,IAAW,EACX,SAAS,EACT,GAAG,QAAQ,EACZ,EAAE;IACD,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,CAAC;CAC3B,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,2CAiBhC"}

package/dist/inspector/ui/icons/caution.d.ts

@@ -0,0 +1,2 @@
+export declare function CautionIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=caution.d.ts.map

package/dist/inspector/ui/icons/caution.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"caution.d.ts","sourceRoot":"","sources":["../../../../src/inspector/ui/icons/caution.tsx"],"names":[],"mappings":"AAAA,wBAAgB,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,2CAiB/D"}

package/dist/inspector/viewer/table-viewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-viewer.d.ts","sourceRoot":"","sources":["../../../src/inspector/viewer/table-viewer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,SAAS,EAAc,MAAM,QAAQ,CAAC;AACrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAIzC,OAAO,EAAE,QAAQ,EAAU,MAAM,YAAY,CAAC;AAgJ9C,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,IAAI,EACJ,UAAU,EACV,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,EAAE,SAAS,CAAC;IAChB,UAAU,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,2CAiDA"}
+{"version":3,"file":"table-viewer.d.ts","sourceRoot":"","sources":["../../../src/inspector/viewer/table-viewer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,SAAS,EAAc,MAAM,QAAQ,CAAC;AACrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAIzC,OAAO,EAAE,QAAQ,EAAU,MAAM,YAAY,CAAC;AA0M9C,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,IAAI,EACJ,UAAU,EACV,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,EAAE,SAAS,CAAC;IAChB,UAAU,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,2CAiDA"}

package/dist/worker/napi-crypto.d.ts

@@ -0,0 +1,2 @@
+export * from "cojson/crypto/NapiCrypto";
+//# sourceMappingURL=napi-crypto.d.ts.map

package/dist/worker/napi-crypto.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"napi-crypto.d.ts","sourceRoot":"","sources":["../../src/worker/napi-crypto.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC"}

package/dist/worker/napi-crypto.js

@@ -0,0 +1,3 @@
+// src/worker/napi-crypto.ts
+export * from "cojson/crypto/NapiCrypto";
+//# sourceMappingURL=napi-crypto.js.map

package/dist/worker/napi-crypto.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/worker/napi-crypto.ts"],"sourcesContent":["export * from \"cojson/crypto/NapiCrypto\";\n"],"mappings":";AAAA,cAAc;","names":[]}

package/package.json

@@ -178,11 +178,16 @@
       "@jazz-tools/source": "./src/worker/edge-wasm.ts",
       "types": "./dist/worker/edge-wasm.d.ts",
       "default": "./dist/worker/edge-wasm.js"
+    },
+    "./napi": {
+      "@jazz-tools/source": "./src/worker/napi-crypto.ts",
+      "types": "./dist/worker/napi-crypto.d.ts",
+      "default": "./dist/worker/napi-crypto.js"
     }
   },
   "type": "module",
   "license": "MIT",
-  "version": "0.18.21",
+  "version": "0.18.23",
   "dependencies": {
     "@manuscripts/prosemirror-recreate-steps": "^0.1.4",
     "@scure/base": "1.2.1",
@@ -199,9 +204,9 @@
     "prosemirror-transform": "^1.9.0",
     "use-sync-external-store": "^1.5.0",
     "zod": "4.1.11",
-    "cojson": "0.18.21",
-    "cojson-storage-indexeddb": "0.18.21",
-    "cojson-transport-ws": "0.18.21"
+    "cojson": "0.18.23",
+    "cojson-storage-indexeddb": "0.18.23",
+    "cojson-transport-ws": "0.18.23"
   },
   "devDependencies": {
     "@scure/bip39": "^1.3.0",

package/src/inspector/ui/icon.tsx

@@ -1,8 +1,10 @@
+import { CautionIcon } from "./icons/caution.js";
 import { ChevronDownIcon } from "./icons/chevron-down-icon.js";
 import { DeleteIcon } from "./icons/delete-icon.js";
 import { LinkIcon } from "./icons/link-icon.js";
 
 const icons = {
+  caution: CautionIcon,
   chevronDown: ChevronDownIcon,
   delete: DeleteIcon,
   link: LinkIcon,

package/src/inspector/ui/icons/caution.tsx

@@ -0,0 +1,18 @@
+export function CautionIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      {...props}
+      xmlns="http://www.w3.org/2000/svg"
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeLinejoin="round"
+    >
+      <circle cx="12" cy="12" r="12" fill="currentColor" />
+      <rect x="10.5" y="6" width="3" height="7.5" rx="1.5" fill="#fff" />
+      <rect x="10.5" y="16.5" width="3" height="3" rx="1.5" fill="#fff" />
+    </svg>
+  );
+}

package/src/inspector/viewer/table-viewer.tsx

@@ -16,6 +16,7 @@ import {
   TableRow,
 } from "../ui/table.js";
 import { Text } from "../ui/text.js";
+import { Icon } from "../ui/icon.js";
 
 const PaginationContainer = styled("div")`
   padding: 1rem 0;
@@ -25,6 +26,38 @@ const PaginationContainer = styled("div")`
   gap: 0.5rem;
 `;
 
+const RedTooltip = styled("span")`
+  position:relative; /* making the .tooltip span a container for the tooltip text */
+  border-bottom:1px dashed #000; /* little indicater to indicate it's hoverable */
+
+  &:before {
+    content: attr(data-text);
+    background-color: red;
+    position:absolute;
+
+    /* vertically center */
+    top:50%;
+    transform:translateY(-50%);
+
+    /* move to right */
+    left:100%;
+    margin-left:15px; /* and add a small left margin */
+
+    /* basic styles */
+    width:200px;
+    padding:10px;
+    border-radius:10px;
+    color: #fff;
+    text-align:center;
+
+    display:none; /* hide by default */
+  }
+
+  &:hover:before {
+    display:block;
+  }
+`;
+
 function CoValuesTableView({
   data,
   node,
@@ -61,7 +94,11 @@ function CoValuesTableView({
   }
 
   const keys = Array.from(
-    new Set(resolvedRows.flatMap((item) => Object.keys(item.snapshot || {}))),
+    new Set(
+      resolvedRows
+        .filter((item) => item.snapshot !== "unavailable")
+        .flatMap((item) => Object.keys(item.snapshot || {})),
+    ),
   );
 
   const loadMore = () => {
@@ -73,7 +110,7 @@ function CoValuesTableView({
       <Table>
         <TableHead>
           <TableRow>
-            {[...keys, "Action"].map((key) => (
+            {["ID", ...keys, "Action"].map((key) => (
               <TableHeader key={key}>{key}</TableHeader>
             ))}
             {onRemove && <TableHeader></TableHeader>}
@@ -82,27 +119,48 @@ function CoValuesTableView({
         <TableBody>
           {resolvedRows.slice(0, visibleRowsCount).map((item, index) => (
             <TableRow key={index}>
+              <TableCell>
+                <Text mono>
+                  {item.snapshot === "unavailable" ? (
+                    <RedTooltip data-text="Unavailable">
+                      <Icon
+                        name="caution"
+                        color="red"
+                        style={{
+                          display: "inline-block",
+                          marginRight: "0.5rem",
+                        }}
+                      />
+                      {visibleRows[index]}
+                    </RedTooltip>
+                  ) : (
+                    visibleRows[index]
+                  )}
+                </Text>
+              </TableCell>
               {keys.map((key) => (
                 <TableCell key={key}>
-                  <ValueRenderer
-                    json={(item.snapshot as JsonObject)[key]}
-                    onCoIDClick={(coId) => {
-                      async function handleClick() {
-                        onNavigate([
-                          {
-                            coId: item.value!.id,
-                            name: index.toString(),
-                          },
-                          {
-                            coId: coId,
-                            name: key,
-                          },
-                        ]);
-                      }
-
-                      handleClick();
-                    }}
-                  />
+                  {item.snapshot !== "unavailable" && (
+                    <ValueRenderer
+                      json={item.snapshot[key]}
+                      onCoIDClick={(coId) => {
+                        async function handleClick() {
+                          onNavigate([
+                            {
+                              coId: item.value!.id,
+                              name: index.toString(),
+                            },
+                            {
+                              coId: coId,
+                              name: key,
+                            },
+                          ]);
+                        }
+
+                        handleClick();
+                      }}
+                    />
+                  )}
                 </TableCell>
               ))}
 

package/src/worker/napi-crypto.ts

@@ -0,0 +1 @@
+export * from "cojson/crypto/NapiCrypto";

package/tsup.config.ts

@@ -131,6 +131,7 @@ export default defineConfig([
     entry: {
       index: "src/worker/index.ts",
       "edge-wasm": "src/worker/edge-wasm.ts",
+      "napi-crypto": "src/worker/napi-crypto.ts",
     },
     outDir: "dist/worker",
   },