@tomako/tools-runtime 0.1.0

package/src/features/tools/reddit-pain-point-finder/widget/result-shell.tsx

@@ -0,0 +1,203 @@
+"use client";
+import { Button } from "@tomako/ui/button";
+import { useTranslations } from "../../../../i18n/client";
+import {
+    type RedditPainPointFinderResult
+} from "../../../../lib/tools/reddit-pain-point-finder-schema";
+import { Copy, RefreshCw } from "lucide-react";
+import { useState } from "react";
+
+export function PainPointReport({
+  data,
+  taskId,
+  t,
+  onReset,
+}: {
+  data: RedditPainPointFinderResult;
+  taskId: string;
+  t: ReturnType<typeof useTranslations>;
+  onReset: () => void;
+}) {
+  const [copied, setCopied] = useState(false);
+
+  async function copyReport() {
+    const lines = [
+      data.directionTitle,
+      data.summary,
+      "",
+      ...data.topComplaints.map(
+        (item, index) =>
+          `${index + 1}. ${item.theme}: ${item.plainLanguageComplaint}\n${t("report.frequency")}: ${t(`signals.${item.frequency}`)} · ${t("report.paidIntent")}: ${t(`payment.${item.paidIntent}`)}\n${t("report.smallFeature")}: ${item.smallFeature}\n${t("report.landingAngle")}: ${item.landingPageAngle}`,
+      ),
+      "",
+      data.boundaryNote,
+    ];
+    await navigator.clipboard.writeText(lines.join("\n"));
+    setCopied(true);
+    window.setTimeout(() => setCopied(false), 1600);
+  }
+
+  return (
+    <div className="rounded-[1.5rem] border border-[#E2E6EC] bg-white p-5 shadow-[0_14px_38px_rgba(17,17,17,0.05)] md:p-6">
+      <div className="flex flex-col justify-between gap-4 md:flex-row md:items-start">
+        <div>
+          <p className="text-xs font-semibold uppercase tracking-[0.08em] text-[#55708A]">
+            {t("report.kicker")}
+          </p>
+          <h3 className="mt-2 text-2xl font-semibold leading-tight text-[#111111]">
+            {data.directionTitle}
+          </h3>
+          <p className="mt-3 max-w-3xl text-sm leading-6 text-[#555555]">{data.summary}</p>
+        </div>
+        <div className="flex gap-2">
+          <Button variant="secondary" onClick={() => void copyReport()}>
+            <Copy className="size-4" aria-hidden />
+            {copied ? t("copied") : t("copy")}
+          </Button>
+          <Button variant="secondary" onClick={onReset}>
+            <RefreshCw className="size-4" aria-hidden />
+            {t("analyzeAnother")}
+          </Button>
+        </div>
+      </div>
+
+      <div className="mt-6 grid gap-3 md:grid-cols-3">
+        <Metric label={t("report.confidence")} value={t(`confidence.${data.confidence}`)} />
+        <Metric label={t("report.taskId")} value={taskId} />
+        <Metric label={t("report.queries")} value={String(data.searchQueries.length)} />
+      </div>
+
+      <ReportSection title={t("sections.communities")}>
+        <div className="grid gap-3 md:grid-cols-2">
+          {data.relevantCommunities.map((community) => (
+            <article key={`${community.platform}-${community.name}`} className="rounded-2xl border border-[#E7E2DA] bg-[#FBFAF7] p-4">
+              <p className="text-sm font-semibold text-[#111111]">
+                {community.platform} · {community.name}
+              </p>
+              <p className="mt-2 text-sm leading-6 text-[#555555]">{community.whyRelevant}</p>
+              {community.searchQuery ? (
+                <p className="mt-3 rounded-xl bg-white px-3 py-2 text-xs font-medium text-[#666666]">
+                  {community.searchQuery}
+                </p>
+              ) : null}
+            </article>
+          ))}
+        </div>
+      </ReportSection>
+
+      <ReportSection title={t("sections.complaints")}>
+        <div className="space-y-4">
+          {data.topComplaints.map((complaint) => (
+            <article key={complaint.theme} className="rounded-[1.25rem] border border-[#E7E2DA] p-5">
+              <div className="flex flex-col justify-between gap-3 md:flex-row md:items-start">
+                <div>
+                  <h4 className="text-lg font-semibold text-[#111111]">{complaint.theme}</h4>
+                  <p className="mt-2 text-sm leading-6 text-[#555555]">
+                    {complaint.plainLanguageComplaint}
+                  </p>
+                </div>
+                <div className="flex flex-wrap gap-2">
+                  <SignalBadge label={t("report.frequency")} value={t(`signals.${complaint.frequency}`)} />
+                  <SignalBadge label={t("report.paidIntent")} value={t(`payment.${complaint.paidIntent}`)} />
+                </div>
+              </div>
+              {complaint.userQuotes.length ? (
+                <div className="mt-4 space-y-2">
+                  {complaint.userQuotes.slice(0, 3).map((quote) => (
+                    <blockquote key={quote} className="border-l-2 border-[#D85435] pl-3 text-sm leading-6 text-[#333333]">
+                      {quote}
+                    </blockquote>
+                  ))}
+                </div>
+              ) : null}
+              <div className="mt-4 grid gap-3 md:grid-cols-3">
+                <MiniBlock title={t("report.whyItHurts")} body={complaint.whyItHurts} />
+                <MiniBlock title={t("report.smallFeature")} body={complaint.smallFeature} />
+                <MiniBlock title={t("report.landingAngle")} body={complaint.landingPageAngle} />
+              </div>
+            </article>
+          ))}
+        </div>
+      </ReportSection>
+
+      <ReportSection title={t("sections.wedges")}>
+        <div className="grid gap-4 md:grid-cols-2">
+          {data.opportunityWedges.map((wedge) => (
+            <article key={wedge.title} className="rounded-[1.25rem] bg-[#F3F7EA] p-5">
+              <h4 className="text-base font-semibold text-[#111111]">{wedge.title}</h4>
+              <p className="mt-2 text-sm leading-6 text-[#555555]">{wedge.promise}</p>
+              <p className="mt-3 text-sm font-semibold text-[#2F4C24]">{wedge.landingPageHero}</p>
+            </article>
+          ))}
+        </div>
+      </ReportSection>
+
+      <ReportSection title={t("sections.next")}>
+        <div className="grid gap-4 md:grid-cols-2">
+          <ListBlock title={t("report.avoidBuilding")} items={data.avoidBuilding} />
+          <ListBlock title={t("report.nextSteps")} items={data.nextResearchSteps} />
+        </div>
+      </ReportSection>
+
+      <p className="mt-6 rounded-2xl bg-[#F7F6F2] p-4 text-xs leading-5 text-[#666666]">
+        {data.boundaryNote || t("boundaryFallback")}
+      </p>
+    </div>
+  );
+}
+
+export function ReportSection({
+  title,
+  children,
+}: {
+  title: string;
+  children: React.ReactNode;
+}) {
+  return (
+    <section className="mt-8 border-t border-[#E8E4DB] pt-6">
+      <h3 className="text-xl font-semibold text-[#111111]">{title}</h3>
+      <div className="mt-4">{children}</div>
+    </section>
+  );
+}
+
+export function Metric({ label, value }: { label: string; value: string }) {
+  return (
+    <div className="rounded-2xl bg-[#F7F6F2] p-4">
+      <p className="text-xs font-semibold uppercase tracking-[0.08em] text-[#777777]">{label}</p>
+      <p className="mt-2 break-words text-sm font-semibold text-[#111111]">{value}</p>
+    </div>
+  );
+}
+
+export function SignalBadge({ label, value }: { label: string; value: string }) {
+  return (
+    <span className="rounded-full bg-[#FFF1E8] px-3 py-1 text-xs font-semibold text-[#9A3412]">
+      {label}: {value}
+    </span>
+  );
+}
+
+export function MiniBlock({ title, body }: { title: string; body: string }) {
+  return (
+    <div className="rounded-2xl bg-[#FBFAF7] p-4">
+      <p className="text-xs font-semibold uppercase tracking-[0.08em] text-[#777777]">{title}</p>
+      <p className="mt-2 text-sm leading-6 text-[#333333]">{body}</p>
+    </div>
+  );
+}
+
+export function ListBlock({ title, items }: { title: string; items: string[] }) {
+  return (
+    <div className="rounded-[1.25rem] border border-[#E7E2DA] p-5">
+      <p className="text-sm font-semibold text-[#111111]">{title}</p>
+      <ul className="mt-3 space-y-2 text-sm leading-6 text-[#555555]">
+        {items.length ? (
+          items.map((item) => <li key={item}>{item}</li>)
+        ) : (
+          <li className="text-[#777777]">-</li>
+        )}
+      </ul>
+    </div>
+  );
+}

package/src/features/tools/reddit-pain-point-finder/widget/types.ts

@@ -0,0 +1,15 @@
+import type { RedditPainPointFinderResult } from "../../../../lib/tools/reddit-pain-point-finder-schema";
+
+export type ErrorCategory = "submit" | "task" | "timeout" | "schema" | "invalid";
+export type SourceMix = "all" | "reddit" | "x" | "hacker_news" | "reddit_hn";
+export type WidgetState =
+  | { phase: "idle" }
+  | { phase: "submitting" }
+  | { phase: "running"; status: string }
+  | { phase: "done"; data: RedditPainPointFinderResult; taskId: string }
+  | { phase: "error"; category: ErrorCategory };
+
+export type ProgressItem = {
+  id: string;
+  text: string;
+};

package/src/features/tools/registry.ts

@@ -0,0 +1,288 @@
+import { withResolvedLocales } from "../../lib/tools/resolve-tool-locale-copy";
+import { AppIconResizerContainer } from "./app-icon-resizer/app-icon-resizer.container";
+import { appIconResizerSpec } from "./app-icon-resizer/app-icon-resizer.spec";
+import { AppStoreScreenshotGeneratorContainer } from "./app-store-screenshot-generator/app-store-screenshot-generator.container";
+import { appStoreScreenshotGeneratorSpec } from "./app-store-screenshot-generator/app-store-screenshot-generator.spec";
+import { BuildInPublicStoryGeneratorContainer } from "./build-in-public-story-generator/build-in-public-story-generator.container";
+import { buildInPublicStoryGeneratorSpec } from "./build-in-public-story-generator/build-in-public-story-generator.spec";
+import { ColdStartChannelSelectorContainer } from "./cold-start-channel-selector/cold-start-channel-selector.container";
+import { coldStartChannelSelectorSpec } from "./cold-start-channel-selector/cold-start-channel-selector.spec";
+import { CommercialBpGeneratorContainer } from "./commercial-bp-generator/commercial-bp-generator.container";
+import { commercialBpGeneratorSpec } from "./commercial-bp-generator/commercial-bp-generator.spec";
+import { CommunityFeedbackInboxContainer } from "./community-feedback-inbox/community-feedback-inbox.container";
+import { communityFeedbackInboxSpec } from "./community-feedback-inbox/community-feedback-inbox.spec";
+import { CommunityPainPointExtractorContainer } from "./community-pain-point-extractor/community-pain-point-extractor.container";
+import { communityPainPointExtractorSpec } from "./community-pain-point-extractor/community-pain-point-extractor.spec";
+import { communityPostRiskCheckerPackage } from "./community-post-risk-checker/community-post-risk-checker.package";
+import { CompetitorAnalysisContainer } from "./competitor-analysis/competitor-analysis.container";
+import { competitorAnalysisSpec } from "./competitor-analysis/competitor-analysis.spec";
+import { disclaimerGeneratorPackage } from "./disclaimer-generator/disclaimer-generator.package";
+import { EmailTemplateGeneratorContainer } from "./email-template-generator/email-template-generator.container";
+import { emailTemplateGeneratorSpec } from "./email-template-generator/email-template-generator.spec";
+import { GtmReadinessChecklistContainer } from "./gtm-readiness-checklist/gtm-readiness-checklist.container";
+import { gtmReadinessChecklistSpec } from "./gtm-readiness-checklist/gtm-readiness-checklist.spec";
+import { KokoCodexAssistantContainer } from "./koko-codex-assistant/koko-codex-assistant.container";
+import { kokoCodexAssistantSpec } from "./koko-codex-assistant/koko-codex-assistant.spec";
+import { LogoGeneratorContainer } from "./logo-generator/logo-generator.container";
+import { logoGeneratorSpec } from "./logo-generator/logo-generator.spec";
+import { MarketForecastReportContainer } from "./market-forecast-report/market-forecast-report.container";
+import { marketForecastReportSpec } from "./market-forecast-report/market-forecast-report.spec";
+import { MillionUserGrowthTestContainer } from "./million-user-growth-test/million-user-growth-test.container";
+import { millionUserGrowthTestSpec } from "./million-user-growth-test/million-user-growth-test.spec";
+import { OgImageGeneratorContainer } from "./og-image-generator/og-image-generator.container";
+import { ogImageGeneratorSpec } from "./og-image-generator/og-image-generator.spec";
+import { createPackageToolModule } from "./package/to-tool-module";
+import { PitchDeckGeneratorContainer } from "./pitch-deck-generator/pitch-deck-generator.container";
+import { pitchDeckGeneratorSpec } from "./pitch-deck-generator/pitch-deck-generator.spec";
+import { ProductAgreementGeneratorContainer } from "./product-agreement-generator/product-agreement-generator.container";
+import { productAgreementGeneratorSpec } from "./product-agreement-generator/product-agreement-generator.spec";
+import { ProductHuntLaunchPlannerContainer } from "./product-hunt-launch-planner/product-hunt-launch-planner.container";
+import { productHuntLaunchPlannerSpec } from "./product-hunt-launch-planner/product-hunt-launch-planner.spec";
+import { ProductNameGeneratorContainer } from "./product-name-generator/product-name-generator.container";
+import { productNameGeneratorSpec } from "./product-name-generator/product-name-generator.spec";
+import { ProductPosterGeneratorContainer } from "./product-poster-generator/product-poster-generator.container";
+import { productPosterGeneratorSpec } from "./product-poster-generator/product-poster-generator.spec";
+import { ProductUiGeneratorContainer } from "./product-ui-generator/product-ui-generator.container";
+import { productUiGeneratorSpec } from "./product-ui-generator/product-ui-generator.spec";
+import { RedditPainPointFinderContainer } from "./reddit-pain-point-finder/reddit-pain-point-finder.container";
+import { redditPainPointFinderSpec } from "./reddit-pain-point-finder/reddit-pain-point-finder.spec";
+import { sloganGeneratorPackage } from "./slogan-generator/slogan-generator.package";
+import { SocialListeningResearchReportContainer } from "./social-listening-research-report/social-listening-research-report.container";
+import { socialListeningResearchReportSpec } from "./social-listening-research-report/social-listening-research-report.spec";
+import { SocialPlatformAssetAdapterContainer } from "./social-platform-asset-adapter/social-platform-asset-adapter.container";
+import { socialPlatformAssetAdapterSpec } from "./social-platform-asset-adapter/social-platform-asset-adapter.spec";
+import { SocialProfileKitContainer } from "./social-profile-kit/social-profile-kit.container";
+import { socialProfileKitSpec } from "./social-profile-kit/social-profile-kit.spec";
+import { StartupIdeaResearchContainer } from "./startup-idea-research/startup-idea-research.container";
+import { startupIdeaResearchSpec } from "./startup-idea-research/startup-idea-research.spec";
+import { TarotReadingContainer } from "./tarot-reading/tarot-reading.container";
+import { tarotReadingSpec } from "./tarot-reading/tarot-reading.spec";
+import { TwitterGifDownloaderContainer } from "./twitter-gif-downloader/twitter-gif-downloader.container";
+import { twitterGifDownloaderSpec } from "./twitter-gif-downloader/twitter-gif-downloader.spec";
+import { investorMatchingPlannerPackage } from "./investor-matching-planner/investor-matching-planner.package";
+import { productPositioningAnalyzerPackage } from "./product-positioning-analyzer/product-positioning-analyzer.package";
+import { userInterviewGuideGeneratorPackage } from "./user-interview-guide-generator/user-interview-guide-generator.package";
+import { UserInterviewInsightReportGeneratorContainer } from "./user-interview-insight-report-generator/user-interview-insight-report-generator.container";
+import { userInterviewInsightReportGeneratorSpec } from "./user-interview-insight-report-generator/user-interview-insight-report-generator.spec";
+import { UserInterviewRecordGeneratorContainer } from "./user-interview-record-generator/user-interview-record-generator.container";
+import { userInterviewRecordGeneratorSpec } from "./user-interview-record-generator/user-interview-record-generator.spec";
+import { utmBuilderPackage } from "./utm-builder/utm-builder.package";
+
+import type { ToolModule, ToolSpec } from "./types";
+
+export const toolRegistry: ToolModule[] = [
+  {
+    spec: appIconResizerSpec,
+    Container: AppIconResizerContainer,
+  },
+  {
+    spec: gtmReadinessChecklistSpec,
+    Container: GtmReadinessChecklistContainer,
+  },
+  {
+    spec: productNameGeneratorSpec,
+    Container: ProductNameGeneratorContainer,
+  },
+  {
+    spec: productPosterGeneratorSpec,
+    Container: ProductPosterGeneratorContainer,
+  },
+  {
+    spec: millionUserGrowthTestSpec,
+    Container: MillionUserGrowthTestContainer,
+  },
+  {
+    spec: marketForecastReportSpec,
+    Container: MarketForecastReportContainer,
+  },
+  {
+    spec: productUiGeneratorSpec,
+    Container: ProductUiGeneratorContainer,
+  },
+  {
+    spec: appStoreScreenshotGeneratorSpec,
+    Container: AppStoreScreenshotGeneratorContainer,
+  },
+  {
+    spec: buildInPublicStoryGeneratorSpec,
+    Container: BuildInPublicStoryGeneratorContainer,
+  },
+  {
+    spec: ogImageGeneratorSpec,
+    Container: OgImageGeneratorContainer,
+  },
+  {
+    spec: coldStartChannelSelectorSpec,
+    Container: ColdStartChannelSelectorContainer,
+  },
+  {
+    spec: tarotReadingSpec,
+    Container: TarotReadingContainer,
+  },
+  {
+    spec: productAgreementGeneratorSpec,
+    Container: ProductAgreementGeneratorContainer,
+  },
+  {
+    spec: productHuntLaunchPlannerSpec,
+    Container: ProductHuntLaunchPlannerContainer,
+  },
+  {
+    spec: emailTemplateGeneratorSpec,
+    Container: EmailTemplateGeneratorContainer,
+  },
+  {
+    spec: commercialBpGeneratorSpec,
+    Container: CommercialBpGeneratorContainer,
+  },
+  {
+    spec: pitchDeckGeneratorSpec,
+    Container: PitchDeckGeneratorContainer,
+  },
+  {
+    spec: competitorAnalysisSpec,
+    Container: CompetitorAnalysisContainer,
+  },
+  {
+    spec: communityFeedbackInboxSpec,
+    Container: CommunityFeedbackInboxContainer,
+  },
+  {
+    spec: startupIdeaResearchSpec,
+    Container: StartupIdeaResearchContainer,
+  },
+  {
+    spec: communityPainPointExtractorSpec,
+    Container: CommunityPainPointExtractorContainer,
+  },
+  {
+    spec: redditPainPointFinderSpec,
+    Container: RedditPainPointFinderContainer,
+  },
+  {
+    spec: socialListeningResearchReportSpec,
+    Container: SocialListeningResearchReportContainer,
+  },
+  {
+    spec: twitterGifDownloaderSpec,
+    Container: TwitterGifDownloaderContainer,
+  },
+  {
+    spec: kokoCodexAssistantSpec,
+    Container: KokoCodexAssistantContainer,
+  },
+  {
+    spec: logoGeneratorSpec,
+    Container: LogoGeneratorContainer,
+  },
+  {
+    spec: socialProfileKitSpec,
+    Container: SocialProfileKitContainer,
+  },
+  {
+    spec: socialPlatformAssetAdapterSpec,
+    Container: SocialPlatformAssetAdapterContainer,
+  },
+  createPackageToolModule(userInterviewGuideGeneratorPackage),
+  createPackageToolModule(utmBuilderPackage),
+  createPackageToolModule(sloganGeneratorPackage),
+  // L1 package wave: 见 docs/architecture/l1-package-migration.md + pnpm tools:l1-migration-queue
+  createPackageToolModule(investorMatchingPlannerPackage),
+  createPackageToolModule(disclaimerGeneratorPackage),
+  createPackageToolModule(productPositioningAnalyzerPackage),
+  createPackageToolModule(communityPostRiskCheckerPackage),
+  // tool-factory:module-entries (pnpm tool:new 在此锚点上方插入)
+  {
+    spec: userInterviewRecordGeneratorSpec,
+    Container: UserInterviewRecordGeneratorContainer,
+  },
+  {
+    spec: userInterviewInsightReportGeneratorSpec,
+    Container: UserInterviewInsightReportGeneratorContainer,
+  },
+];
+
+const toolSlugAliases: Record<string, string> = {
+  "ai-product-poster-generator": "product-poster-generator",
+  "app-name-generator": "product-name-generator",
+  "app-store-icon-resizer": "app-icon-resizer",
+  "app-icon-slicer": "app-icon-resizer",
+  "brand-name-finder": "product-name-generator",
+  "build-in-public-feedback-organizer": "community-feedback-inbox",
+  "build-in-public-generator": "build-in-public-story-generator",
+  "build-in-public-post-generator": "build-in-public-story-generator",
+  "build-in-public-twitter-generator": "build-in-public-story-generator",
+  "blog-featured-image-generator": "og-image-generator",
+  "business-bp-generator": "commercial-bp-generator",
+  "business-plan-generator": "commercial-bp-generator",
+  "business-plan-image-generator": "commercial-bp-generator",
+  "community-post-checker": "community-post-risk-checker",
+  "arr-forecast-calculator": "market-forecast-report",
+  "investor-pitch-deck-generator": "pitch-deck-generator",
+  "market-size-forecast": "market-forecast-report",
+  "startup-market-forecast": "market-forecast-report",
+  "tam-sam-som-calculator": "market-forecast-report",
+  "fundraising-deck-generator": "pitch-deck-generator",
+  "startup-pitch-deck-generator": "pitch-deck-generator",
+  "google-play-icon-resizer": "app-icon-resizer",
+  "html-email-generator": "email-template-generator",
+  "mjml-email-template-generator": "email-template-generator",
+  "legal-policy-generator": "product-agreement-generator",
+  "million-user-test": "million-user-growth-test",
+  "one-million-user-test": "million-user-growth-test",
+  "open-graph-image-generator": "og-image-generator",
+  "product-growth-test": "million-user-growth-test",
+  "product-promo-poster-generator": "product-poster-generator",
+  "ai-app-interface-generator": "product-ui-generator",
+  "ai-product-interface-generator": "product-ui-generator",
+  "ai-product-ui-generator": "product-ui-generator",
+  "product-naming-generator": "product-name-generator",
+  "ui-prompt-generator": "product-ui-generator",
+  "reddit-product-feedback-analyzer": "community-feedback-inbox",
+  "reddit-post-review-tool": "community-post-risk-checker",
+  "reddit-self-promotion-checker": "community-post-risk-checker",
+  "reddit-user-research-tool": "reddit-pain-point-finder",
+  "reddit-analysis-tool": "social-listening-research-report",
+  "reddit-market-research-tool": "social-listening-research-report",
+  "saas-name-generator": "product-name-generator",
+  "saas-reddit-post-checker": "community-post-risk-checker",
+  "saas-poster-generator": "product-poster-generator",
+  "startup-idea-validation-reddit": "reddit-pain-point-finder",
+  "social-media-asset-adapter": "social-platform-asset-adapter",
+  "social-media-content-adapter": "social-platform-asset-adapter",
+  "social-profile-kit": "social-media-profile-generator",
+  "twitter-header-image-generator": "og-image-generator",
+  "x-header-image-generator": "og-image-generator",
+  "social-media-research-tool": "social-listening-research-report",
+  "social-listening-report": "social-listening-research-report",
+  "twitter-research-tool": "social-listening-research-report",
+  "x-analysis-tool": "social-listening-research-report",
+};
+
+export function resolveToolSlug(slug: string): string {
+  return toolSlugAliases[slug] ?? slug;
+}
+
+export function getToolModule(slug: string): ToolModule | undefined {
+  const resolvedSlug = resolveToolSlug(slug);
+  return toolRegistry.find((entry) => entry.spec.slug === resolvedSlug);
+}
+
+export function listToolModules(): ToolModule[] {
+  return toolRegistry;
+}
+
+export function getToolSpec(slug: string): ToolSpec | undefined {
+  return getToolModule(slug)?.spec;
+}
+
+/** Serializable spec slice for MCP generate script */
+export function listToolSpecsForMcp(): Array<{
+  slug: string;
+  spec: ToolSpec;
+}> {
+  return toolRegistry.map(({ spec }) => ({
+    slug: spec.slug,
+    spec: withResolvedLocales(spec),
+  }));
+}