@tomako/tools-runtime 0.1.0

package/src/features/tools/product-hunt-launch-planner/product-hunt-launch-planner.spec.ts

@@ -0,0 +1,15 @@
+import type { ToolSpec } from "../types";
+
+export const productHuntLaunchPlannerSpec: ToolSpec = {
+  slug: "product-hunt-launch-planner",
+  toolType: "generator",
+  riskLevel: "medium",
+  seo: {
+    "publishedAt": "2026-06-29",
+    "updatedAt": "2026-06-29",
+    "readingTime": "8 min",
+    "featured": false,
+    "ogImage": "/tools/product-hunt-launch-planner-hero-generated.webp"
+  },
+  widget: {"id":"product-hunt-launch-planner","mode":"custom"},
+};

package/src/features/tools/product-hunt-launch-planner/widget/constants.ts

@@ -0,0 +1,5 @@
+export const placeholderPattern =
+  /^(test|demo|sample|example|asdf|qwer|lorem ipsum|123+|111+|222+|xxx+)$/i;
+
+export const pollDelayMs = 2500;
+export const maxPollAttempts = 80;

package/src/features/tools/product-hunt-launch-planner/widget/helpers.ts

@@ -0,0 +1,44 @@
+import type { ProductHuntLaunchBrief } from "../../../../lib/tools/product-hunt-launch-planner-schema";
+
+import { placeholderPattern } from "./constants";
+
+export function delay(ms: number) {
+  return new Promise((resolve) => window.setTimeout(resolve, ms));
+}
+
+export function defaultBrief(language: ProductHuntLaunchBrief["language"]): ProductHuntLaunchBrief {
+  return {
+    productName: "",
+    productUrl: "",
+    oneLiner: "",
+    audience: "",
+    launchDate: "",
+    stage: "beta",
+    goal: "feedback",
+    accountState: "unsure",
+    communityState: "small",
+    assetState: "some",
+    language,
+  };
+}
+
+export function isWeakText(value: string, minWords: number) {
+  const text = value.trim();
+  if (!text) return true;
+  if (placeholderPattern.test(text)) return true;
+  if (/^\d+$/.test(text)) return true;
+  return text.split(/\s+/).filter(Boolean).length < minWords && text.length < 32;
+}
+
+function isPlaceholderText(value: string) {
+  const text = value.trim();
+  if (!text) return true;
+  if (placeholderPattern.test(text)) return true;
+  return /^\d+$/.test(text);
+}
+
+export function hasMeaningfulText(value: string, minChars = 6) {
+  const text = value.trim();
+  if (isPlaceholderText(text)) return false;
+  return text.length >= minChars;
+}

package/src/features/tools/product-hunt-launch-planner/widget/index.ts

@@ -0,0 +1,7 @@
+"use client";
+
+import dynamic from "next/dynamic";
+
+export const ProductHuntLaunchPlanner = dynamic(() =>
+  import("./product-hunt-launch-planner").then((module) => module.ProductHuntLaunchPlanner),
+);

package/src/features/tools/product-hunt-launch-planner/widget/preview-panel.tsx

@@ -0,0 +1,143 @@
+import {
+    ClipboardList,
+    Flame
+} from "lucide-react";
+
+import { cn } from "@tomako/ui/cn";
+
+import type { PlannerState, StatusLabelKey } from "./types";
+
+export function SectionHeading({
+  title,
+  icon: Icon,
+}: {
+  title: string;
+  icon: typeof ClipboardList;
+}) {
+  return (
+    <div className="mb-4 flex items-center gap-2">
+      <span className="flex size-9 shrink-0 items-center justify-center rounded-full bg-[#FFDED4] text-[#C54022]">
+        <Icon aria-hidden className="size-4" />
+      </span>
+      <h3 className="text-lg font-semibold text-[#111111]">{title}</h3>
+    </div>
+  );
+}
+
+export function StatusBadge({
+  status,
+  labels,
+}: {
+  status: StatusLabelKey;
+  labels: Record<StatusLabelKey, string>;
+}) {
+  return (
+    <span
+      className={cn(
+        "w-fit rounded-full px-2.5 py-1 text-xs font-semibold",
+        status === "ready" && "bg-[#E9FBD8] text-[#406713]",
+        status === "needsWork" && "bg-[#FFF0D8] text-[#8A5A00]",
+        status === "manual" && "bg-[#F1F0EA] text-[#5A564C]",
+      )}
+    >
+      {labels[status]}
+    </span>
+  );
+}
+
+export function PreviewPanel({
+  state,
+  statusText,
+  labels,
+}: {
+  state: PlannerState;
+  statusText: string;
+  labels: readonly string[];
+}) {
+  const hasResult = state.phase === "done";
+  const score = hasResult ? state.plan.summary.readinessScore : 64;
+
+  return (
+    <aside className="grid content-between gap-5 bg-white p-5 md:p-7">
+      <div className="rounded-[1.5rem] border border-[#FFD2C2] bg-[#FFF4EC] p-5">
+        <div className="flex items-center justify-between gap-3">
+          <span className="rounded-full bg-[#FF5A2E] px-3 py-1 text-xs font-semibold text-white">
+            {statusText}
+          </span>
+          <Flame aria-hidden className="size-5 text-[#FF5A2E]" />
+        </div>
+        <div className="mt-7">
+          <div className="flex items-end gap-2">
+            <span className="text-5xl font-semibold leading-none text-[#111111]">
+              {score}
+            </span>
+            <span className="pb-1 text-sm font-semibold text-[#777777]">/100</span>
+          </div>
+          <div className="mt-4 h-2 overflow-hidden rounded-full bg-white">
+            <div
+              className="h-full rounded-full bg-[#FF5A2E] transition-all"
+              style={{ width: `${score}%` }}
+            />
+          </div>
+        </div>
+        <div className="mt-7 grid gap-2">
+          {labels.map((label) => (
+            <div
+              className="rounded-2xl border border-[#FFD2C2] bg-white px-3 py-2 text-sm font-medium text-[#4A403B]"
+              key={label}
+            >
+              {label}
+            </div>
+          ))}
+        </div>
+      </div>
+      <div className="rounded-[1.25rem] border border-[#E1DDD3] bg-[#F8F7F2] p-4">
+        <h3 className="text-base font-semibold text-[#111111]">
+          {hasResult ? state.plan.summary.readinessLabel : labels[0]}
+        </h3>
+        <p className="mt-2 text-sm leading-6 text-[#555555]">
+          {hasResult ? state.plan.summary.primaryRisk : labels[1]}
+        </p>
+      </div>
+    </aside>
+  );
+}
+
+export function PillList({ items }: { items: readonly string[] }) {
+  if (items.length === 0) return null;
+
+  return (
+    <ul className="grid gap-2">
+      {items.map((item) => (
+        <li
+          className="rounded-2xl border border-[#E1DDD3] bg-white px-3 py-2 text-sm leading-6 text-[#3D3D3D]"
+          key={item}
+        >
+          {item}
+        </li>
+      ))}
+    </ul>
+  );
+}
+
+export function ResultBlock({
+  children,
+  title,
+  wide = false,
+}: {
+  children: React.ReactNode;
+  title: string;
+  wide?: boolean;
+}) {
+  return (
+    <article
+      className={cn(
+        "rounded-[1.25rem] border border-[#E1DDD3] bg-[#F8F7F2] p-4",
+        wide && "xl:col-span-2",
+      )}
+    >
+      <h4 className="mb-3 text-base font-semibold text-[#111111]">{title}</h4>
+      {children}
+    </article>
+  );
+}