@idosgames/mcp 0.1.37 → 0.1.38

package/registry/modules/ai.json

@@ -27,19 +27,19 @@
       "name": "iDos Games",
       "url": "https://idosgames.com"
     },
-    "version": "0.1.2"
+    "version": "0.1.3"
   },
   "dependencies": {
-    "@idosgames/core": "0.22.1",
-    "@idosgames/module-sdk": "0.12.0",
-    "@idosgames/react": "0.5.2",
+    "@idosgames/core": "0.23.0",
+    "@idosgames/module-sdk": "0.13.0",
+    "@idosgames/react": "0.6.0",
     "react": "19.2.7"
   },
-  "contentHash": "5f9b6c26d6c6fe550184e636ca1c1f5f1fc426cd54c01277235e93df9a0015c5",
+  "contentHash": "8a8b10cdef84bd966f04352c7956d3e6d60f31d7412cec50b4e31aa09c23b33e",
   "files": [
     {
       "path": "AiScreen.tsx",
-      "content": "import { useEffect, useRef, useState, type ReactNode } from \"react\";\nimport type { AIGenerationView, IDosGamesClient } from \"@idosgames/core\";\nimport type { FeatureScreenProps } from \"@idosgames/module-sdk\";\nimport { useIDosGamesClient, useUserState } from \"@idosgames/react\";\nimport {\n  Button,\n  canAfford,\n  Card,\n  Center,\n  configSection,\n  EmptyState,\n  errorText,\n  Icon,\n  outlined,\n  panel,\n  ResourceList,\n  Spinner,\n  Tabs,\n  TextArea,\n  useCatalog,\n  useStagger,\n  useToast,\n  v,\n} from \"@idosgames/react/ui\";\nimport {\n  featureRows,\n  resultKind,\n  type AISection,\n  type FeatureRow,\n  type Modality,\n} from \"./model\";\nimport { t } from \"./i18n\";\n\n// AI studio (engine AI): the AI features the publisher opened to players — text, pictures, speech,\n// music, video, 3D. The player writes what they want, pays the feature's price (or nothing), and the\n// result comes back from a job the server runs (polled with waitForGeneration). A feature tagged\n// \"hidden\" is for the game's own code (NPC lines and the like) and does not show here.\n\ntype Tab = \"create\" | \"history\";\n\nexport function AiScreen(_: FeatureScreenProps): ReactNode {\n  const client = useIDosGamesClient();\n  const catalog = useCatalog();\n  const [tab, setTab] = useState<Tab>(\"create\");\n  const [picked, setPicked] = useState<string | null>(null);\n  const features = featureRows(configSection<AISection>(client, \"AI\"));\n  if (features.length === 0)\n    return <EmptyState glyph=\"bulb\" text={t(\"noFeatures\")} />;\n  const current = features.find((f) => f.key === picked) ?? features[0]!;\n  return (\n    <div style={{ display: \"grid\", gap: 12 }}>\n      <Tabs\n        tabs={[\n          { id: \"create\", label: t(\"create\") },\n          { id: \"history\", label: t(\"history\") },\n        ]}\n        value={tab}\n        onChange={setTab}\n      />\n      {tab === \"create\" ? (\n        <>\n          {features.length > 1 ? (\n            <div style={{ display: \"flex\", gap: 6, flexWrap: \"wrap\" }}>\n              {features.map((f) => (\n                <Button\n                  key={f.key}\n                  size=\"sm\"\n                  tone={f.key === current.key ? \"gold\" : \"grey\"}\n                  onClick={() => setPicked(f.key)}\n                >\n                  {catalog.localize(f.key)} · {t(`m_${f.modality}`)}\n                </Button>\n              ))}\n            </div>\n          ) : null}\n          <Create key={current.key} feature={current} />\n        </>\n      ) : (\n        <History />\n      )}\n    </div>\n  );\n}\n\n/** Starts a job for a feature by its modality and waits for the result. */\nfunction run(\n  client: IDosGamesClient,\n  feature: FeatureRow,\n  prompt: string,\n  optionID: string | undefined,\n): Promise<\n  { ok: true; data: AIGenerationView } | { ok: false; error: string }\n> {\n  const options = {\n    selectedOptionID: optionID,\n    relatedEntityID: crypto.randomUUID(),\n  };\n  const byModality: Record<\n    Modality,\n    () => ReturnType<IDosGamesClient[\"ai\"][\"generateText\"]>\n  > = {\n    Text: () =>\n      client.ai.generateText(feature.key, { Prompt: prompt }, options),\n    Image: () =>\n      client.ai.generateImage(feature.key, { Prompt: prompt }, options),\n    Audio: () =>\n      client.ai.generateAudio(feature.key, { Text: prompt }, options),\n    Music: () =>\n      client.ai.generateMusic(feature.key, { Prompt: prompt }, options),\n    Video: () =>\n      client.ai.generateVideo(feature.key, { Prompt: prompt }, options),\n    ThreeD: () =>\n      client.ai.generateThreeD(feature.key, { Prompt: prompt }, options),\n  };\n  return byModality[feature.modality]().then((started) =>\n    started.ok\n      ? client.ai.waitForGeneration(started.data, { timeoutMs: 10 * 60_000 })\n      : started,\n  );\n}\n\nfunction Create({ feature }: { feature: FeatureRow }): ReactNode {\n  const client = useIDosGamesClient();\n  const state = useUserState();\n  const toast = useToast();\n  const [prompt, setPrompt] = useState(\"\");\n  const [busy, setBusy] = useState(false);\n  const [result, setResult] = useState<AIGenerationView | null>(null);\n  const alive = useRef(true);\n  useEffect(\n    () => () => {\n      alive.current = false;\n    },\n    [],\n  );\n  const balances = state?.InventoryV2?.VirtualCurrencies as\n    Record<string, { Amount?: number }> | undefined;\n  const option =\n    feature.options.find((o) => canAfford(o.price, balances)) ??\n    feature.options[0];\n  const affordable = !option || canAfford(option.price, balances);\n\n  const go = async () => {\n    setBusy(true);\n    setResult(null);\n    const res = await run(client, feature, prompt.trim(), option?.id);\n    if (!alive.current) return;\n    setBusy(false);\n    if (!res.ok) return toast(errorText(res.error), \"error\");\n    if (res.data.Status !== \"completed\")\n      return toast(res.data.Error?.Message || t(\"failed\"), \"error\");\n    setResult(res.data);\n  };\n\n  return (\n    <div style={{ display: \"grid\", gap: 10 }}>\n      <TextArea\n        value={prompt}\n        maxLength={feature.maxChars > 0 ? feature.maxChars : undefined}\n        placeholder={\n          feature.modality === \"Audio\" ? t(\"sayWhat\") : t(\"describe\")\n        }\n        onChange={(e) => setPrompt(e.target.value)}\n        rows={4}\n        style={{ padding: 12, width: \"100%\" }}\n      />\n      <Button\n        tone=\"gold\"\n        size=\"lg\"\n        attract={!!prompt.trim() && affordable}\n        disabled={!prompt.trim() || !affordable}\n        busy={busy}\n        onClick={() => void go()}\n        data-tutorial-anchor={`ai:${feature.key}`}\n      >\n        {busy ? t(\"working\") : t(\"generate\")}{\" \"}\n        {option ? <ResourceList lines={option.price} size={18} /> : null}\n      </Button>\n      {busy ? (\n        <Center>\n          <Spinner />\n        </Center>\n      ) : null}\n      {result ? <Result generation={result} /> : null}\n    </div>\n  );\n}\n\nfunction Result({ generation }: { generation: AIGenerationView }): ReactNode {\n  return (\n    <div style={{ ...panel, padding: 12, display: \"grid\", gap: 10 }}>\n      {generation.OutputText ? (\n        <div style={{ color: v.text, fontSize: 15, whiteSpace: \"pre-wrap\" }}>\n          {generation.OutputText}\n        </div>\n      ) : null}\n      {(generation.Assets ?? []).map((a, i) => {\n        const kind = resultKind(a.ContentType);\n        const url = a.Url ?? \"\";\n        return kind === \"image\" ? (\n          <img\n            key={i}\n            src={url}\n            alt=\"\"\n            style={{ width: \"100%\", borderRadius: 12 }}\n          />\n        ) : kind === \"audio\" ? (\n          <audio key={i} src={url} controls style={{ width: \"100%\" }} />\n        ) : kind === \"video\" ? (\n          <video\n            key={i}\n            src={url}\n            controls\n            style={{ width: \"100%\", borderRadius: 12 }}\n          />\n        ) : (\n          <a\n            key={i}\n            href={url}\n            target=\"_blank\"\n            rel=\"noreferrer\"\n            style={{ ...outlined, color: v.gold, fontSize: 14 }}\n          >\n            {t(\"download\")}\n          </a>\n        );\n      })}\n    </div>\n  );\n}\n\nfunction History(): ReactNode {\n  const client = useIDosGamesClient();\n  const catalog = useCatalog();\n  const stagger = useStagger();\n  const [items, setItems] = useState<AIGenerationView[] | null>(null);\n  const [open, setOpen] = useState<string | null>(null);\n  useEffect(() => {\n    void client.ai\n      .listGenerations({ Limit: 20 })\n      .then((r) => setItems(r.ok ? (r.data.Data ?? []) : []));\n  }, [client]);\n  if (!items)\n    return (\n      <Center>\n        <Spinner />\n      </Center>\n    );\n  if (items.length === 0)\n    return <EmptyState glyph=\"bulb\" text={t(\"noHistory\")} />;\n  return (\n    <div style={{ display: \"grid\", gap: 8 }}>\n      {items.map((g, i) => (\n        <Card\n          key={g.GenerationID}\n          onClick={() =>\n            setOpen(open === g.GenerationID ? null : g.GenerationID)\n          }\n          style={{ display: \"grid\", gap: 8, ...stagger(i) }}\n        >\n          <div style={{ display: \"flex\", alignItems: \"center\", gap: 10 }}>\n            <Icon glyph=\"bulb\" size={26} />\n            <span style={{ ...outlined, fontSize: 14, flex: 1 }}>\n              {catalog.localize(g.FeatureKey ?? \"\")}\n            </span>\n            <span\n              style={{\n                ...outlined,\n                fontSize: 12,\n                color:\n                  g.Status === \"completed\"\n                    ? v.green\n                    : g.Status === \"failed\"\n                      ? v.textDim\n                      : v.gold,\n              }}\n            >\n              {t(\n                `s_${g.Status === \"completed\" || g.Status === \"failed\" ? g.Status : \"running\"}`,\n              )}\n            </span>\n          </div>\n          {open === g.GenerationID && g.Status === \"completed\" ? (\n            <Result generation={g} />\n          ) : null}\n        </Card>\n      ))}\n    </div>\n  );\n}\n"
+      "content": "import { useEffect, useRef, useState, type ReactNode } from \"react\";\nimport type { AIGenerationView, IDosGamesClient } from \"@idosgames/core\";\nimport type { FeatureScreenProps } from \"@idosgames/module-sdk\";\nimport { useIDosGamesClient, useUserState } from \"@idosgames/react\";\nimport {\n  Columns,\n  Button,\n  canAfford,\n  Card,\n  Center,\n  configSection,\n  EmptyState,\n  errorText,\n  Icon,\n  outlined,\n  panel,\n  ResourceList,\n  Spinner,\n  Tabs,\n  TextArea,\n  useCatalog,\n  useStagger,\n  useToast,\n  v,\n} from \"@idosgames/react/ui\";\nimport {\n  featureRows,\n  resultKind,\n  type AISection,\n  type FeatureRow,\n  type Modality,\n} from \"./model\";\nimport { t } from \"./i18n\";\n\n// AI studio (engine AI): the AI features the publisher opened to players — text, pictures, speech,\n// music, video, 3D. The player writes what they want, pays the feature's price (or nothing), and the\n// result comes back from a job the server runs (polled with waitForGeneration). A feature tagged\n// \"hidden\" is for the game's own code (NPC lines and the like) and does not show here.\n\ntype Tab = \"create\" | \"history\";\n\nexport function AiScreen(_: FeatureScreenProps): ReactNode {\n  const client = useIDosGamesClient();\n  const catalog = useCatalog();\n  const [tab, setTab] = useState<Tab>(\"create\");\n  const [picked, setPicked] = useState<string | null>(null);\n  const features = featureRows(configSection<AISection>(client, \"AI\"));\n  if (features.length === 0)\n    return <EmptyState glyph=\"bulb\" text={t(\"noFeatures\")} />;\n  const current = features.find((f) => f.key === picked) ?? features[0]!;\n  return (\n    <div style={{ display: \"grid\", gap: 12 }}>\n      <Tabs\n        tabs={[\n          { id: \"create\", label: t(\"create\") },\n          { id: \"history\", label: t(\"history\") },\n        ]}\n        value={tab}\n        onChange={setTab}\n      />\n      {tab === \"create\" ? (\n        <>\n          {features.length > 1 ? (\n            <div style={{ display: \"flex\", gap: 6, flexWrap: \"wrap\" }}>\n              {features.map((f) => (\n                <Button\n                  key={f.key}\n                  size=\"sm\"\n                  tone={f.key === current.key ? \"gold\" : \"grey\"}\n                  onClick={() => setPicked(f.key)}\n                >\n                  {catalog.localize(f.key)} · {t(`m_${f.modality}`)}\n                </Button>\n              ))}\n            </div>\n          ) : null}\n          <Create key={current.key} feature={current} />\n        </>\n      ) : (\n        <History />\n      )}\n    </div>\n  );\n}\n\n/** Starts a job for a feature by its modality and waits for the result. */\nfunction run(\n  client: IDosGamesClient,\n  feature: FeatureRow,\n  prompt: string,\n  optionID: string | undefined,\n): Promise<\n  { ok: true; data: AIGenerationView } | { ok: false; error: string }\n> {\n  const options = {\n    selectedOptionID: optionID,\n    relatedEntityID: crypto.randomUUID(),\n  };\n  const byModality: Record<\n    Modality,\n    () => ReturnType<IDosGamesClient[\"ai\"][\"generateText\"]>\n  > = {\n    Text: () =>\n      client.ai.generateText(feature.key, { Prompt: prompt }, options),\n    Image: () =>\n      client.ai.generateImage(feature.key, { Prompt: prompt }, options),\n    Audio: () =>\n      client.ai.generateAudio(feature.key, { Text: prompt }, options),\n    Music: () =>\n      client.ai.generateMusic(feature.key, { Prompt: prompt }, options),\n    Video: () =>\n      client.ai.generateVideo(feature.key, { Prompt: prompt }, options),\n    ThreeD: () =>\n      client.ai.generateThreeD(feature.key, { Prompt: prompt }, options),\n  };\n  return byModality[feature.modality]().then((started) =>\n    started.ok\n      ? client.ai.waitForGeneration(started.data, { timeoutMs: 10 * 60_000 })\n      : started,\n  );\n}\n\nfunction Create({ feature }: { feature: FeatureRow }): ReactNode {\n  const client = useIDosGamesClient();\n  const state = useUserState();\n  const toast = useToast();\n  const [prompt, setPrompt] = useState(\"\");\n  const [busy, setBusy] = useState(false);\n  const [result, setResult] = useState<AIGenerationView | null>(null);\n  const alive = useRef(true);\n  useEffect(\n    () => () => {\n      alive.current = false;\n    },\n    [],\n  );\n  const balances = state?.InventoryV2?.VirtualCurrencies as\n    Record<string, { Amount?: number }> | undefined;\n  const option =\n    feature.options.find((o) => canAfford(o.price, balances)) ??\n    feature.options[0];\n  const affordable = !option || canAfford(option.price, balances);\n\n  const go = async () => {\n    setBusy(true);\n    setResult(null);\n    const res = await run(client, feature, prompt.trim(), option?.id);\n    if (!alive.current) return;\n    setBusy(false);\n    if (!res.ok) return toast(errorText(res.error), \"error\");\n    if (res.data.Status !== \"completed\")\n      return toast(res.data.Error?.Message || t(\"failed\"), \"error\");\n    setResult(res.data);\n  };\n\n  return (\n    <div style={{ display: \"grid\", gap: 10 }}>\n      <TextArea\n        value={prompt}\n        maxLength={feature.maxChars > 0 ? feature.maxChars : undefined}\n        placeholder={\n          feature.modality === \"Audio\" ? t(\"sayWhat\") : t(\"describe\")\n        }\n        onChange={(e) => setPrompt(e.target.value)}\n        rows={4}\n        style={{ padding: 12, width: \"100%\" }}\n      />\n      <Button\n        tone=\"gold\"\n        size=\"lg\"\n        attract={!!prompt.trim() && affordable}\n        disabled={!prompt.trim() || !affordable}\n        busy={busy}\n        onClick={() => void go()}\n        data-tutorial-anchor={`ai:${feature.key}`}\n      >\n        {busy ? t(\"working\") : t(\"generate\")}{\" \"}\n        {option ? <ResourceList lines={option.price} size={18} /> : null}\n      </Button>\n      {busy ? (\n        <Center>\n          <Spinner />\n        </Center>\n      ) : null}\n      {result ? <Result generation={result} /> : null}\n    </div>\n  );\n}\n\nfunction Result({ generation }: { generation: AIGenerationView }): ReactNode {\n  return (\n    <div style={{ ...panel, padding: 12, display: \"grid\", gap: 10 }}>\n      {generation.OutputText ? (\n        <div style={{ color: v.text, fontSize: 15, whiteSpace: \"pre-wrap\" }}>\n          {generation.OutputText}\n        </div>\n      ) : null}\n      {(generation.Assets ?? []).map((a, i) => {\n        const kind = resultKind(a.ContentType);\n        const url = a.Url ?? \"\";\n        return kind === \"image\" ? (\n          <img\n            key={i}\n            src={url}\n            alt=\"\"\n            style={{ width: \"100%\", borderRadius: 12 }}\n          />\n        ) : kind === \"audio\" ? (\n          <audio key={i} src={url} controls style={{ width: \"100%\" }} />\n        ) : kind === \"video\" ? (\n          <video\n            key={i}\n            src={url}\n            controls\n            style={{ width: \"100%\", borderRadius: 12 }}\n          />\n        ) : (\n          <a\n            key={i}\n            href={url}\n            target=\"_blank\"\n            rel=\"noreferrer\"\n            style={{ ...outlined, color: v.gold, fontSize: 14 }}\n          >\n            {t(\"download\")}\n          </a>\n        );\n      })}\n    </div>\n  );\n}\n\nfunction History(): ReactNode {\n  const client = useIDosGamesClient();\n  const catalog = useCatalog();\n  const stagger = useStagger();\n  const [items, setItems] = useState<AIGenerationView[] | null>(null);\n  const [open, setOpen] = useState<string | null>(null);\n  useEffect(() => {\n    void client.ai\n      .listGenerations({ Limit: 20 })\n      .then((r) => setItems(r.ok ? (r.data.Data ?? []) : []));\n  }, [client]);\n  if (!items)\n    return (\n      <Center>\n        <Spinner />\n      </Center>\n    );\n  if (items.length === 0)\n    return <EmptyState glyph=\"bulb\" text={t(\"noHistory\")} />;\n  return (\n    <Columns gap={8} min={320}>\n      {items.map((g, i) => (\n        <Card\n          key={g.GenerationID}\n          onClick={() =>\n            setOpen(open === g.GenerationID ? null : g.GenerationID)\n          }\n          style={{ display: \"grid\", gap: 8, ...stagger(i) }}\n        >\n          <div style={{ display: \"flex\", alignItems: \"center\", gap: 10 }}>\n            <Icon glyph=\"bulb\" size={26} />\n            <span style={{ ...outlined, fontSize: 14, flex: 1 }}>\n              {catalog.localize(g.FeatureKey ?? \"\")}\n            </span>\n            <span\n              style={{\n                ...outlined,\n                fontSize: 12,\n                color:\n                  g.Status === \"completed\"\n                    ? v.green\n                    : g.Status === \"failed\"\n                      ? v.textDim\n                      : v.gold,\n              }}\n            >\n              {t(\n                `s_${g.Status === \"completed\" || g.Status === \"failed\" ? g.Status : \"running\"}`,\n              )}\n            </span>\n          </div>\n          {open === g.GenerationID && g.Status === \"completed\" ? (\n            <Result generation={g} />\n          ) : null}\n        </Card>\n      ))}\n    </Columns>\n  );\n}\n"
     },
     {
       "path": "i18n.ts",
@@ -59,7 +59,7 @@
     },
     {
       "path": "module.meta.json",
-      "content": "{\n  \"id\": \"ai\",\n  \"type\": \"feature\",\n  \"summary\": \"AI studio for any game: the title's AI features for players — text, pictures, voice, music, video and 3D — with the price and the history.\",\n  \"description\": \"A ready AI studio (engine AI, InApp AI) for ANY game, built on the @idosgames/react/ui kit and client.ai. Every AI feature the publisher opened to players (section AI, sanitized by the server: no prompts, no models), grouped by kind — text, picture, voice, music, video, 3D. The player describes what they want, pays the feature's price in in-game resources (or nothing), and the result comes back from a job the server runs (waitForGeneration): text, pictures, a player for sound and video, a download link for 3D. 'My creations' lists the player's generations. A feature tagged 'hidden' is for the game's own code (NPC lines and the like) and is not shown. Registers the 'ai' feature. The money side (publisher credits) is the engine's; see the in-app AI rules.\",\n  \"provides\": [\n    \"AI studio screen\",\n    \"text, image, voice, music, video and 3D generation for players\",\n    \"feature price in in-game resources\",\n    \"history of the player's generations\"\n  ],\n  \"tags\": [\"ai\", \"generation\", \"ugc\", \"creative\", \"ui\", \"screen\"],\n  \"author\": {\n    \"name\": \"iDos Games\",\n    \"url\": \"https://idosgames.com\"\n  },\n  \"version\": \"0.1.2\"\n}\n"
+      "content": "{\n  \"id\": \"ai\",\n  \"type\": \"feature\",\n  \"summary\": \"AI studio for any game: the title's AI features for players — text, pictures, voice, music, video and 3D — with the price and the history.\",\n  \"description\": \"A ready AI studio (engine AI, InApp AI) for ANY game, built on the @idosgames/react/ui kit and client.ai. Every AI feature the publisher opened to players (section AI, sanitized by the server: no prompts, no models), grouped by kind — text, picture, voice, music, video, 3D. The player describes what they want, pays the feature's price in in-game resources (or nothing), and the result comes back from a job the server runs (waitForGeneration): text, pictures, a player for sound and video, a download link for 3D. 'My creations' lists the player's generations. A feature tagged 'hidden' is for the game's own code (NPC lines and the like) and is not shown. Registers the 'ai' feature. The money side (publisher credits) is the engine's; see the in-app AI rules.\",\n  \"provides\": [\n    \"AI studio screen\",\n    \"text, image, voice, music, video and 3D generation for players\",\n    \"feature price in in-game resources\",\n    \"history of the player's generations\"\n  ],\n  \"tags\": [\"ai\", \"generation\", \"ugc\", \"creative\", \"ui\", \"screen\"],\n  \"author\": {\n    \"name\": \"iDos Games\",\n    \"url\": \"https://idosgames.com\"\n  },\n  \"version\": \"0.1.3\"\n}\n"
     }
   ]
 }