@knotpad/app 0.1.4 → 0.1.6

package/app/download/page.tsx

@@ -0,0 +1,170 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import Link from "next/link";
+import Image from "next/image";
+import { AppLogo } from "@/components/branding/app-logo";
+
+type Platform = "windows" | "macos" | "linux" | "unknown";
+
+function detectPlatform(): Platform {
+  if (typeof navigator === "undefined") return "unknown";
+  const ua = navigator.userAgent.toLowerCase();
+  if (ua.includes("win")) return "windows";
+  if (ua.includes("mac") || ua.includes("darwin")) return "macos";
+  if (ua.includes("linux")) return "linux";
+  return "unknown";
+}
+
+function getDownloadUrl(platform: Platform): string {
+  const base = process.env.NEXT_PUBLIC_APP_URL ?? "";
+  switch (platform) {
+    case "windows":
+      return `${base}/download/Knotpad-Setup.exe`;
+    case "linux":
+      return `${base}/download/Knotpad.AppImage`;
+    case "macos":
+      return `${base}/download/Knotpad.dmg`;
+    default:
+      return `${base}/download`;
+  }
+}
+
+function getInstallerLabel(platform: Platform): string {
+  switch (platform) {
+    case "windows":
+      return "Download for Windows";
+    case "linux":
+      return "Download for Linux";
+    case "macos":
+      return "Download for macOS";
+    default:
+      return "Download";
+  }
+}
+
+export default function DownloadPage() {
+  const [selectedPlatform, setSelectedPlatform] = useState<Platform>("unknown");
+
+  useEffect(() => {
+    const detected = detectPlatform();
+    setSelectedPlatform(detected);
+  }, []);
+
+  const platforms: { key: Platform; label: string; icon: React.ReactNode }[] = [
+    { key: "windows", label: "Windows", icon: <svg className="w-4 h-4" viewBox="0 0 24 24" fill="currentColor"><path d="M0 3.449L9.75 2.1v9.451H0m10.949-9.602L24 0v11.4H10.949M0 12.6h9.75v9.451L0 20.699M10.949 12.6H24V24l-12.9-1.801"/></svg> },
+    { key: "macos", label: "macOS", icon: <svg className="w-4 h-4" viewBox="0 0 24 24" fill="currentColor"><path d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z"/></svg> },
+    { key: "linux", label: "Linux", icon: <svg className="w-4 h-4" viewBox="0 0 24 24" fill="currentColor"><path d="M12.001 2c-5.523 0-10 4.477-10 10s4.477 10 10 10 10-4.477 10-10-4.477-10-10-10zm0 18c-4.418 0-8-3.582-8-8s3.582-8 8-8 8 3.582 8 8-3.582 8-8 8zm-1-13h2v6h-2zm0 8h2v2h-2z"/></svg> },
+  ];
+
+  const current = platforms.find((p) => p.key === selectedPlatform);
+
+  return (
+    <div className="min-h-screen bg-zinc-950 text-zinc-100">
+      {/* Nav */}
+      <header className="flex items-center justify-between px-8 py-5 border-b border-zinc-900">
+        <div className="flex items-center gap-2">
+          <AppLogo className="h-7 w-auto" />
+          <span className="rounded-full bg-zinc-800 px-2 py-0.5 text-[10px] text-zinc-400 font-medium lowercase tracking-wider">beta</span>
+        </div>
+        <div className="flex items-center gap-4">
+          <Link href="/" className="text-sm text-zinc-500 hover:text-zinc-300 transition-colors">
+            back to home
+          </Link>
+        </div>
+      </header>
+
+      <main className="mx-auto max-w-2xl px-8 pt-16 pb-32">
+        {/* Header */}
+        <div className="text-center mb-12">
+          <div className="flex justify-center mb-6">
+            <Image
+              src="/knotpad_logo_full.svg"
+              alt="Knotpad"
+              width={200}
+              height={60}
+              className="h-12 w-auto"
+              priority
+            />
+          </div>
+          <h1 className="text-4xl font-semibold tracking-tight text-zinc-100 mb-4">
+            Download Knotpad
+          </h1>
+          <p className="text-zinc-400">
+            Note-first project management for your desktop
+          </p>
+        </div>
+
+        {/* Platform selector */}
+        <div className="flex justify-center gap-2 mb-8">
+          {platforms.map((p) => (
+            <button
+              key={p.key}
+              onClick={() => setSelectedPlatform(p.key)}
+              className={`inline-flex items-center gap-2.5 px-6 py-2.5 rounded-lg text-sm font-medium transition-colors ${
+                selectedPlatform === p.key
+                  ? "bg-zinc-100 text-zinc-900"
+                  : "bg-zinc-900 text-zinc-400 hover:text-zinc-200 hover:bg-zinc-800"
+              }`}
+            >
+              {p.icon}
+              {p.label}
+            </button>
+          ))}
+        </div>
+
+        {/* Download card */}
+        {current && (
+          <div className="rounded-xl border border-zinc-800 bg-zinc-900/30 p-8 mb-8">
+            <div className="text-center space-y-6">
+              {/* Main download button */}
+              <a
+                href={getDownloadUrl(current.key)}
+                className="inline-flex items-center justify-center w-full rounded-lg bg-zinc-100 px-8 py-4 text-lg font-semibold text-zinc-900 hover:bg-white transition-colors"
+              >
+                {getInstallerLabel(current.key)} ↓
+              </a>
+
+              {/* Security warning */}
+              <div className="rounded-lg border border-amber-900/30 bg-amber-950/20 p-4 text-left">
+                <p className="text-xs text-amber-300 font-medium mb-2">Security Notice</p>
+                {current.key === "windows" && (
+                  <p className="text-xs text-amber-200/80 leading-relaxed">
+                    Knotpad is digitally signed by <strong>Nexstrive Services</strong>. Windows SmartScreen may display a security prompt. 
+                    Verify the publisher name and proceed with installation.
+                  </p>
+                )}
+                {current.key === "macos" && (
+                  <p className="text-xs text-amber-200/80 leading-relaxed">
+                    macOS Gatekeeper may display a security prompt for unsigned applications. 
+                    Right-click the application and select "Open" to proceed. 
+                    Alternatively, use <code className="font-mono text-amber-300">npx @knotpad/app</code> for immediate access.
+                  </p>
+                )}
+              </div>
+
+              {/* npx alternative */}
+              <div className="rounded-lg border border-zinc-800 bg-zinc-950 p-4">
+                <p className="text-xs text-zinc-500 mb-2">Alternative: Run without installation</p>
+                <div className="flex items-center justify-center gap-2">
+                  <code className="text-sm font-mono text-zinc-300">npx @knotpad/app</code>
+                </div>
+                <p className="text-xs text-zinc-600 mt-2">
+                  Requires Node.js. Runs in your browser with no security warnings.
+                </p>
+              </div>
+            </div>
+          </div>
+        )}
+
+
+        {/* Footer note */}
+        <div className="mt-12 text-center">
+          <p className="text-xs text-zinc-700">
+            Knotpad is developed by Nexstrive Services. Building privacy-first tools for modern development teams.
+          </p>
+        </div>
+      </main>
+    </div>
+  );
+}

package/app/generated/prisma/client.d.ts

@@ -0,0 +1 @@
+export * from "./index"

package/app/generated/prisma/client.js

@@ -0,0 +1,5 @@
+
+/* !!! This is code generated by Prisma. Do not edit directly. !!!
+/* eslint-disable */
+// biome-ignore-all lint: generated file
+module.exports = { ...require('.') }

package/app/generated/prisma/default.d.ts

@@ -0,0 +1 @@
+export * from "./index"

package/app/generated/prisma/default.js

@@ -0,0 +1,5 @@
+
+/* !!! This is code generated by Prisma. Do not edit directly. !!!
+/* eslint-disable */
+// biome-ignore-all lint: generated file
+module.exports = { ...require('#main-entry-point') }

package/app/generated/prisma/edge.d.ts

@@ -0,0 +1 @@
+export * from "./default"