@cryptiklemur/lattice 0.0.0 → 1.1.0

package/.github/workflows/release.yml

@@ -15,9 +15,10 @@ jobs:
   release:
     name: Release
     runs-on: ubuntu-latest
+    environment: npm
     steps:
       - name: Checkout
-        uses: actions/checkout@v4
+        uses: actions/checkout@v5
         with:
           fetch-depth: 0
 
@@ -27,10 +28,9 @@ jobs:
           bun-version: latest
 
       - name: Setup Node.js
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v5
         with:
-          node-version: 22
-          registry-url: https://registry.npmjs.org
+          node-version: 24
 
       - name: Install dependencies
         run: bun install --frozen-lockfile

package/.releaserc.json

@@ -22,7 +22,8 @@
     [
       "@semantic-release/npm",
       {
-        "pkgRoot": "."
+        "pkgRoot": ".",
+        "npmPublish": true
       }
     ],
     [

package/client/src/components/auth/PassphrasePrompt.tsx

@@ -1,70 +1,70 @@
-import { useState } from "react";
-
-export function PassphrasePrompt() {
-  var [passphrase, setPassphrase] = useState("");
-  var [error, setError] = useState("");
-  var [loading, setLoading] = useState(false);
-
-  function handleSubmit(e: React.FormEvent) {
-    e.preventDefault();
-    setError("");
-    setLoading(true);
-
-    fetch("/auth", {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ passphrase }),
-    })
-      .then(function (res) {
-        if (res.ok) {
-          window.location.reload();
-        } else {
-          setError("Invalid passphrase.");
-          setLoading(false);
-        }
-      })
-      .catch(function () {
-        setError("Connection error.");
-        setLoading(false);
-      });
-  }
-
-  return (
-    <div className="min-h-screen bg-base-100 flex items-center justify-center">
-      <div className="card bg-base-200 border border-base-300 w-full max-w-[340px] shadow-xl">
-        <div className="card-body p-10">
-          <h1 className="text-[15px] font-bold tracking-[0.12em] uppercase text-base-content/60 mb-7">
-            Lattice
-          </h1>
-          <form onSubmit={handleSubmit} className="flex flex-col gap-4">
-            <fieldset className="fieldset">
-              <legend className="fieldset-legend text-[11px] uppercase tracking-[0.1em] text-base-content/40">
-                Passphrase
-              </legend>
-              <input
-                id="passphrase"
-                type="password"
-                value={passphrase}
-                onChange={function (e) { setPassphrase(e.target.value); }}
-                autoFocus
-                autoComplete="current-password"
-                disabled={loading}
-                className="input input-bordered w-full bg-base-100 text-base-content text-[14px]"
-              />
-            </fieldset>
-            <button
-              type="submit"
-              disabled={loading}
-              className={"btn btn-primary w-full mt-1 " + (loading ? "cursor-not-allowed" : "")}
-            >
-              {loading ? "Authenticating..." : "Authenticate"}
-            </button>
-            {error && (
-              <p className="text-[12px] text-error text-center">{error}</p>
-            )}
-          </form>
-        </div>
-      </div>
-    </div>
-  );
-}
+import { useState } from "react";
+
+export function PassphrasePrompt() {
+  var [passphrase, setPassphrase] = useState("");
+  var [error, setError] = useState("");
+  var [loading, setLoading] = useState(false);
+
+  function handleSubmit(e: React.FormEvent) {
+    e.preventDefault();
+    setError("");
+    setLoading(true);
+
+    fetch("/auth", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ passphrase }),
+    })
+      .then(function (res) {
+        if (res.ok) {
+          window.location.reload();
+        } else {
+          setError("Invalid passphrase.");
+          setLoading(false);
+        }
+      })
+      .catch(function () {
+        setError("Connection error.");
+        setLoading(false);
+      });
+  }
+
+  return (
+    <div className="min-h-screen bg-base-100 flex items-center justify-center">
+      <div className="card bg-base-200 border border-base-300 w-full max-w-[340px] shadow-xl">
+        <div className="card-body p-10">
+          <h1 className="text-[15px] font-bold tracking-[0.12em] uppercase text-base-content/60 mb-7">
+            Lattice
+          </h1>
+          <form onSubmit={handleSubmit} className="flex flex-col gap-4">
+            <fieldset className="fieldset">
+              <legend className="fieldset-legend text-[11px] uppercase tracking-[0.1em] text-base-content/40">
+                Passphrase
+              </legend>
+              <input
+                id="passphrase"
+                type="password"
+                value={passphrase}
+                onChange={function (e) { setPassphrase(e.target.value); }}
+                autoFocus
+                autoComplete="current-password"
+                disabled={loading}
+                className="input input-bordered w-full bg-base-100 text-base-content text-[14px]"
+              />
+            </fieldset>
+            <button
+              type="submit"
+              disabled={loading}
+              className={"btn btn-primary w-full mt-1 " + (loading ? "cursor-not-allowed" : "")}
+            >
+              {loading ? "Authenticating..." : "Authenticate"}
+            </button>
+            {error && (
+              <p className="text-[12px] text-error text-center">{error}</p>
+            )}
+          </form>
+        </div>
+      </div>
+    </div>
+  );
+}

package/client/src/components/mesh/NodeBadge.tsx

@@ -1,24 +1,24 @@
-import type { NodeInfo } from "@lattice/shared";
-
-interface NodeBadgeProps {
-  node: NodeInfo;
-}
-
-export function NodeBadge(props: NodeBadgeProps) {
-  var initials = props.node.name.slice(0, 2).toUpperCase();
-
-  return (
-    <span
-      title={props.node.name + (props.node.online ? " (online)" : " (offline)")}
-      className="inline-flex items-center gap-[3px] px-[5px] py-[1px] rounded-full bg-base-300 border border-base-content/15 text-[10px] font-semibold text-base-content/40 tracking-[0.03em] flex-shrink-0"
-    >
-      <span
-        className={
-          "w-[5px] h-[5px] rounded-full flex-shrink-0 inline-block " +
-          (props.node.online ? "bg-success" : "bg-base-content/30")
-        }
-      />
-      {initials}
-    </span>
-  );
-}
+import type { NodeInfo } from "@lattice/shared";
+
+interface NodeBadgeProps {
+  node: NodeInfo;
+}
+
+export function NodeBadge(props: NodeBadgeProps) {
+  var initials = props.node.name.slice(0, 2).toUpperCase();
+
+  return (
+    <span
+      title={props.node.name + (props.node.online ? " (online)" : " (offline)")}
+      className="inline-flex items-center gap-[3px] px-[5px] py-[1px] rounded-full bg-base-300 border border-base-content/15 text-[10px] font-semibold text-base-content/40 tracking-[0.03em] flex-shrink-0"
+    >
+      <span
+        className={
+          "w-[5px] h-[5px] rounded-full flex-shrink-0 inline-block " +
+          (props.node.online ? "bg-success" : "bg-base-content/30")
+        }
+      />
+      {initials}
+    </span>
+  );
+}