@chayns-components/core 5.0.0-beta.456 → 5.0.0-beta.457
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/api/image/post.d.ts +1 -3
- package/lib/api/image/post.js +10 -4
- package/lib/api/image/post.js.map +1 -1
- package/lib/api/video/post.d.ts +1 -2
- package/lib/api/video/post.js +7 -1
- package/lib/api/video/post.js.map +1 -1
- package/lib/utils/uploadFile.d.ts +1 -3
- package/lib/utils/uploadFile.js +2 -7
- package/lib/utils/uploadFile.js.map +1 -1
- package/package.json +2 -2
package/lib/api/image/post.d.ts
CHANGED
|
@@ -5,12 +5,10 @@ export interface PostImageResult {
|
|
|
5
5
|
meta?: Meta;
|
|
6
6
|
}
|
|
7
7
|
interface PostImageOptions {
|
|
8
|
-
accessToken: string;
|
|
9
8
|
file: File;
|
|
10
|
-
personId: string;
|
|
11
9
|
}
|
|
12
10
|
/**
|
|
13
11
|
* Uploads an image to the tsimg cloud service
|
|
14
12
|
*/
|
|
15
|
-
export declare const postImage: ({
|
|
13
|
+
export declare const postImage: ({ file, }: PostImageOptions) => Promise<PostImageResult | undefined>;
|
|
16
14
|
export {};
|
package/lib/api/image/post.js
CHANGED
|
@@ -1,13 +1,19 @@
|
|
|
1
|
+
import { getAccessToken, getUser } from 'chayns-api';
|
|
1
2
|
import { getFileAsArrayBuffer } from '../../utils/fileDialog';
|
|
2
3
|
/**
|
|
3
4
|
* Uploads an image to the tsimg cloud service
|
|
4
5
|
*/
|
|
5
6
|
export const postImage = async _ref => {
|
|
6
7
|
let {
|
|
7
|
-
|
|
8
|
-
file,
|
|
9
|
-
personId
|
|
8
|
+
file
|
|
10
9
|
} = _ref;
|
|
10
|
+
const {
|
|
11
|
+
accessToken
|
|
12
|
+
} = await getAccessToken();
|
|
13
|
+
const user = getUser();
|
|
14
|
+
if (!accessToken || !user?.personId) {
|
|
15
|
+
return undefined;
|
|
16
|
+
}
|
|
11
17
|
const body = await getFileAsArrayBuffer(file);
|
|
12
18
|
const response = await fetch('https://api.tsimg.cloud/image', {
|
|
13
19
|
body,
|
|
@@ -15,7 +21,7 @@ export const postImage = async _ref => {
|
|
|
15
21
|
Accept: 'application/json',
|
|
16
22
|
Authorization: `bearer ${accessToken}`,
|
|
17
23
|
'Content-Type': 'image/*',
|
|
18
|
-
'X-Person-Id': personId
|
|
24
|
+
'X-Person-Id': user.personId
|
|
19
25
|
},
|
|
20
26
|
method: 'POST'
|
|
21
27
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"post.js","names":["getFileAsArrayBuffer","postImage","_ref","accessToken","
|
|
1
|
+
{"version":3,"file":"post.js","names":["getAccessToken","getUser","getFileAsArrayBuffer","postImage","_ref","file","accessToken","user","personId","undefined","body","response","fetch","headers","Accept","Authorization","method","ok","json","Error","status"],"sources":["../../../src/api/image/post.ts"],"sourcesContent":["import { getAccessToken, getUser } from 'chayns-api';\nimport type { Meta } from '../../types/file';\nimport { getFileAsArrayBuffer } from '../../utils/fileDialog';\n\nexport interface PostImageResult {\n key: string;\n base: string;\n meta?: Meta;\n}\n\ninterface PostImageOptions {\n file: File;\n}\n\n/**\n * Uploads an image to the tsimg cloud service\n */\nexport const postImage = async ({\n file,\n}: PostImageOptions): Promise<PostImageResult | undefined> => {\n const { accessToken } = await getAccessToken();\n const user = getUser();\n\n if (!accessToken || !user?.personId) {\n return undefined;\n }\n\n const body = await getFileAsArrayBuffer(file);\n\n const response = await fetch('https://api.tsimg.cloud/image', {\n body,\n headers: {\n Accept: 'application/json',\n Authorization: `bearer ${accessToken}`,\n 'Content-Type': 'image/*',\n 'X-Person-Id': user.personId,\n },\n method: 'POST',\n });\n\n if (response.ok) {\n return (await response.json()) as PostImageResult;\n }\n\n throw Error(`Failed to POST image (status code: ${response.status}).`);\n};\n"],"mappings":"AAAA,SAASA,cAAc,EAAEC,OAAO,QAAQ,YAAY;AAEpD,SAASC,oBAAoB,QAAQ,wBAAwB;AAY7D;AACA;AACA;AACA,OAAO,MAAMC,SAAS,GAAG,MAAAC,IAAA,IAEqC;EAAA,IAF9B;IAC5BC;EACc,CAAC,GAAAD,IAAA;EACf,MAAM;IAAEE;EAAY,CAAC,GAAG,MAAMN,cAAc,CAAC,CAAC;EAC9C,MAAMO,IAAI,GAAGN,OAAO,CAAC,CAAC;EAEtB,IAAI,CAACK,WAAW,IAAI,CAACC,IAAI,EAAEC,QAAQ,EAAE;IACjC,OAAOC,SAAS;EACpB;EAEA,MAAMC,IAAI,GAAG,MAAMR,oBAAoB,CAACG,IAAI,CAAC;EAE7C,MAAMM,QAAQ,GAAG,MAAMC,KAAK,CAAC,+BAA+B,EAAE;IAC1DF,IAAI;IACJG,OAAO,EAAE;MACLC,MAAM,EAAE,kBAAkB;MAC1BC,aAAa,EAAG,UAAST,WAAY,EAAC;MACtC,cAAc,EAAE,SAAS;MACzB,aAAa,EAAEC,IAAI,CAACC;IACxB,CAAC;IACDQ,MAAM,EAAE;EACZ,CAAC,CAAC;EAEF,IAAIL,QAAQ,CAACM,EAAE,EAAE;IACb,OAAQ,MAAMN,QAAQ,CAACO,IAAI,CAAC,CAAC;EACjC;EAEA,MAAMC,KAAK,CAAE,sCAAqCR,QAAQ,CAACS,MAAO,IAAG,CAAC;AAC1E,CAAC"}
|
package/lib/api/video/post.d.ts
CHANGED
|
@@ -6,11 +6,10 @@ export interface PostVideoResult {
|
|
|
6
6
|
urlMP4: string;
|
|
7
7
|
}
|
|
8
8
|
interface PostVideoOptions {
|
|
9
|
-
accessToken: string;
|
|
10
9
|
file: File | Blob;
|
|
11
10
|
}
|
|
12
11
|
/**
|
|
13
12
|
* Uploads a video to the streaming service
|
|
14
13
|
*/
|
|
15
|
-
export declare const postVideo: ({
|
|
14
|
+
export declare const postVideo: ({ file, }: PostVideoOptions) => Promise<PostVideoResult | undefined>;
|
|
16
15
|
export {};
|
package/lib/api/video/post.js
CHANGED
|
@@ -1,11 +1,17 @@
|
|
|
1
|
+
import { getAccessToken } from 'chayns-api';
|
|
1
2
|
/**
|
|
2
3
|
* Uploads a video to the streaming service
|
|
3
4
|
*/
|
|
4
5
|
export const postVideo = async _ref => {
|
|
5
6
|
let {
|
|
6
|
-
accessToken,
|
|
7
7
|
file
|
|
8
8
|
} = _ref;
|
|
9
|
+
const {
|
|
10
|
+
accessToken
|
|
11
|
+
} = await getAccessToken();
|
|
12
|
+
if (!accessToken) {
|
|
13
|
+
return undefined;
|
|
14
|
+
}
|
|
9
15
|
const formData = new FormData();
|
|
10
16
|
formData.append('files', file);
|
|
11
17
|
const response = await fetch('https://streamingservice.chayns.space/video?disableIntercom=true', {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"post.js","names":["postVideo","_ref","accessToken","
|
|
1
|
+
{"version":3,"file":"post.js","names":["getAccessToken","postVideo","_ref","file","accessToken","undefined","formData","FormData","append","response","fetch","body","headers","Authorization","method","ok","data","json","Error","status"],"sources":["../../../src/api/video/post.ts"],"sourcesContent":["import { getAccessToken } from 'chayns-api';\n\nexport interface PostVideoResult {\n id: string;\n originalVideoQuality: string;\n thumbnailUrl: string;\n url: string;\n urlMP4: string;\n}\n\ninterface PostVideoOptions {\n file: File | Blob;\n}\n\n/**\n * Uploads a video to the streaming service\n */\nexport const postVideo = async ({\n file,\n}: PostVideoOptions): Promise<PostVideoResult | undefined> => {\n const { accessToken } = await getAccessToken();\n\n if (!accessToken) {\n return undefined;\n }\n\n const formData = new FormData();\n\n formData.append('files', file);\n\n const response = await fetch(\n 'https://streamingservice.chayns.space/video?disableIntercom=true',\n {\n body: formData,\n headers: {\n Authorization: `bearer ${accessToken}`,\n },\n method: 'POST',\n },\n );\n\n if (response.ok) {\n const data = (await response.json()) as PostVideoResult[];\n\n return data[0];\n }\n\n throw Error(`Failed to POST video (status code: ${response.status}).`);\n};\n"],"mappings":"AAAA,SAASA,cAAc,QAAQ,YAAY;AAc3C;AACA;AACA;AACA,OAAO,MAAMC,SAAS,GAAG,MAAAC,IAAA,IAEqC;EAAA,IAF9B;IAC5BC;EACc,CAAC,GAAAD,IAAA;EACf,MAAM;IAAEE;EAAY,CAAC,GAAG,MAAMJ,cAAc,CAAC,CAAC;EAE9C,IAAI,CAACI,WAAW,EAAE;IACd,OAAOC,SAAS;EACpB;EAEA,MAAMC,QAAQ,GAAG,IAAIC,QAAQ,CAAC,CAAC;EAE/BD,QAAQ,CAACE,MAAM,CAAC,OAAO,EAAEL,IAAI,CAAC;EAE9B,MAAMM,QAAQ,GAAG,MAAMC,KAAK,CACxB,kEAAkE,EAClE;IACIC,IAAI,EAAEL,QAAQ;IACdM,OAAO,EAAE;MACLC,aAAa,EAAG,UAAST,WAAY;IACzC,CAAC;IACDU,MAAM,EAAE;EACZ,CACJ,CAAC;EAED,IAAIL,QAAQ,CAACM,EAAE,EAAE;IACb,MAAMC,IAAI,GAAI,MAAMP,QAAQ,CAACQ,IAAI,CAAC,CAAuB;IAEzD,OAAOD,IAAI,CAAC,CAAC,CAAC;EAClB;EAEA,MAAME,KAAK,CAAE,sCAAqCT,QAAQ,CAACU,MAAO,IAAG,CAAC;AAC1E,CAAC"}
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
import type { FileItem, Image, Video } from '../types/file';
|
|
2
2
|
interface UploadFilesOptions {
|
|
3
3
|
fileToUpload: FileItem;
|
|
4
|
-
accessToken: string;
|
|
5
|
-
personId: string;
|
|
6
4
|
callback: (UploadedFile: Video | Image) => void;
|
|
7
5
|
}
|
|
8
|
-
export declare const uploadFile: ({ fileToUpload,
|
|
6
|
+
export declare const uploadFile: ({ fileToUpload, callback }: UploadFilesOptions) => Promise<void>;
|
|
9
7
|
export {};
|
package/lib/utils/uploadFile.js
CHANGED
|
@@ -3,8 +3,6 @@ import { postVideo } from '../api/video/post';
|
|
|
3
3
|
export const uploadFile = async _ref => {
|
|
4
4
|
let {
|
|
5
5
|
fileToUpload,
|
|
6
|
-
personId,
|
|
7
|
-
accessToken,
|
|
8
6
|
callback
|
|
9
7
|
} = _ref;
|
|
10
8
|
if (!fileToUpload || fileToUpload.state !== 'none') {
|
|
@@ -12,8 +10,7 @@ export const uploadFile = async _ref => {
|
|
|
12
10
|
}
|
|
13
11
|
if (fileToUpload.file?.type.includes('video/')) {
|
|
14
12
|
const uploadedVideo = await postVideo({
|
|
15
|
-
file: fileToUpload.file
|
|
16
|
-
accessToken
|
|
13
|
+
file: fileToUpload.file
|
|
17
14
|
});
|
|
18
15
|
if (uploadedVideo) {
|
|
19
16
|
callback({
|
|
@@ -24,9 +21,7 @@ export const uploadFile = async _ref => {
|
|
|
24
21
|
}
|
|
25
22
|
if (fileToUpload.file?.type.includes('image/')) {
|
|
26
23
|
const uploadedImage = await postImage({
|
|
27
|
-
file: fileToUpload.file
|
|
28
|
-
personId,
|
|
29
|
-
accessToken
|
|
24
|
+
file: fileToUpload.file
|
|
30
25
|
});
|
|
31
26
|
if (uploadedImage) {
|
|
32
27
|
callback({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"uploadFile.js","names":["postImage","postVideo","uploadFile","_ref","fileToUpload","
|
|
1
|
+
{"version":3,"file":"uploadFile.js","names":["postImage","postVideo","uploadFile","_ref","fileToUpload","callback","state","file","type","includes","uploadedVideo","id","toString","uploadedImage","url","base","key","meta"],"sources":["../../src/utils/uploadFile.ts"],"sourcesContent":["import { postImage } from '../api/image/post';\nimport { postVideo } from '../api/video/post';\nimport type { FileItem, Image, Video } from '../types/file';\n\ninterface UploadFilesOptions {\n fileToUpload: FileItem;\n callback: (UploadedFile: Video | Image) => void;\n}\n\nexport const uploadFile = async ({ fileToUpload, callback }: UploadFilesOptions): Promise<void> => {\n if (!fileToUpload || fileToUpload.state !== 'none') {\n return;\n }\n\n if (fileToUpload.file?.type.includes('video/')) {\n const uploadedVideo = await postVideo({ file: fileToUpload.file });\n\n if (uploadedVideo) {\n callback({\n ...uploadedVideo,\n id: uploadedVideo.id.toString(),\n });\n }\n }\n\n if (fileToUpload.file?.type.includes('image/')) {\n const uploadedImage = await postImage({ file: fileToUpload.file });\n\n if (uploadedImage) {\n callback({\n url: `${uploadedImage.base}/${uploadedImage.key}`,\n id: uploadedImage.key,\n meta: uploadedImage.meta,\n });\n }\n }\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,mBAAmB;AAC7C,SAASC,SAAS,QAAQ,mBAAmB;AAQ7C,OAAO,MAAMC,UAAU,GAAG,MAAAC,IAAA,IAAyE;EAAA,IAAlE;IAAEC,YAAY;IAAEC;EAA6B,CAAC,GAAAF,IAAA;EAC3E,IAAI,CAACC,YAAY,IAAIA,YAAY,CAACE,KAAK,KAAK,MAAM,EAAE;IAChD;EACJ;EAEA,IAAIF,YAAY,CAACG,IAAI,EAAEC,IAAI,CAACC,QAAQ,CAAC,QAAQ,CAAC,EAAE;IAC5C,MAAMC,aAAa,GAAG,MAAMT,SAAS,CAAC;MAAEM,IAAI,EAAEH,YAAY,CAACG;IAAK,CAAC,CAAC;IAElE,IAAIG,aAAa,EAAE;MACfL,QAAQ,CAAC;QACL,GAAGK,aAAa;QAChBC,EAAE,EAAED,aAAa,CAACC,EAAE,CAACC,QAAQ,CAAC;MAClC,CAAC,CAAC;IACN;EACJ;EAEA,IAAIR,YAAY,CAACG,IAAI,EAAEC,IAAI,CAACC,QAAQ,CAAC,QAAQ,CAAC,EAAE;IAC5C,MAAMI,aAAa,GAAG,MAAMb,SAAS,CAAC;MAAEO,IAAI,EAAEH,YAAY,CAACG;IAAK,CAAC,CAAC;IAElE,IAAIM,aAAa,EAAE;MACfR,QAAQ,CAAC;QACLS,GAAG,EAAG,GAAED,aAAa,CAACE,IAAK,IAAGF,aAAa,CAACG,GAAI,EAAC;QACjDL,EAAE,EAAEE,aAAa,CAACG,GAAG;QACrBC,IAAI,EAAEJ,aAAa,CAACI;MACxB,CAAC,CAAC;IACN;EACJ;AACJ,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@chayns-components/core",
|
|
3
|
-
"version": "5.0.0-beta.
|
|
3
|
+
"version": "5.0.0-beta.457",
|
|
4
4
|
"description": "A set of beautiful React components for developing your own applications with chayns.",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"browserslist": [
|
|
@@ -72,5 +72,5 @@
|
|
|
72
72
|
"publishConfig": {
|
|
73
73
|
"access": "public"
|
|
74
74
|
},
|
|
75
|
-
"gitHead": "
|
|
75
|
+
"gitHead": "14f7fd7ff2e7c85c81793db66efc02482cdbd527"
|
|
76
76
|
}
|