@plasius/ai 1.1.5 → 1.1.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (119) hide show
  1. package/CHANGELOG.md +25 -2
  2. package/README.md +116 -2
  3. package/dist/components/pixelverse/balance.d.ts +6 -2
  4. package/dist/components/pixelverse/balance.d.ts.map +1 -1
  5. package/dist/components/pixelverse/balance.js +13 -23
  6. package/dist/components/pixelverse/index.d.ts +1 -1
  7. package/dist/components/pixelverse/index.d.ts.map +1 -1
  8. package/dist/components/pixelverse/index.js +1 -1
  9. package/dist/components/pixelverse/video-generation-editor.d.ts +10 -0
  10. package/dist/components/pixelverse/video-generation-editor.d.ts.map +1 -0
  11. package/dist/components/pixelverse/video-generation-editor.js +79 -0
  12. package/dist/platform/adapter-platform.d.ts +60 -0
  13. package/dist/platform/adapter-platform.d.ts.map +1 -0
  14. package/dist/platform/adapter-platform.js +222 -0
  15. package/dist/platform/gemini-adapter.d.ts +15 -0
  16. package/dist/platform/gemini-adapter.d.ts.map +1 -0
  17. package/dist/platform/gemini-adapter.js +293 -0
  18. package/dist/platform/grok-adapter.d.ts +13 -0
  19. package/dist/platform/grok-adapter.d.ts.map +1 -0
  20. package/dist/platform/grok-adapter.js +21 -0
  21. package/dist/platform/http-resilience.d.ts +19 -0
  22. package/dist/platform/http-resilience.d.ts.map +1 -0
  23. package/dist/platform/http-resilience.js +126 -0
  24. package/dist/platform/index.d.ts +28 -1
  25. package/dist/platform/index.d.ts.map +1 -1
  26. package/dist/platform/index.js +27 -0
  27. package/dist/platform/meta-ai-adapter.d.ts +12 -0
  28. package/dist/platform/meta-ai-adapter.d.ts.map +1 -0
  29. package/dist/platform/meta-ai-adapter.js +19 -0
  30. package/dist/platform/openai-adapter.d.ts +24 -0
  31. package/dist/platform/openai-adapter.d.ts.map +1 -0
  32. package/dist/platform/openai-adapter.js +398 -0
  33. package/dist/platform/pixelverse-adapter.d.ts +27 -0
  34. package/dist/platform/pixelverse-adapter.d.ts.map +1 -0
  35. package/dist/platform/pixelverse-adapter.js +108 -0
  36. package/dist/platform/video-provider-adapter.d.ts +54 -0
  37. package/dist/platform/video-provider-adapter.d.ts.map +1 -0
  38. package/dist/platform/video-provider-adapter.js +165 -0
  39. package/dist/platform/video-provider-platform.d.ts +13 -0
  40. package/dist/platform/video-provider-platform.d.ts.map +1 -0
  41. package/dist/platform/video-provider-platform.js +102 -0
  42. package/dist-cjs/components/pixelverse/balance.d.ts +6 -2
  43. package/dist-cjs/components/pixelverse/balance.d.ts.map +1 -1
  44. package/dist-cjs/components/pixelverse/balance.js +13 -23
  45. package/dist-cjs/components/pixelverse/index.d.ts +1 -1
  46. package/dist-cjs/components/pixelverse/index.d.ts.map +1 -1
  47. package/dist-cjs/components/pixelverse/index.js +1 -1
  48. package/dist-cjs/components/pixelverse/video-generation-editor.d.ts +10 -0
  49. package/dist-cjs/components/pixelverse/video-generation-editor.d.ts.map +1 -0
  50. package/dist-cjs/components/pixelverse/video-generation-editor.js +85 -0
  51. package/dist-cjs/platform/adapter-platform.d.ts +60 -0
  52. package/dist-cjs/platform/adapter-platform.d.ts.map +1 -0
  53. package/dist-cjs/platform/adapter-platform.js +225 -0
  54. package/dist-cjs/platform/gemini-adapter.d.ts +15 -0
  55. package/dist-cjs/platform/gemini-adapter.d.ts.map +1 -0
  56. package/dist-cjs/platform/gemini-adapter.js +296 -0
  57. package/dist-cjs/platform/grok-adapter.d.ts +13 -0
  58. package/dist-cjs/platform/grok-adapter.d.ts.map +1 -0
  59. package/dist-cjs/platform/grok-adapter.js +24 -0
  60. package/dist-cjs/platform/http-resilience.d.ts +19 -0
  61. package/dist-cjs/platform/http-resilience.d.ts.map +1 -0
  62. package/dist-cjs/platform/http-resilience.js +129 -0
  63. package/dist-cjs/platform/index.d.ts +28 -1
  64. package/dist-cjs/platform/index.d.ts.map +1 -1
  65. package/dist-cjs/platform/index.js +36 -1
  66. package/dist-cjs/platform/meta-ai-adapter.d.ts +12 -0
  67. package/dist-cjs/platform/meta-ai-adapter.d.ts.map +1 -0
  68. package/dist-cjs/platform/meta-ai-adapter.js +22 -0
  69. package/dist-cjs/platform/openai-adapter.d.ts +24 -0
  70. package/dist-cjs/platform/openai-adapter.d.ts.map +1 -0
  71. package/dist-cjs/platform/openai-adapter.js +401 -0
  72. package/dist-cjs/platform/pixelverse-adapter.d.ts +27 -0
  73. package/dist-cjs/platform/pixelverse-adapter.d.ts.map +1 -0
  74. package/dist-cjs/platform/pixelverse-adapter.js +111 -0
  75. package/dist-cjs/platform/video-provider-adapter.d.ts +54 -0
  76. package/dist-cjs/platform/video-provider-adapter.d.ts.map +1 -0
  77. package/dist-cjs/platform/video-provider-adapter.js +168 -0
  78. package/dist-cjs/platform/video-provider-platform.d.ts +13 -0
  79. package/dist-cjs/platform/video-provider-platform.d.ts.map +1 -0
  80. package/dist-cjs/platform/video-provider-platform.js +105 -0
  81. package/docs/api-reference.md +81 -0
  82. package/docs/architecture.md +5 -1
  83. package/docs/providers.md +33 -6
  84. package/package.json +4 -4
  85. package/src/components/pixelverse/balance.tsx +22 -35
  86. package/src/components/pixelverse/index.ts +1 -1
  87. package/src/components/pixelverse/video-generation-editor.tsx +164 -0
  88. package/src/platform/adapter-platform.ts +440 -0
  89. package/src/platform/gemini-adapter.ts +391 -0
  90. package/src/platform/grok-adapter.ts +39 -0
  91. package/src/platform/http-resilience.ts +198 -0
  92. package/src/platform/index.ts +74 -0
  93. package/src/platform/meta-ai-adapter.ts +36 -0
  94. package/src/platform/openai-adapter.ts +552 -0
  95. package/src/platform/pixelverse-adapter.ts +211 -0
  96. package/src/platform/video-provider-adapter.ts +303 -0
  97. package/src/platform/video-provider-platform.ts +208 -0
  98. package/dist/components/pixelverse/pixelverseeditor.d.ts +0 -16
  99. package/dist/components/pixelverse/pixelverseeditor.d.ts.map +0 -1
  100. package/dist/components/pixelverse/pixelverseeditor.js +0 -21
  101. package/dist/platform/openai.d.ts +0 -8
  102. package/dist/platform/openai.d.ts.map +0 -1
  103. package/dist/platform/openai.js +0 -61
  104. package/dist/platform/pixelverse.d.ts +0 -6
  105. package/dist/platform/pixelverse.d.ts.map +0 -1
  106. package/dist/platform/pixelverse.js +0 -196
  107. package/dist-cjs/components/pixelverse/pixelverseeditor.d.ts +0 -16
  108. package/dist-cjs/components/pixelverse/pixelverseeditor.d.ts.map +0 -1
  109. package/dist-cjs/components/pixelverse/pixelverseeditor.js +0 -27
  110. package/dist-cjs/platform/openai.d.ts +0 -8
  111. package/dist-cjs/platform/openai.d.ts.map +0 -1
  112. package/dist-cjs/platform/openai.js +0 -67
  113. package/dist-cjs/platform/pixelverse.d.ts +0 -6
  114. package/dist-cjs/platform/pixelverse.d.ts.map +0 -1
  115. package/dist-cjs/platform/pixelverse.js +0 -199
  116. package/src/components/pixelverse/pixelverseeditor.mocule.css +0 -0
  117. package/src/components/pixelverse/pixelverseeditor.tsx +0 -74
  118. package/src/platform/openai.ts +0 -123
  119. package/src/platform/pixelverse.ts +0 -309
@@ -0,0 +1,165 @@
1
+ import { fetchWithPolicy } from "./http-resilience.js";
2
+ function asRecord(value) {
3
+ return value && typeof value === "object" ? value : {};
4
+ }
5
+ function asNumber(value) {
6
+ return typeof value === "number" && Number.isFinite(value) ? value : undefined;
7
+ }
8
+ function asString(value) {
9
+ return typeof value === "string" && value.length > 0 ? value : undefined;
10
+ }
11
+ function requireJson(value, label, mapper) {
12
+ const id = mapper(value);
13
+ if (!id) {
14
+ throw new Error(`Invalid ${label} response.`);
15
+ }
16
+ return id;
17
+ }
18
+ function defaultRequestBody(request) {
19
+ const body = {
20
+ img_id: request.imageId,
21
+ prompt: request.prompt,
22
+ duration: request.durationSeconds ?? 5,
23
+ model: request.model ?? "standard",
24
+ motion_mode: request.motionMode ?? "normal",
25
+ quality: request.quality ?? "720p",
26
+ water_mark: request.watermark ?? false,
27
+ };
28
+ if (request.seed !== undefined) {
29
+ body.seed = request.seed;
30
+ }
31
+ if (request.templateId) {
32
+ body.template_id = request.templateId;
33
+ }
34
+ if (request.negativePrompt) {
35
+ body.negative_prompt = request.negativePrompt;
36
+ }
37
+ return body;
38
+ }
39
+ function defaultHeaders(context) {
40
+ const apiKey = context.apiKey.trim();
41
+ if (!apiKey) {
42
+ throw new Error("Provider API key is required.");
43
+ }
44
+ return {
45
+ "API-KEY": apiKey,
46
+ "AI-trace-ID": context.traceId ?? crypto.randomUUID(),
47
+ Accept: "application/json",
48
+ "X-Plasius-Client": "@plasius/ai/video-http-adapter",
49
+ };
50
+ }
51
+ function defaultUploadMapper(data) {
52
+ const root = asRecord(data);
53
+ const resp = asRecord(root.Resp);
54
+ return asNumber(resp.id);
55
+ }
56
+ function defaultVideoIdMapper(data) {
57
+ const root = asRecord(data);
58
+ const resp = asRecord(root.Resp);
59
+ return asNumber(resp.id);
60
+ }
61
+ function defaultResultMapper(data) {
62
+ const root = asRecord(data);
63
+ const resp = asRecord(root.Resp);
64
+ const status = asNumber(resp.status);
65
+ const url = asString(resp.url);
66
+ if (status === 1 && url) {
67
+ return { state: "completed", videoUrl: url };
68
+ }
69
+ if (status === -1) {
70
+ return { state: "failed" };
71
+ }
72
+ return { state: "pending" };
73
+ }
74
+ function defaultBalanceMapper(data) {
75
+ const root = asRecord(data);
76
+ const resp = asRecord(root.Resp);
77
+ return {
78
+ monthlyCredit: asNumber(resp.credit_monthly) ?? 0,
79
+ packageCredit: asNumber(resp.credit_package) ?? 0,
80
+ };
81
+ }
82
+ export function createHttpVideoProviderAdapter(config) {
83
+ const fetchJson = async (path, createRequestInit, context) => {
84
+ const fetchFn = context.fetchFn ?? fetch;
85
+ const response = await fetchWithPolicy({
86
+ url: path,
87
+ operation: "Video provider HTTP request",
88
+ fetchFn,
89
+ policy: config.httpPolicy,
90
+ createRequestInit,
91
+ });
92
+ if (!response.ok) {
93
+ throw new Error(`Provider request failed (${response.status} ${response.statusText}).`);
94
+ }
95
+ return response.json();
96
+ };
97
+ const uploadImage = async (image, context) => {
98
+ const fetchFn = context.fetchFn ?? fetch;
99
+ const data = await fetchJson(config.uploadImagePath, async () => {
100
+ const formData = new FormData();
101
+ if (image instanceof File) {
102
+ formData.append("image", image, "upload-image");
103
+ }
104
+ else {
105
+ const blob = await fetchFn(image.toString()).then((result) => result.blob());
106
+ formData.append("image", blob, "upload-image");
107
+ }
108
+ return {
109
+ method: "POST",
110
+ headers: {
111
+ ...defaultHeaders(context),
112
+ ...config.additionalHeaders,
113
+ },
114
+ body: formData,
115
+ };
116
+ }, context);
117
+ const imageId = requireJson(data, "image upload", config.mapUploadImageId ?? defaultUploadMapper);
118
+ return { imageId };
119
+ };
120
+ const generateVideo = async (request, context) => {
121
+ const data = await fetchJson(config.generateVideoPath, () => {
122
+ const body = JSON.stringify(config.mapGenerateRequestBody?.(request) ?? defaultRequestBody(request));
123
+ return {
124
+ method: "POST",
125
+ headers: {
126
+ ...defaultHeaders(context),
127
+ "Content-Type": "application/json",
128
+ ...config.additionalHeaders,
129
+ },
130
+ body,
131
+ };
132
+ }, context);
133
+ const videoId = requireJson(data, "video generation", config.mapGeneratedVideoId ?? defaultVideoIdMapper);
134
+ return { videoId };
135
+ };
136
+ const getVideoResult = async (videoId, context) => {
137
+ const data = await fetchJson(config.getVideoResultPath(videoId), () => ({
138
+ method: "GET",
139
+ headers: {
140
+ ...defaultHeaders(context),
141
+ ...config.additionalHeaders,
142
+ },
143
+ }), context);
144
+ return (config.mapVideoResult ?? defaultResultMapper)(data);
145
+ };
146
+ const getBalance = config.getBalancePath
147
+ ? async (context) => {
148
+ const data = await fetchJson(config.getBalancePath, () => ({
149
+ method: "GET",
150
+ headers: {
151
+ ...defaultHeaders(context),
152
+ "Content-Type": "application/json",
153
+ ...config.additionalHeaders,
154
+ },
155
+ }), context);
156
+ return (config.mapBalance ?? defaultBalanceMapper)(data);
157
+ }
158
+ : undefined;
159
+ return {
160
+ uploadImage,
161
+ generateVideo,
162
+ getVideoResult,
163
+ getBalance,
164
+ };
165
+ }
@@ -0,0 +1,13 @@
1
+ import type { AIPlatform } from "./index.js";
2
+ import type { VideoGenerationRequest, VideoProviderAdapter } from "./video-provider-adapter.js";
3
+ export interface VideoProviderPlatformProps {
4
+ apiKey: string;
5
+ adapter: VideoProviderAdapter;
6
+ polling?: {
7
+ maxRetries?: number;
8
+ delayMs?: number;
9
+ };
10
+ defaultVideoRequest?: Partial<Omit<VideoGenerationRequest, "imageId" | "prompt">>;
11
+ }
12
+ export declare function createVideoProviderPlatform(userId: string, props: VideoProviderPlatformProps): Promise<AIPlatform>;
13
+ //# sourceMappingURL=video-provider-platform.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"video-provider-platform.d.ts","sourceRoot":"","sources":["../../src/platform/video-provider-platform.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,UAAU,EASX,MAAM,YAAY,CAAC;AACpB,OAAO,KAAK,EACV,sBAAsB,EAEtB,oBAAoB,EACrB,MAAM,6BAA6B,CAAC;AAErC,MAAM,WAAW,0BAA0B;IACzC,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,oBAAoB,CAAC;IAC9B,OAAO,CAAC,EAAE;QACR,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,mBAAmB,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,sBAAsB,EAAE,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC;CACnF;AA8CD,wBAAsB,2BAA2B,CAC/C,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,0BAA0B,GAChC,OAAO,CAAC,UAAU,CAAC,CAmIrB"}
@@ -0,0 +1,102 @@
1
+ import { performance } from "node:perf_hooks";
2
+ function createCompletionBase(type, model, requestor, durationMs) {
3
+ return {
4
+ partitionKey: requestor,
5
+ id: crypto.randomUUID(),
6
+ type,
7
+ model,
8
+ createdAt: new Date().toISOString(),
9
+ durationMs,
10
+ usage: {},
11
+ };
12
+ }
13
+ async function waitForCompletion(adapter, videoId, apiKey, maxRetries, delayMs) {
14
+ for (let attempt = 0; attempt < maxRetries; attempt += 1) {
15
+ await new Promise((resolve) => setTimeout(resolve, delayMs));
16
+ const result = await adapter.getVideoResult(videoId, {
17
+ apiKey,
18
+ traceId: crypto.randomUUID(),
19
+ });
20
+ if (result.state === "completed" && result.videoUrl) {
21
+ return result.videoUrl;
22
+ }
23
+ if (result.state === "failed") {
24
+ throw new Error("Video generation failed in provider adapter.");
25
+ }
26
+ }
27
+ throw new Error("Timed out waiting for provider video completion.");
28
+ }
29
+ export async function createVideoProviderPlatform(userId, props) {
30
+ const apiKey = props.apiKey.trim();
31
+ if (!apiKey) {
32
+ throw new Error("apiKey is required for createVideoProviderPlatform.");
33
+ }
34
+ const maxRetries = props.polling?.maxRetries ?? 20;
35
+ const delayMs = props.polling?.delayMs ?? 3000;
36
+ const chatWithAI = (_userId, _input, _context, _model) => {
37
+ return Promise.reject(new Error("Not implemented"));
38
+ };
39
+ const synthesizeSpeech = (_userId, _input, _voice, _context, _model) => {
40
+ return Promise.reject(new Error("Not implemented"));
41
+ };
42
+ const transcribeSpeech = (_userId, _input, _context, _model) => {
43
+ return Promise.reject(new Error("Not implemented"));
44
+ };
45
+ const generateImage = (_userId, _input, _context, _model) => {
46
+ return Promise.reject(new Error("Not implemented"));
47
+ };
48
+ const produceVideo = async (requestorId, prompt, image, _context, model) => {
49
+ const startedAt = performance.now();
50
+ const uploaded = await props.adapter.uploadImage(image, {
51
+ apiKey,
52
+ traceId: crypto.randomUUID(),
53
+ });
54
+ const generated = await props.adapter.generateVideo({
55
+ imageId: uploaded.imageId,
56
+ prompt,
57
+ ...props.defaultVideoRequest,
58
+ }, {
59
+ apiKey,
60
+ traceId: crypto.randomUUID(),
61
+ });
62
+ const videoUrl = await waitForCompletion(props.adapter, generated.videoId, apiKey, maxRetries, delayMs);
63
+ const durationMs = performance.now() - startedAt;
64
+ const base = createCompletionBase("video", model, requestorId, durationMs);
65
+ return {
66
+ ...base,
67
+ url: new URL(videoUrl),
68
+ };
69
+ };
70
+ const generateModel = (_userId, _input, _context, _model) => {
71
+ return Promise.reject(new Error("Not implemented"));
72
+ };
73
+ const checkBalance = async (requestorId) => {
74
+ const startedAt = performance.now();
75
+ const providerBalance = props.adapter.getBalance
76
+ ? await props.adapter.getBalance({
77
+ apiKey,
78
+ traceId: crypto.randomUUID(),
79
+ })
80
+ : {
81
+ monthlyCredit: 0,
82
+ packageCredit: 0,
83
+ };
84
+ const durationMs = performance.now() - startedAt;
85
+ const base = createCompletionBase("balanceCompletion", "", requestorId, durationMs);
86
+ return {
87
+ ...base,
88
+ balance: providerBalance.monthlyCredit + providerBalance.packageCredit,
89
+ };
90
+ };
91
+ const currentBalance = (await checkBalance(userId)).balance;
92
+ return {
93
+ chatWithAI,
94
+ synthesizeSpeech,
95
+ transcribeSpeech,
96
+ generateImage,
97
+ produceVideo,
98
+ generateModel,
99
+ checkBalance,
100
+ currentBalance,
101
+ };
102
+ }
@@ -1,4 +1,8 @@
1
- export default function Balance({ apiKey }: {
1
+ import type { VideoProviderAdapter } from "../../platform/video-provider-adapter.js";
2
+ export interface BalanceProps {
2
3
  apiKey: string;
3
- }): import("react/jsx-runtime").JSX.Element;
4
+ adapter: VideoProviderAdapter;
5
+ refreshMs?: number;
6
+ }
7
+ export default function Balance({ apiKey, adapter, refreshMs }: BalanceProps): import("react/jsx-runtime").JSX.Element;
4
8
  //# sourceMappingURL=balance.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"balance.d.ts","sourceRoot":"","sources":["../../../src/components/pixelverse/balance.tsx"],"names":[],"mappings":"AAcA,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,2CAkD7D"}
1
+ {"version":3,"file":"balance.d.ts","sourceRoot":"","sources":["../../../src/components/pixelverse/balance.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAmB,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAGtG,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,oBAAoB,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,SAAkB,EAAE,EAAE,YAAY,2CAyCpF"}
@@ -6,41 +6,31 @@ Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.default = Balance;
7
7
  const jsx_runtime_1 = require("react/jsx-runtime");
8
8
  const react_1 = require("react");
9
- const uuid_1 = require("uuid");
10
9
  const balance_module_css_1 = __importDefault(require("./balance.module.css"));
11
- function Balance({ apiKey }) {
10
+ function Balance({ apiKey, adapter, refreshMs = 600000 }) {
12
11
  const [balance, setBalance] = (0, react_1.useState)(null);
13
12
  const fetchBalance = async () => {
13
+ if (!adapter.getBalance) {
14
+ setBalance({ monthlyCredit: 0, packageCredit: 0 });
15
+ return;
16
+ }
14
17
  try {
15
- const response = await fetch("/pixelapi/openapi/v2/account/balance", {
16
- method: "GET",
17
- headers: {
18
- "API-KEY": apiKey,
19
- "AI-trace-ID": (0, uuid_1.v4)(),
20
- Accept: "application/json",
21
- "Content-Type": "application/json",
22
- },
23
- referrerPolicy: "no-referrer",
18
+ const value = await adapter.getBalance({
19
+ apiKey,
20
+ traceId: crypto.randomUUID(),
24
21
  });
25
- if (!response.ok) {
26
- console.error("Failed to fetch balance:", response.status, response.statusText);
27
- return;
28
- }
29
- const data = (await response.json());
30
- if (data?.Resp) {
31
- setBalance(data.Resp);
32
- }
22
+ setBalance(value);
33
23
  }
34
24
  catch (err) {
35
25
  console.error("fetchBalance() error", err);
36
26
  }
37
27
  };
38
28
  (0, react_1.useEffect)(() => {
39
- void fetchBalance(); // initial load
29
+ void fetchBalance();
40
30
  const intervalId = setInterval(() => {
41
31
  void fetchBalance();
42
- }, 600000);
32
+ }, refreshMs);
43
33
  return () => clearInterval(intervalId);
44
- }, [apiKey]);
45
- return ((0, jsx_runtime_1.jsx)("div", { className: balance_module_css_1.default.balance_container, children: balance ? ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("p", { children: ["Monthly Credit: ", balance.credit_monthly] }), (0, jsx_runtime_1.jsxs)("p", { children: ["Package Credit: ", balance.credit_package] })] })) : ((0, jsx_runtime_1.jsx)("p", { children: "Loading balance..." })) }));
34
+ }, [apiKey, adapter, refreshMs]);
35
+ return ((0, jsx_runtime_1.jsx)("div", { className: balance_module_css_1.default.balance_container, children: balance ? ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("p", { children: ["Monthly Credit: ", balance.monthlyCredit] }), (0, jsx_runtime_1.jsxs)("p", { children: ["Package Credit: ", balance.packageCredit] })] })) : ((0, jsx_runtime_1.jsx)("p", { children: "Loading balance..." })) }));
46
36
  }
@@ -1,3 +1,3 @@
1
1
  export * from "./balance.js";
2
- export * from "./pixelverseeditor.js";
2
+ export * from "./video-generation-editor.js";
3
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/pixelverse/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/pixelverse/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,8BAA8B,CAAC"}
@@ -15,4 +15,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
15
15
  };
16
16
  Object.defineProperty(exports, "__esModule", { value: true });
17
17
  __exportStar(require("./balance.js"), exports);
18
- __exportStar(require("./pixelverseeditor.js"), exports);
18
+ __exportStar(require("./video-generation-editor.js"), exports);
@@ -0,0 +1,10 @@
1
+ import type { VideoGenerationRequest, VideoProviderAdapter } from "../../platform/video-provider-adapter.js";
2
+ export interface VideoGenerationEditorProps {
3
+ apiKey: string;
4
+ adapter: VideoProviderAdapter;
5
+ onVideoGenerated?: (videoUrl: string) => void;
6
+ initialRequest?: Partial<Omit<VideoGenerationRequest, "imageId">>;
7
+ }
8
+ export declare function VideoGenerationEditor({ apiKey, adapter, onVideoGenerated, initialRequest, }: VideoGenerationEditorProps): import("react/jsx-runtime").JSX.Element;
9
+ export default VideoGenerationEditor;
10
+ //# sourceMappingURL=video-generation-editor.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"video-generation-editor.d.ts","sourceRoot":"","sources":["../../../src/components/pixelverse/video-generation-editor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,sBAAsB,EACtB,oBAAoB,EACrB,MAAM,0CAA0C,CAAC;AAElD,MAAM,WAAW,0BAA0B;IACzC,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,oBAAoB,CAAC;IAC9B,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,cAAc,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,sBAAsB,EAAE,SAAS,CAAC,CAAC,CAAC;CACnE;AA8CD,wBAAgB,qBAAqB,CAAC,EACpC,MAAM,EACN,OAAO,EACP,gBAAgB,EAChB,cAAc,GACf,EAAE,0BAA0B,2CAkG5B;AAED,eAAe,qBAAqB,CAAC"}
@@ -0,0 +1,85 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.VideoGenerationEditor = VideoGenerationEditor;
7
+ const jsx_runtime_1 = require("react/jsx-runtime");
8
+ const react_1 = require("react");
9
+ const balance_js_1 = __importDefault(require("./balance.js"));
10
+ const defaultRequest = {
11
+ prompt: "",
12
+ model: "standard",
13
+ motionMode: "normal",
14
+ quality: "720p",
15
+ durationSeconds: 5,
16
+ watermark: false,
17
+ };
18
+ function toRequest(overrides) {
19
+ return {
20
+ ...defaultRequest,
21
+ ...overrides,
22
+ };
23
+ }
24
+ async function waitForVideoCompletion(adapter, videoId, apiKey, maxRetries = 20, delayMs = 3000) {
25
+ for (let attempt = 0; attempt < maxRetries; attempt += 1) {
26
+ await new Promise((resolve) => setTimeout(resolve, delayMs));
27
+ const result = await adapter.getVideoResult(videoId, {
28
+ apiKey,
29
+ traceId: crypto.randomUUID(),
30
+ });
31
+ if (result.state === "completed" && result.videoUrl) {
32
+ return result.videoUrl;
33
+ }
34
+ if (result.state === "failed") {
35
+ throw new Error("Video generation failed.");
36
+ }
37
+ }
38
+ throw new Error("Timed out waiting for video generation result.");
39
+ }
40
+ function VideoGenerationEditor({ apiKey, adapter, onVideoGenerated, initialRequest, }) {
41
+ const [videoUrl, setVideoUrl] = (0, react_1.useState)("");
42
+ const [selectedFile, setSelectedFile] = (0, react_1.useState)(null);
43
+ const [loading, setLoading] = (0, react_1.useState)(false);
44
+ const [videoReady, setVideoReady] = (0, react_1.useState)(false);
45
+ const [request, setRequest] = (0, react_1.useState)(toRequest(initialRequest));
46
+ const handleFileChange = (event) => {
47
+ const file = event.target.files?.[0] ?? null;
48
+ setSelectedFile(file);
49
+ };
50
+ const handleRegenerate = () => {
51
+ void handleUploadProcess();
52
+ };
53
+ const handleUploadProcess = async () => {
54
+ if (!selectedFile) {
55
+ return;
56
+ }
57
+ setLoading(true);
58
+ setVideoReady(false);
59
+ try {
60
+ const uploaded = await adapter.uploadImage(selectedFile, {
61
+ apiKey,
62
+ traceId: crypto.randomUUID(),
63
+ });
64
+ const generated = await adapter.generateVideo({
65
+ ...request,
66
+ imageId: uploaded.imageId,
67
+ }, {
68
+ apiKey,
69
+ traceId: crypto.randomUUID(),
70
+ });
71
+ const generatedUrl = await waitForVideoCompletion(adapter, generated.videoId, apiKey);
72
+ setVideoUrl(generatedUrl);
73
+ setVideoReady(true);
74
+ onVideoGenerated?.(generatedUrl);
75
+ }
76
+ finally {
77
+ setLoading(false);
78
+ }
79
+ };
80
+ return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(balance_js_1.default, { apiKey: apiKey, adapter: adapter }), !videoReady && !selectedFile && ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("p", { children: "Drag/Drop or Click HERE to upload" }), (0, jsx_runtime_1.jsx)("input", { title: "Upload Image", type: "file", accept: ".jpg,.jpeg,.png,.webp", onChange: handleFileChange })] })), !videoReady ? ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("label", { children: ["Prompt", (0, jsx_runtime_1.jsx)("textarea", { value: request.prompt, onChange: (event) => setRequest((previous) => ({
81
+ ...previous,
82
+ prompt: event.target.value,
83
+ })) })] }) })) : null, loading && (0, jsx_runtime_1.jsx)("div", { children: "Loading..." }), !videoReady && selectedFile && !loading && ((0, jsx_runtime_1.jsx)("button", { onClick: handleUploadProcess, children: "Start Upload" })), videoReady && ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("video", { src: videoUrl, controls: true }), (0, jsx_runtime_1.jsx)("button", { onClick: handleRegenerate, children: "Regenerate" })] }))] }));
84
+ }
85
+ exports.default = VideoGenerationEditor;
@@ -0,0 +1,60 @@
1
+ import { AICapability, type AIPlatform, type BalanceCompletion, type ChatCompletion, type ImageCompletion, type ModelCompletion, type SpeechCompletion, type TextCompletion, type VideoCompletion } from "./index.js";
2
+ export interface AdapterRequestContext {
3
+ userId: string;
4
+ providerId: string;
5
+ apiKey: string;
6
+ traceId: string;
7
+ }
8
+ export interface AdapterChatRequest extends AdapterRequestContext {
9
+ input: string;
10
+ context: string;
11
+ model: string;
12
+ }
13
+ export interface AdapterSynthesizeSpeechRequest extends AdapterRequestContext {
14
+ input: string;
15
+ voice: string;
16
+ context: string;
17
+ model: string;
18
+ }
19
+ export interface AdapterTranscribeSpeechRequest extends AdapterRequestContext {
20
+ input: Buffer;
21
+ context: string;
22
+ model: string;
23
+ }
24
+ export interface AdapterGenerateImageRequest extends AdapterRequestContext {
25
+ input: string;
26
+ context: string;
27
+ model: string;
28
+ }
29
+ export interface AdapterVideoRequest extends AdapterRequestContext {
30
+ input: string;
31
+ image: URL;
32
+ context: string;
33
+ model: string;
34
+ }
35
+ export interface AdapterGenerateModelRequest extends AdapterRequestContext {
36
+ input: string;
37
+ context: string;
38
+ model: string;
39
+ }
40
+ export interface AdapterBalanceRequest extends AdapterRequestContext {
41
+ }
42
+ export interface AICapabilityAdapter {
43
+ id: string;
44
+ capabilities: AICapability[];
45
+ canHandle?: (capabilities: AICapability[]) => Promise<boolean> | boolean;
46
+ chatWithAI?: (request: AdapterChatRequest) => Promise<ChatCompletion>;
47
+ synthesizeSpeech?: (request: AdapterSynthesizeSpeechRequest) => Promise<SpeechCompletion>;
48
+ transcribeSpeech?: (request: AdapterTranscribeSpeechRequest) => Promise<TextCompletion>;
49
+ generateImage?: (request: AdapterGenerateImageRequest) => Promise<ImageCompletion>;
50
+ produceVideo?: (request: AdapterVideoRequest) => Promise<VideoCompletion>;
51
+ generateModel?: (request: AdapterGenerateModelRequest) => Promise<ModelCompletion>;
52
+ checkBalance?: (request: AdapterBalanceRequest) => Promise<BalanceCompletion>;
53
+ }
54
+ export interface AdapterPlatformProps {
55
+ adapters: AICapabilityAdapter[];
56
+ apiKeys: Record<string, string>;
57
+ defaultAdapterByCapability?: Partial<Record<AICapability, string>>;
58
+ }
59
+ export declare function createAdapterPlatform(userId: string, props: AdapterPlatformProps): Promise<AIPlatform>;
60
+ //# sourceMappingURL=adapter-platform.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"adapter-platform.d.ts","sourceRoot":"","sources":["../../src/platform/adapter-platform.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,YAAY,EACZ,KAAK,UAAU,EACf,KAAK,iBAAiB,EACtB,KAAK,cAAc,EAEnB,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,eAAe,EACrB,MAAM,YAAY,CAAC;AAEpB,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,kBAAmB,SAAQ,qBAAqB;IAC/D,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,8BAA+B,SAAQ,qBAAqB;IAC3E,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,8BAA+B,SAAQ,qBAAqB;IAC3E,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,2BAA4B,SAAQ,qBAAqB;IACxE,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,mBAAoB,SAAQ,qBAAqB;IAChE,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,GAAG,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,2BAA4B,SAAQ,qBAAqB;IACxE,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,qBAAsB,SAAQ,qBAAqB;CAAG;AAEvE,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,EAAE,YAAY,EAAE,CAAC;IAC7B,SAAS,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,KAAK,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC;IACzE,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,kBAAkB,KAAK,OAAO,CAAC,cAAc,CAAC,CAAC;IACtE,gBAAgB,CAAC,EAAE,CACjB,OAAO,EAAE,8BAA8B,KACpC,OAAO,CAAC,gBAAgB,CAAC,CAAC;IAC/B,gBAAgB,CAAC,EAAE,CACjB,OAAO,EAAE,8BAA8B,KACpC,OAAO,CAAC,cAAc,CAAC,CAAC;IAC7B,aAAa,CAAC,EAAE,CACd,OAAO,EAAE,2BAA2B,KACjC,OAAO,CAAC,eAAe,CAAC,CAAC;IAC9B,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,OAAO,CAAC,eAAe,CAAC,CAAC;IAC1E,aAAa,CAAC,EAAE,CACd,OAAO,EAAE,2BAA2B,KACjC,OAAO,CAAC,eAAe,CAAC,CAAC;IAC9B,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,qBAAqB,KAAK,OAAO,CAAC,iBAAiB,CAAC,CAAC;CAC/E;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,mBAAmB,EAAE,CAAC;IAChC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,0BAA0B,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC;CACpE;AAyED,wBAAsB,qBAAqB,CACzC,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,oBAAoB,GAC1B,OAAO,CAAC,UAAU,CAAC,CAoRrB"}