@bluepic/embed 0.2.0-next.2 → 0.2.0-next.20
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.
- package/lib/bluepic-embed.es.js +24271 -23716
- package/lib/bluepic-embed.umd.js +200 -193
- package/lib/components/BluepicEmbedded.vue.d.ts.map +1 -1
- package/lib/components/BluepicEmbeddedEditor.vue.d.ts +19 -1
- package/lib/components/BluepicEmbeddedEditor.vue.d.ts.map +1 -1
- package/lib/components/CircularProgress.vue.d.ts.map +1 -1
- package/lib/style.css +1 -1
- package/lib/util/RenderService.d.ts +11 -16
- package/lib/util/RenderService.d.ts.map +1 -1
- package/lib/util/bluepicEmbed.d.ts +4 -1
- package/lib/util/bluepicEmbed.d.ts.map +1 -1
- package/lib/util/useTheme.d.ts +9 -1
- package/lib/util/useTheme.d.ts.map +1 -1
- package/package.json +2 -2
|
@@ -20,21 +20,12 @@ export type LocalRenderOpts = {
|
|
|
20
20
|
fileBasename: string;
|
|
21
21
|
watermark?: string;
|
|
22
22
|
};
|
|
23
|
-
export declare function renderRemote(embedApiBaseUrl: string, env: 'prod' | 'dev', embedProjectId: number, templateId: string, data: {
|
|
23
|
+
export declare function renderRemote(embedApiBaseUrl: string, cloudflarePagesHostname: string, env: 'prod' | 'dev', embedProjectId: number, templateId: string, data: {
|
|
24
24
|
[k: string]: unknown;
|
|
25
|
-
}, width: number, height: number, format:
|
|
25
|
+
}, width: number, height: number, format: z.infer<typeof Render.formatSchema>, quality: number, frames: {
|
|
26
26
|
x: number;
|
|
27
27
|
y: number;
|
|
28
|
-
},
|
|
29
|
-
creditBalanceName: string;
|
|
30
|
-
creditsConsumed: number;
|
|
31
|
-
files: string[];
|
|
32
|
-
webhookResult?: {
|
|
33
|
-
status: string;
|
|
34
|
-
message: string;
|
|
35
|
-
success: boolean;
|
|
36
|
-
} | undefined;
|
|
37
|
-
}>;
|
|
28
|
+
}, authorization?: string, password?: string): Promise<Blob>;
|
|
38
29
|
export declare function getSessionState(templateId: string, data: {
|
|
39
30
|
[k: string]: unknown;
|
|
40
31
|
}, format: Exclude<z.infer<typeof Render.formatSchema>, 'mp4'>, width: number, height: number, quality: number, frames?: {
|
|
@@ -45,12 +36,16 @@ export declare function renderLocal(svgDoc: Document, opts: LocalRenderOpts): Pr
|
|
|
45
36
|
name: string;
|
|
46
37
|
blob: Blob;
|
|
47
38
|
}[]>;
|
|
48
|
-
export declare function useRenderer(embedApiBaseUrl: string, env: 'prod' | 'dev', bluepicLiveTemplateRef: Ref<InstanceType<typeof BluepicLiveTemplate> | undefined>, serialRef: Ref<Template.Serial | undefined>, embedProjectId: Ref<number | undefined>, templateId: Ref<string | undefined>, bearerToken: Ref<string | undefined>, password: Ref<string | undefined>, data: Ref<{
|
|
39
|
+
export declare function useRenderer(embedApiBaseUrl: string, cloudflarePagesHostname: string, env: 'prod' | 'dev', bluepicLiveTemplateRef: Ref<InstanceType<typeof BluepicLiveTemplate> | undefined>, serialRef: Ref<Template.Serial | undefined>, embedProjectId: Ref<number | undefined>, templateId: Ref<string | undefined>, bearerToken: Ref<string | undefined>, password: Ref<string | undefined>, data: Ref<{
|
|
49
40
|
[k: string]: unknown;
|
|
50
41
|
}>): {
|
|
51
|
-
renderFiles:
|
|
42
|
+
renderFiles: {
|
|
43
|
+
[fileName: string]: Blob;
|
|
44
|
+
} | undefined;
|
|
52
45
|
render: (format: Exclude<z.infer<typeof Render.formatSchema>, 'mp4'>, baseName?: string, watermark?: string) => Promise<{
|
|
53
|
-
files:
|
|
46
|
+
files: {
|
|
47
|
+
[fileName: string]: Blob;
|
|
48
|
+
} | undefined;
|
|
54
49
|
creditsConsumed: number;
|
|
55
50
|
}>;
|
|
56
51
|
renderVideo: (format: 'mp4', duration: number, baseName?: string) => Promise<{
|
|
@@ -67,5 +62,5 @@ export declare function useRenderer(embedApiBaseUrl: string, env: 'prod' | 'dev'
|
|
|
67
62
|
videoRendering: Ref<boolean, boolean>;
|
|
68
63
|
videoProgress: Ref<Render.RenderProgressEvent | undefined, Render.RenderProgressEvent | undefined>;
|
|
69
64
|
};
|
|
70
|
-
export declare function downloadFiles(fileUrls: string[], baseName: string): Promise<void>;
|
|
65
|
+
export declare function downloadFiles(fileUrls: (string | Blob)[], baseName: string): Promise<void>;
|
|
71
66
|
//# sourceMappingURL=RenderService.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RenderService.d.ts","sourceRoot":"","sources":["RenderService.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAElD,OAAO,EAAE,KAAK,GAAG,EAAO,MAAM,KAAK,CAAC;AAOpC,OAAO,EAAE,CAAC,EAAE,MAAM,mBAAmB,CAAC;AAGtC,OAAO,mBAAmB,MAAM,uCAAuC,CAAC;AAKxE,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,eAAe,GAAG,WAAW,GAAG,YAAY,GAAG,iBAAiB,GAAG,6CAA6C,CAAC;IACzH,UAAU,EAAE;QACV,iBAAiB,EAAE,OAAO,CAAC;KAC5B,CAAC;IACF,WAAW,EAAE;QACX,iBAAiB,EAAE,OAAO,CAAC;QAC3B,mBAAmB,EAAE,OAAO,CAAC;QAC7B,iBAAiB,EAAE,OAAO,CAAC;QAC3B,kBAAkB,EAAE,OAAO,CAAC;KAC7B,CAAC;IACF,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAsB,YAAY,CAChC,eAAe,EAAE,MAAM,EACvB,GAAG,EAAE,MAAM,GAAG,KAAK,EACnB,cAAc,EAAE,MAAM,EACtB,UAAU,EAAE,MAAM,EAClB,IAAI,EAAE;IAAE,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,EAC9B,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"RenderService.d.ts","sourceRoot":"","sources":["RenderService.ts"],"names":[],"mappings":"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"}
|
|
@@ -13,7 +13,10 @@ export type BxTemplateOptions = {
|
|
|
13
13
|
resolution?: number;
|
|
14
14
|
};
|
|
15
15
|
};
|
|
16
|
-
export declare function getTemplateSerialUrl(templateId: string, options:
|
|
16
|
+
export declare function getTemplateSerialUrl(templateId: string, options: {
|
|
17
|
+
embedApiBaseUrl: string;
|
|
18
|
+
env: 'dev' | 'prod';
|
|
19
|
+
}): string;
|
|
17
20
|
export declare function getTemplatePreviewUrl(templateId: string, options: {
|
|
18
21
|
embedApiBaseUrl: string;
|
|
19
22
|
env: 'dev' | 'prod';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bluepicEmbed.d.ts","sourceRoot":"","sources":["bluepicEmbed.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"bluepicEmbed.d.ts","sourceRoot":"","sources":["bluepicEmbed.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG1C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,uBAAuB,EAAE,MAAM,CAAC;IAChC,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,GAAG,EAAE,KAAK,GAAG,MAAM,CAAC;IACpB,MAAM,EAAE;QACN,KAAK,CAAC,EAAE;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,GAAG,EAAE,MAAM,CAAA;SAAE,EAAE,CAAC;QACxC,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;CACH,CAAA;AAaD,wBAAgB,oBAAoB,CAAC,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE;IAChE,eAAe,EAAE,MAAM,CAAC;IACxB,GAAG,EAAE,KAAK,GAAG,MAAM,CAAC;CACrB,UAMA;AACD,wBAAgB,qBAAqB,CACnC,UAAU,EAAE,MAAM,EAClB,OAAO,EAAE;IACP,eAAe,EAAE,MAAM,CAAC;IACxB,GAAG,EAAE,KAAK,GAAG,MAAM,CAAC;CACrB,UAOF;AAGD,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,GAAG,SAAS,EAAE,OAAO,EAAE,iBAAiB,UAiBhH;AAED,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,sBAuB9E;AAED,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,WAAW;IACzD,MAAM,EAAE,iBAAiB,CAAC;IAC1B,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,KAAK,EAAE;QAAE,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;gBAChB,MAAM,EAAE,iBAAiB,EAAE,aAAa,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,UAAU,SAAI;IA6F3G,OAAO;IAGP,IAAI,CAAC,OAAO,SAAM;IAoBlB,YAAY;IAWZ,OAAO,CAAC,gBAAgB;IAGxB,OAAO,CAAC,cAAc;IAGtB,YAAY;IAkDZ,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE;IAclC,GAAG,CAAC,IAAI,EAAE,MAAM;IAKhB,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;IAM/B,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,MAAM,EAAE;IA0B1C,OAAO,CAAC,IAAI,EAAE;QAAE,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE;IAgBlC,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE;CAGhF"}
|
package/lib/util/useTheme.d.ts
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
|
+
import { z } from '@hono/zod-openapi';
|
|
2
|
+
import { EmbedV2 } from '@bluepic/types';
|
|
1
3
|
import { Ref } from 'vue';
|
|
2
4
|
export declare function getThemeStyle(rawCSS: string): Record<string, string>;
|
|
3
|
-
export declare function useTheme(bluepicAppWrapperSelector?: string,
|
|
5
|
+
export declare function useTheme(bluepicAppWrapperSelector?: string, theme?: 'light' | 'dark' | 'auto', customThemeVars?: Partial<z.infer<typeof EmbedV2.customStyleSchema>>): Ref<{
|
|
4
6
|
"primary-color-base"?: string | undefined;
|
|
5
7
|
"primary-color-light"?: string | undefined;
|
|
6
8
|
"primary-color-dark"?: string | undefined;
|
|
@@ -133,6 +135,8 @@ export declare function useTheme(bluepicAppWrapperSelector?: string, darkmode?:
|
|
|
133
135
|
"editor-view-background-color"?: string | undefined;
|
|
134
136
|
"fields-view-background-color"?: string | undefined;
|
|
135
137
|
"live-view-background-color"?: string | undefined;
|
|
138
|
+
"bluepic-embed-editor-border"?: string | undefined;
|
|
139
|
+
"bluepic-embed-editor-border-radius"?: string | undefined;
|
|
136
140
|
"tooltip-background-color"?: string | undefined;
|
|
137
141
|
"tooltip-text-color"?: string | undefined;
|
|
138
142
|
}, Partial<{
|
|
@@ -268,6 +272,8 @@ export declare function useTheme(bluepicAppWrapperSelector?: string, darkmode?:
|
|
|
268
272
|
"editor-view-background-color": string;
|
|
269
273
|
"fields-view-background-color": string;
|
|
270
274
|
"live-view-background-color": string;
|
|
275
|
+
"bluepic-embed-editor-border": string;
|
|
276
|
+
"bluepic-embed-editor-border-radius": string;
|
|
271
277
|
"tooltip-background-color": string;
|
|
272
278
|
"tooltip-text-color": string;
|
|
273
279
|
}> | {
|
|
@@ -403,6 +409,8 @@ export declare function useTheme(bluepicAppWrapperSelector?: string, darkmode?:
|
|
|
403
409
|
"editor-view-background-color"?: string | undefined;
|
|
404
410
|
"fields-view-background-color"?: string | undefined;
|
|
405
411
|
"live-view-background-color"?: string | undefined;
|
|
412
|
+
"bluepic-embed-editor-border"?: string | undefined;
|
|
413
|
+
"bluepic-embed-editor-border-radius"?: string | undefined;
|
|
406
414
|
"tooltip-background-color"?: string | undefined;
|
|
407
415
|
"tooltip-text-color"?: string | undefined;
|
|
408
416
|
}>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["useTheme.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["useTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,mBAAmB,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAiB,GAAG,EAAsB,MAAM,KAAK,CAAC;AAM7D,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,0BAYzC;AASH,wBAAgB,QAAQ,CAAC,yBAAyB,SAA8B,EAAE,KAAK,GAAE,OAAO,GAAG,MAAM,GAAG,MAAe,EAAE,eAAe,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,OAAO,CAAC,iBAAiB,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4ChM"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bluepic/embed",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.2.0-next.
|
|
4
|
+
"version": "0.2.0-next.20",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"files": [
|
|
7
7
|
"package.json",
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
"vue": "^3.4.27"
|
|
61
61
|
},
|
|
62
62
|
"devDependencies": {
|
|
63
|
-
"@bluepic/types": "^0.1.
|
|
63
|
+
"@bluepic/types": "^0.1.609",
|
|
64
64
|
"@types/css": "^0.0.38",
|
|
65
65
|
"@types/downloadjs": "^1.4.6",
|
|
66
66
|
"@types/lodash": "^4.17.14",
|