bg2e-js 2.3.11 → 2.3.13
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/dist/bg2e-js.js +356 -326
- package/dist/bg2e-js.js.map +1 -1
- package/package.json +56 -56
- package/src/app/AppController.ts +39 -39
- package/src/app/Bg2KeyboardEvent.ts +54 -54
- package/src/app/Bg2MouseEvent.ts +82 -82
- package/src/app/Bg2TouchEvent.ts +18 -18
- package/src/app/Canvas.ts +108 -108
- package/src/app/EventBase.ts +10 -10
- package/src/app/MainLoop.ts +273 -273
- package/src/app/index.ts +24 -24
- package/src/base/Color.ts +134 -134
- package/src/base/Environment.ts +183 -183
- package/src/base/Light.ts +192 -192
- package/src/base/Material.ts +620 -620
- package/src/base/PolyList.ts +365 -365
- package/src/base/Texture.ts +620 -620
- package/src/base/index.ts +81 -81
- package/src/db/Bg2LoaderPlugin.ts +143 -143
- package/src/db/DBPluginApi.ts +48 -48
- package/src/db/Loader.ts +116 -116
- package/src/db/LoaderPlugin.ts +34 -34
- package/src/db/MtlParser.ts +7 -7
- package/src/db/ObjLoaderPlugin.ts +54 -54
- package/src/db/ObjParser.ts +252 -252
- package/src/db/ObjWriterPlugin.ts +18 -18
- package/src/db/VitscnjLoaderPlugin.ts +112 -112
- package/src/db/Writer.ts +52 -52
- package/src/db/WriterPlugin.ts +22 -22
- package/src/db/index.ts +44 -44
- package/src/debug/DebugRenderer.ts +173 -173
- package/src/debug/WebGLTextureViewer.ts +75 -75
- package/src/debug/index.ts +6 -6
- package/src/index.html +11 -11
- package/src/index.ts +33 -33
- package/src/manipulation/SelectionBuffer.ts +81 -81
- package/src/manipulation/SelectionHighlight.ts +105 -84
- package/src/manipulation/SelectionIdAssignVisitor.ts +96 -96
- package/src/manipulation/SelectionManager.ts +196 -188
- package/src/manipulation/SelectionMode.ts +6 -6
- package/src/math/Mat3.ts +259 -259
- package/src/math/Mat4.ts +710 -710
- package/src/math/MatrixStrategy.ts +25 -25
- package/src/math/Quat.ts +65 -65
- package/src/math/Vec.ts +753 -753
- package/src/math/constants.ts +46 -46
- package/src/math/functions.ts +103 -103
- package/src/math/index.ts +74 -74
- package/src/phsics/joint.ts +137 -137
- package/src/primitives/arrow.ts +57 -57
- package/src/primitives/cone.ts +138 -138
- package/src/primitives/cube.ts +60 -60
- package/src/primitives/cylinder.ts +216 -216
- package/src/primitives/index.ts +13 -13
- package/src/primitives/plane.ts +31 -31
- package/src/primitives/sphere.ts +809 -809
- package/src/react/useBg2e.ts +69 -69
- package/src/render/BRDFIntegrationMap.ts +4 -4
- package/src/render/Environment.ts +135 -135
- package/src/render/FrameBuffer.ts +35 -35
- package/src/render/MaterialRenderer.ts +34 -34
- package/src/render/Pipeline.ts +108 -108
- package/src/render/PolyListRenderer.ts +47 -47
- package/src/render/RenderBuffer.ts +197 -197
- package/src/render/RenderQueue.ts +198 -198
- package/src/render/RenderState.ts +116 -116
- package/src/render/Renderer.ts +248 -248
- package/src/render/SceneAppController.ts +250 -250
- package/src/render/SceneRenderer.ts +387 -387
- package/src/render/Shader.ts +32 -32
- package/src/render/ShadowRenderer.ts +176 -176
- package/src/render/SkyCube.ts +105 -105
- package/src/render/SkySphere.ts +117 -117
- package/src/render/TextureMergerRenderer.ts +70 -70
- package/src/render/TextureRenderer.ts +34 -34
- package/src/render/index.ts +67 -67
- package/src/render/webgl/FrameBuffer.ts +9 -9
- package/src/render/webgl/MaterialRenderer.ts +112 -112
- package/src/render/webgl/Pipeline.ts +88 -88
- package/src/render/webgl/PolyListRenderer.ts +260 -260
- package/src/render/webgl/RenderBuffer.ts +226 -226
- package/src/render/webgl/Renderer.ts +262 -262
- package/src/render/webgl/SceneRenderer.ts +67 -67
- package/src/render/webgl/ShaderProgram.ts +424 -424
- package/src/render/webgl/ShadowRenderer.ts +6 -6
- package/src/render/webgl/SkyCube.ts +15 -15
- package/src/render/webgl/SkySphere.ts +15 -15
- package/src/render/webgl/State.ts +152 -152
- package/src/render/webgl/TextureRenderer.ts +167 -167
- package/src/render/webgl/VertexBuffer.ts +137 -137
- package/src/render/webgl/index.ts +35 -35
- package/src/scene/Camera.ts +458 -458
- package/src/scene/Chain.ts +44 -44
- package/src/scene/ChainJoint.ts +58 -58
- package/src/scene/Component.ts +177 -177
- package/src/scene/ComponentMap.ts +106 -106
- package/src/scene/Drawable.ts +154 -154
- package/src/scene/EnvironmentComponent.ts +141 -141
- package/src/scene/FindNodeVisitor.ts +59 -59
- package/src/scene/LightComponent.ts +154 -154
- package/src/scene/MatrixState.ts +46 -46
- package/src/scene/Node.ts +328 -328
- package/src/scene/NodeVisitor.ts +15 -15
- package/src/scene/OrbitCameraController.ts +450 -450
- package/src/scene/SmoothOrbitCameraController.ts +99 -99
- package/src/scene/Transform.ts +73 -73
- package/src/scene/index.ts +60 -60
- package/src/shaders/BasicDiffuseColorShader.ts +111 -111
- package/src/shaders/BasicPBRLightShader.ts +276 -276
- package/src/shaders/DebugRenderShader.ts +97 -97
- package/src/shaders/DepthRenderShader.ts +127 -127
- package/src/shaders/IrradianceMapCubeShader.ts +115 -115
- package/src/shaders/PBRLightIBLShader.ts +486 -486
- package/src/shaders/PickSelectionShader.ts +101 -101
- package/src/shaders/PresentDebugFramebufferShader.ts +118 -118
- package/src/shaders/PresentTextureShader.ts +99 -99
- package/src/shaders/SelectionHighlightShader.ts +143 -127
- package/src/shaders/ShaderFunction.ts +318 -318
- package/src/shaders/SkyCubeShader.ts +93 -93
- package/src/shaders/SkySphereShader.ts +102 -102
- package/src/shaders/SpecularMapCubeShader.ts +164 -164
- package/src/shaders/TextureMergerShader.ts +171 -171
- package/src/shaders/index.ts +36 -36
- package/src/shaders/webgl/color_correction.glsl +47 -47
- package/src/shaders/webgl/constants.glsl +6 -6
- package/src/shaders/webgl/index.ts +70 -70
- package/src/shaders/webgl/normal_map.glsl +9 -9
- package/src/shaders/webgl/pbr.glsl +173 -173
- package/src/shaders/webgl/uniforms.glsl +91 -91
- package/src/shaders/webgl_shader_lib.ts +213 -213
- package/src/tools/BinaryResourceProvider.ts +14 -14
- package/src/tools/ImageResourceProvider.ts +66 -66
- package/src/tools/MaterialModifier.ts +446 -446
- package/src/tools/Resource.ts +203 -203
- package/src/tools/ResourceProvider.ts +69 -69
- package/src/tools/TextResourceProvider.ts +24 -24
- package/src/tools/TextureCache.ts +51 -51
- package/src/tools/TextureResourceDatabase.ts +100 -100
- package/src/tools/UserAgent.ts +362 -362
- package/src/tools/VideoResourceProvider.ts +50 -50
- package/src/tools/WriteStrategy.ts +22 -22
- package/src/tools/base64.ts +11 -11
- package/src/tools/crypto.ts +19 -19
- package/src/tools/endiantess.ts +13 -13
- package/src/tools/image.ts +18 -18
- package/src/tools/index.ts +41 -41
- package/src/tools/processType.ts +39 -39
- package/src/vite-env.d.ts +12 -12
package/src/tools/Resource.ts
CHANGED
|
@@ -1,203 +1,203 @@
|
|
|
1
|
-
|
|
2
|
-
import ImageResourceProvider from "./ImageResourceProvider.js";
|
|
3
|
-
import VideoResourceProvider from "./VideoResourceProvider.js";
|
|
4
|
-
import BinaryResourceProvider from "./BinaryResourceProvider.js";
|
|
5
|
-
import TextResourceProvider from "./TextResourceProvider.js";
|
|
6
|
-
import ResourceProvider from "./ResourceProvider.js";
|
|
7
|
-
|
|
8
|
-
interface WriteStrategy {
|
|
9
|
-
writeBytes(url: string, data: Uint8Array): Promise<void>;
|
|
10
|
-
writeImage(url: string, data: HTMLImageElement): Promise<void>;
|
|
11
|
-
writeText(url: string, data: string): Promise<void>;
|
|
12
|
-
writeJson(url: string, data: any): Promise<void>;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
interface ResourceConstructorOptions {
|
|
16
|
-
imageProvider?: ImageResourceProvider | null;
|
|
17
|
-
videoProvider?: VideoResourceProvider | null;
|
|
18
|
-
binaryProvider?: BinaryResourceProvider | null;
|
|
19
|
-
textProvider?: TextResourceProvider | null;
|
|
20
|
-
writeStrategy?: WriteStrategy | null;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
export enum ResourceType {
|
|
24
|
-
PolyList = 'PolyList', // Array of meshes
|
|
25
|
-
Drawable = 'Drawable',
|
|
26
|
-
Node = 'Node',
|
|
27
|
-
Texture = 'Texture',
|
|
28
|
-
Material = 'Material'
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
export const getExtension = (url: string): string => {
|
|
32
|
-
const reResult = /\.([a-z0-9]+)$/i.exec(url);
|
|
33
|
-
if (reResult) {
|
|
34
|
-
return reResult[1];
|
|
35
|
-
}
|
|
36
|
-
else {
|
|
37
|
-
return "";
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
export const getFileName = (url: string): string => {
|
|
42
|
-
const reResult = /(.+)\/(.+)$/.exec(url);
|
|
43
|
-
if (reResult) {
|
|
44
|
-
return reResult[2];
|
|
45
|
-
}
|
|
46
|
-
else {
|
|
47
|
-
return url;
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
export const removeExtension = (url: string): string => {
|
|
52
|
-
const reResult = /(.+)\.(.+)$/.exec(url);
|
|
53
|
-
if (reResult) {
|
|
54
|
-
return reResult[1];
|
|
55
|
-
}
|
|
56
|
-
else {
|
|
57
|
-
return url;
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
export const removeFileName = (url: string): string => {
|
|
62
|
-
const i = url.lastIndexOf('/');
|
|
63
|
-
if (i != -1) {
|
|
64
|
-
return url.substring(0,i + 1);
|
|
65
|
-
}
|
|
66
|
-
return url;
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
export const isAbsolute = (url: string): boolean => {
|
|
70
|
-
return /^http|^\//i.test(url);
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
export const jointUrl = (base: string, append: string): string => {
|
|
74
|
-
if (base[base.length - 1] !== '/' && append[0] !== '/') {
|
|
75
|
-
return `${base}/${append}`;
|
|
76
|
-
}
|
|
77
|
-
else if ((base[base.length - 1] === '/' && append[0] !== '/') ||
|
|
78
|
-
(base[base.length - 1] !== '/' && append[0] === '/')) {
|
|
79
|
-
return `${base}${append}`;
|
|
80
|
-
}
|
|
81
|
-
else {
|
|
82
|
-
return `${base}${append.slice(1)}`;
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
export const isFormat = (url: string, formats: string[]): boolean => formats.some(fmt => (new RegExp(`\.${fmt}`,'i')).test(url));
|
|
87
|
-
|
|
88
|
-
export const addFormats = (fmts: string | string[], dst: string[]): void => {
|
|
89
|
-
if (!Array.isArray(fmts)) {
|
|
90
|
-
fmts = [fmts]
|
|
91
|
-
}
|
|
92
|
-
fmts.forEach(fmt => {
|
|
93
|
-
if (dst.indexOf(fmt) === -1) {
|
|
94
|
-
dst.push(fmt);
|
|
95
|
-
}
|
|
96
|
-
});
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
const g_validImageFormats = [
|
|
101
|
-
"jpg",
|
|
102
|
-
"jpeg",
|
|
103
|
-
"gif",
|
|
104
|
-
"png"
|
|
105
|
-
];
|
|
106
|
-
|
|
107
|
-
export const isValidImage = (url: string): boolean => isFormat(url,g_validImageFormats);
|
|
108
|
-
|
|
109
|
-
export const addImageFormats = (fmts: string | string[]): void => {
|
|
110
|
-
addFormats(fmts, g_validImageFormats);
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
export const getValidImageFormats = (): string[] => g_validImageFormats;
|
|
114
|
-
|
|
115
|
-
const g_validVideoFormats = [
|
|
116
|
-
"mp4",
|
|
117
|
-
"m4v"
|
|
118
|
-
];
|
|
119
|
-
|
|
120
|
-
export const isValidVideo = (url: string): boolean => isFormat(url,g_validVideoFormats);
|
|
121
|
-
|
|
122
|
-
export const addVideoFormats = (fmts: string | string[]): void => {
|
|
123
|
-
addFormats(fmts, g_validVideoFormats);
|
|
124
|
-
}
|
|
125
|
-
|
|
126
|
-
export const getValidVideoFormats = (): string[] => g_validVideoFormats;
|
|
127
|
-
|
|
128
|
-
const g_validBinaryFormats = [
|
|
129
|
-
"vwglb",
|
|
130
|
-
"bg2"
|
|
131
|
-
];
|
|
132
|
-
|
|
133
|
-
export const isValidBinary = (url: string): boolean => isFormat(url, g_validBinaryFormats);
|
|
134
|
-
|
|
135
|
-
export const addBinaryFormats = (fmts: string | string[]): void => {
|
|
136
|
-
addFormats(fmts, g_validBinaryFormats);
|
|
137
|
-
}
|
|
138
|
-
|
|
139
|
-
export const getValidBinaryFormats = (): string[] => g_validBinaryFormats;
|
|
140
|
-
|
|
141
|
-
export default class Resource {
|
|
142
|
-
private _imageProvider: ImageResourceProvider;
|
|
143
|
-
private _videoProvider: VideoResourceProvider;
|
|
144
|
-
private _binaryProvider: BinaryResourceProvider;
|
|
145
|
-
private _textProvider: TextResourceProvider;
|
|
146
|
-
private _writeStrategy?: WriteStrategy;
|
|
147
|
-
|
|
148
|
-
constructor({
|
|
149
|
-
imageProvider = null,
|
|
150
|
-
videoProvider = null,
|
|
151
|
-
binaryProvider = null,
|
|
152
|
-
textProvider = null,
|
|
153
|
-
writeStrategy = undefined
|
|
154
|
-
}: ResourceConstructorOptions = {}) {
|
|
155
|
-
this._imageProvider = imageProvider || new ImageResourceProvider();
|
|
156
|
-
this._videoProvider = videoProvider || new VideoResourceProvider();
|
|
157
|
-
this._binaryProvider = binaryProvider || new BinaryResourceProvider();
|
|
158
|
-
this._textProvider = textProvider || new TextResourceProvider();
|
|
159
|
-
|
|
160
|
-
if (writeStrategy) {
|
|
161
|
-
this.writeStrategy = writeStrategy;
|
|
162
|
-
}
|
|
163
|
-
}
|
|
164
|
-
|
|
165
|
-
set writeStrategy(ws: WriteStrategy | undefined) {
|
|
166
|
-
this._writeStrategy = ws;
|
|
167
|
-
|
|
168
|
-
if (ws) {
|
|
169
|
-
this._imageProvider.writeStrategy = ws;
|
|
170
|
-
this._videoProvider.writeStrategy = ws;
|
|
171
|
-
this._binaryProvider.writeStrategy = ws;
|
|
172
|
-
this._textProvider.writeStrategy = ws;
|
|
173
|
-
}
|
|
174
|
-
}
|
|
175
|
-
|
|
176
|
-
get writeStrategy(): WriteStrategy | undefined {
|
|
177
|
-
return this._writeStrategy;
|
|
178
|
-
}
|
|
179
|
-
|
|
180
|
-
getProvider(url: string): ResourceProvider {
|
|
181
|
-
switch (true) {
|
|
182
|
-
case isValidImage(url):
|
|
183
|
-
return this._imageProvider;
|
|
184
|
-
case isValidVideo(url):
|
|
185
|
-
return this._videoProvider;
|
|
186
|
-
case isValidBinary(url):
|
|
187
|
-
return this._binaryProvider;
|
|
188
|
-
default:
|
|
189
|
-
return this._textProvider;
|
|
190
|
-
}
|
|
191
|
-
}
|
|
192
|
-
|
|
193
|
-
async load(url: string): Promise<any> {
|
|
194
|
-
const provider = this.getProvider(url);
|
|
195
|
-
const data = await provider.load(url);
|
|
196
|
-
return data;
|
|
197
|
-
}
|
|
198
|
-
|
|
199
|
-
async write(url: string, data: any): Promise<void> {
|
|
200
|
-
const provider = this.getProvider(url);
|
|
201
|
-
return await provider.write(url,data);
|
|
202
|
-
}
|
|
203
|
-
}
|
|
1
|
+
|
|
2
|
+
import ImageResourceProvider from "./ImageResourceProvider.js";
|
|
3
|
+
import VideoResourceProvider from "./VideoResourceProvider.js";
|
|
4
|
+
import BinaryResourceProvider from "./BinaryResourceProvider.js";
|
|
5
|
+
import TextResourceProvider from "./TextResourceProvider.js";
|
|
6
|
+
import ResourceProvider from "./ResourceProvider.js";
|
|
7
|
+
|
|
8
|
+
interface WriteStrategy {
|
|
9
|
+
writeBytes(url: string, data: Uint8Array): Promise<void>;
|
|
10
|
+
writeImage(url: string, data: HTMLImageElement): Promise<void>;
|
|
11
|
+
writeText(url: string, data: string): Promise<void>;
|
|
12
|
+
writeJson(url: string, data: any): Promise<void>;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
interface ResourceConstructorOptions {
|
|
16
|
+
imageProvider?: ImageResourceProvider | null;
|
|
17
|
+
videoProvider?: VideoResourceProvider | null;
|
|
18
|
+
binaryProvider?: BinaryResourceProvider | null;
|
|
19
|
+
textProvider?: TextResourceProvider | null;
|
|
20
|
+
writeStrategy?: WriteStrategy | null;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
export enum ResourceType {
|
|
24
|
+
PolyList = 'PolyList', // Array of meshes
|
|
25
|
+
Drawable = 'Drawable',
|
|
26
|
+
Node = 'Node',
|
|
27
|
+
Texture = 'Texture',
|
|
28
|
+
Material = 'Material'
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
export const getExtension = (url: string): string => {
|
|
32
|
+
const reResult = /\.([a-z0-9]+)$/i.exec(url);
|
|
33
|
+
if (reResult) {
|
|
34
|
+
return reResult[1];
|
|
35
|
+
}
|
|
36
|
+
else {
|
|
37
|
+
return "";
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
export const getFileName = (url: string): string => {
|
|
42
|
+
const reResult = /(.+)\/(.+)$/.exec(url);
|
|
43
|
+
if (reResult) {
|
|
44
|
+
return reResult[2];
|
|
45
|
+
}
|
|
46
|
+
else {
|
|
47
|
+
return url;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
export const removeExtension = (url: string): string => {
|
|
52
|
+
const reResult = /(.+)\.(.+)$/.exec(url);
|
|
53
|
+
if (reResult) {
|
|
54
|
+
return reResult[1];
|
|
55
|
+
}
|
|
56
|
+
else {
|
|
57
|
+
return url;
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
export const removeFileName = (url: string): string => {
|
|
62
|
+
const i = url.lastIndexOf('/');
|
|
63
|
+
if (i != -1) {
|
|
64
|
+
return url.substring(0,i + 1);
|
|
65
|
+
}
|
|
66
|
+
return url;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
export const isAbsolute = (url: string): boolean => {
|
|
70
|
+
return /^http|^\//i.test(url);
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
export const jointUrl = (base: string, append: string): string => {
|
|
74
|
+
if (base[base.length - 1] !== '/' && append[0] !== '/') {
|
|
75
|
+
return `${base}/${append}`;
|
|
76
|
+
}
|
|
77
|
+
else if ((base[base.length - 1] === '/' && append[0] !== '/') ||
|
|
78
|
+
(base[base.length - 1] !== '/' && append[0] === '/')) {
|
|
79
|
+
return `${base}${append}`;
|
|
80
|
+
}
|
|
81
|
+
else {
|
|
82
|
+
return `${base}${append.slice(1)}`;
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
export const isFormat = (url: string, formats: string[]): boolean => formats.some(fmt => (new RegExp(`\.${fmt}`,'i')).test(url));
|
|
87
|
+
|
|
88
|
+
export const addFormats = (fmts: string | string[], dst: string[]): void => {
|
|
89
|
+
if (!Array.isArray(fmts)) {
|
|
90
|
+
fmts = [fmts]
|
|
91
|
+
}
|
|
92
|
+
fmts.forEach(fmt => {
|
|
93
|
+
if (dst.indexOf(fmt) === -1) {
|
|
94
|
+
dst.push(fmt);
|
|
95
|
+
}
|
|
96
|
+
});
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
|
|
100
|
+
const g_validImageFormats = [
|
|
101
|
+
"jpg",
|
|
102
|
+
"jpeg",
|
|
103
|
+
"gif",
|
|
104
|
+
"png"
|
|
105
|
+
];
|
|
106
|
+
|
|
107
|
+
export const isValidImage = (url: string): boolean => isFormat(url,g_validImageFormats);
|
|
108
|
+
|
|
109
|
+
export const addImageFormats = (fmts: string | string[]): void => {
|
|
110
|
+
addFormats(fmts, g_validImageFormats);
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
export const getValidImageFormats = (): string[] => g_validImageFormats;
|
|
114
|
+
|
|
115
|
+
const g_validVideoFormats = [
|
|
116
|
+
"mp4",
|
|
117
|
+
"m4v"
|
|
118
|
+
];
|
|
119
|
+
|
|
120
|
+
export const isValidVideo = (url: string): boolean => isFormat(url,g_validVideoFormats);
|
|
121
|
+
|
|
122
|
+
export const addVideoFormats = (fmts: string | string[]): void => {
|
|
123
|
+
addFormats(fmts, g_validVideoFormats);
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
export const getValidVideoFormats = (): string[] => g_validVideoFormats;
|
|
127
|
+
|
|
128
|
+
const g_validBinaryFormats = [
|
|
129
|
+
"vwglb",
|
|
130
|
+
"bg2"
|
|
131
|
+
];
|
|
132
|
+
|
|
133
|
+
export const isValidBinary = (url: string): boolean => isFormat(url, g_validBinaryFormats);
|
|
134
|
+
|
|
135
|
+
export const addBinaryFormats = (fmts: string | string[]): void => {
|
|
136
|
+
addFormats(fmts, g_validBinaryFormats);
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
export const getValidBinaryFormats = (): string[] => g_validBinaryFormats;
|
|
140
|
+
|
|
141
|
+
export default class Resource {
|
|
142
|
+
private _imageProvider: ImageResourceProvider;
|
|
143
|
+
private _videoProvider: VideoResourceProvider;
|
|
144
|
+
private _binaryProvider: BinaryResourceProvider;
|
|
145
|
+
private _textProvider: TextResourceProvider;
|
|
146
|
+
private _writeStrategy?: WriteStrategy;
|
|
147
|
+
|
|
148
|
+
constructor({
|
|
149
|
+
imageProvider = null,
|
|
150
|
+
videoProvider = null,
|
|
151
|
+
binaryProvider = null,
|
|
152
|
+
textProvider = null,
|
|
153
|
+
writeStrategy = undefined
|
|
154
|
+
}: ResourceConstructorOptions = {}) {
|
|
155
|
+
this._imageProvider = imageProvider || new ImageResourceProvider();
|
|
156
|
+
this._videoProvider = videoProvider || new VideoResourceProvider();
|
|
157
|
+
this._binaryProvider = binaryProvider || new BinaryResourceProvider();
|
|
158
|
+
this._textProvider = textProvider || new TextResourceProvider();
|
|
159
|
+
|
|
160
|
+
if (writeStrategy) {
|
|
161
|
+
this.writeStrategy = writeStrategy;
|
|
162
|
+
}
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
set writeStrategy(ws: WriteStrategy | undefined) {
|
|
166
|
+
this._writeStrategy = ws;
|
|
167
|
+
|
|
168
|
+
if (ws) {
|
|
169
|
+
this._imageProvider.writeStrategy = ws;
|
|
170
|
+
this._videoProvider.writeStrategy = ws;
|
|
171
|
+
this._binaryProvider.writeStrategy = ws;
|
|
172
|
+
this._textProvider.writeStrategy = ws;
|
|
173
|
+
}
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
get writeStrategy(): WriteStrategy | undefined {
|
|
177
|
+
return this._writeStrategy;
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
getProvider(url: string): ResourceProvider {
|
|
181
|
+
switch (true) {
|
|
182
|
+
case isValidImage(url):
|
|
183
|
+
return this._imageProvider;
|
|
184
|
+
case isValidVideo(url):
|
|
185
|
+
return this._videoProvider;
|
|
186
|
+
case isValidBinary(url):
|
|
187
|
+
return this._binaryProvider;
|
|
188
|
+
default:
|
|
189
|
+
return this._textProvider;
|
|
190
|
+
}
|
|
191
|
+
}
|
|
192
|
+
|
|
193
|
+
async load(url: string): Promise<any> {
|
|
194
|
+
const provider = this.getProvider(url);
|
|
195
|
+
const data = await provider.load(url);
|
|
196
|
+
return data;
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
async write(url: string, data: any): Promise<void> {
|
|
200
|
+
const provider = this.getProvider(url);
|
|
201
|
+
return await provider.write(url,data);
|
|
202
|
+
}
|
|
203
|
+
}
|
|
@@ -1,69 +1,69 @@
|
|
|
1
|
-
import { isBrowser } from './processType';
|
|
2
|
-
import { base64ToArrayBuffer } from './base64';
|
|
3
|
-
|
|
4
|
-
export enum DataFormat {
|
|
5
|
-
BYTES = 0, // Uint8Array
|
|
6
|
-
IMAGE = 1, // DOM img
|
|
7
|
-
BASE64 = 2, // Base64 string. It can include or not the Base64 image prefix
|
|
8
|
-
TEXT = 3, // Text string
|
|
9
|
-
JSON_STRING = 4, // JSON text
|
|
10
|
-
JSON_OBJECT = 5, // JSON serializable object
|
|
11
|
-
FILE_PATH = 6 // File path (used to implement file copy)
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
interface WriteStrategy {
|
|
15
|
-
writeBytes(url: string, data: Uint8Array): Promise<void>;
|
|
16
|
-
writeImage(url: string, data: HTMLImageElement): Promise<void>;
|
|
17
|
-
writeText(url: string, data: string): Promise<void>;
|
|
18
|
-
writeJson(url: string, data: any): Promise<void>;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
export default class ResourceProvider {
|
|
22
|
-
private _writeStrategy?: WriteStrategy;
|
|
23
|
-
|
|
24
|
-
set writeStrategy(ws: WriteStrategy) {
|
|
25
|
-
this._writeStrategy = ws;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
get writeStrategy(): WriteStrategy {
|
|
29
|
-
if (!this._writeStrategy) {
|
|
30
|
-
throw new Error("ResourceProvider.write(): no write strategy configured.");
|
|
31
|
-
}
|
|
32
|
-
return this._writeStrategy;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
async load(url: string): Promise<any> {
|
|
36
|
-
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
async write(url: string, data: any, format: DataFormat = DataFormat.TEXT): Promise<void> {
|
|
40
|
-
switch (format) {
|
|
41
|
-
case DataFormat.BYTES:
|
|
42
|
-
return this.writeStrategy.writeBytes(url,data);
|
|
43
|
-
case DataFormat.IMAGE:
|
|
44
|
-
if (isBrowser()) {
|
|
45
|
-
return this.writeStrategy.writeImage(url, data);
|
|
46
|
-
}
|
|
47
|
-
else {
|
|
48
|
-
throw new Error("ResourceProvider.write() unsupported data format: Image data format is supported only on browsers or electron renderer process.");
|
|
49
|
-
}
|
|
50
|
-
case DataFormat.BASE64:
|
|
51
|
-
const bytes = await base64ToArrayBuffer(data);
|
|
52
|
-
return this.writeStrategy.writeBytes(url, bytes);
|
|
53
|
-
case DataFormat.TEXT:
|
|
54
|
-
return this.writeStrategy.writeText(url, data);
|
|
55
|
-
case DataFormat.JSON_STRING:
|
|
56
|
-
return this.writeStrategy.writeText(url, data);
|
|
57
|
-
case DataFormat.JSON_OBJECT:
|
|
58
|
-
return this.writeStrategy.writeJson(url, data);
|
|
59
|
-
case DataFormat.FILE_PATH:
|
|
60
|
-
return this.copyFile(url, data);
|
|
61
|
-
default:
|
|
62
|
-
throw new Error("ResourceProvider.write() invalid format");
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
async copyFile(destinationUrl: string, sourceFilePath: string): Promise<void> {
|
|
67
|
-
throw new Error("ResourceProvider.copyFile(): not implemented");
|
|
68
|
-
}
|
|
69
|
-
}
|
|
1
|
+
import { isBrowser } from './processType';
|
|
2
|
+
import { base64ToArrayBuffer } from './base64';
|
|
3
|
+
|
|
4
|
+
export enum DataFormat {
|
|
5
|
+
BYTES = 0, // Uint8Array
|
|
6
|
+
IMAGE = 1, // DOM img
|
|
7
|
+
BASE64 = 2, // Base64 string. It can include or not the Base64 image prefix
|
|
8
|
+
TEXT = 3, // Text string
|
|
9
|
+
JSON_STRING = 4, // JSON text
|
|
10
|
+
JSON_OBJECT = 5, // JSON serializable object
|
|
11
|
+
FILE_PATH = 6 // File path (used to implement file copy)
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
interface WriteStrategy {
|
|
15
|
+
writeBytes(url: string, data: Uint8Array): Promise<void>;
|
|
16
|
+
writeImage(url: string, data: HTMLImageElement): Promise<void>;
|
|
17
|
+
writeText(url: string, data: string): Promise<void>;
|
|
18
|
+
writeJson(url: string, data: any): Promise<void>;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
export default class ResourceProvider {
|
|
22
|
+
private _writeStrategy?: WriteStrategy;
|
|
23
|
+
|
|
24
|
+
set writeStrategy(ws: WriteStrategy) {
|
|
25
|
+
this._writeStrategy = ws;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
get writeStrategy(): WriteStrategy {
|
|
29
|
+
if (!this._writeStrategy) {
|
|
30
|
+
throw new Error("ResourceProvider.write(): no write strategy configured.");
|
|
31
|
+
}
|
|
32
|
+
return this._writeStrategy;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
async load(url: string): Promise<any> {
|
|
36
|
+
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
async write(url: string, data: any, format: DataFormat = DataFormat.TEXT): Promise<void> {
|
|
40
|
+
switch (format) {
|
|
41
|
+
case DataFormat.BYTES:
|
|
42
|
+
return this.writeStrategy.writeBytes(url,data);
|
|
43
|
+
case DataFormat.IMAGE:
|
|
44
|
+
if (isBrowser()) {
|
|
45
|
+
return this.writeStrategy.writeImage(url, data);
|
|
46
|
+
}
|
|
47
|
+
else {
|
|
48
|
+
throw new Error("ResourceProvider.write() unsupported data format: Image data format is supported only on browsers or electron renderer process.");
|
|
49
|
+
}
|
|
50
|
+
case DataFormat.BASE64:
|
|
51
|
+
const bytes = await base64ToArrayBuffer(data);
|
|
52
|
+
return this.writeStrategy.writeBytes(url, bytes);
|
|
53
|
+
case DataFormat.TEXT:
|
|
54
|
+
return this.writeStrategy.writeText(url, data);
|
|
55
|
+
case DataFormat.JSON_STRING:
|
|
56
|
+
return this.writeStrategy.writeText(url, data);
|
|
57
|
+
case DataFormat.JSON_OBJECT:
|
|
58
|
+
return this.writeStrategy.writeJson(url, data);
|
|
59
|
+
case DataFormat.FILE_PATH:
|
|
60
|
+
return this.copyFile(url, data);
|
|
61
|
+
default:
|
|
62
|
+
throw new Error("ResourceProvider.write() invalid format");
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
async copyFile(destinationUrl: string, sourceFilePath: string): Promise<void> {
|
|
67
|
+
throw new Error("ResourceProvider.copyFile(): not implemented");
|
|
68
|
+
}
|
|
69
|
+
}
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import ResourceProvider from './ResourceProvider';
|
|
2
|
-
|
|
3
|
-
export default class TextResourceProvider extends ResourceProvider {
|
|
4
|
-
async load(url: string): Promise<any> {
|
|
5
|
-
const response = await fetch(url);
|
|
6
|
-
if (response.ok) {
|
|
7
|
-
const textData = await response.text();
|
|
8
|
-
try {
|
|
9
|
-
const objectData = JSON.parse(textData);
|
|
10
|
-
return objectData;
|
|
11
|
-
}
|
|
12
|
-
catch (e) {
|
|
13
|
-
return textData;
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
else {
|
|
17
|
-
throw new Error(`Resource not found at '${ url }'`);
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
async write(url: string, data: any): Promise<void> {
|
|
22
|
-
throw new Error('TextResourceProvider.write not implemented.');
|
|
23
|
-
}
|
|
24
|
-
}
|
|
1
|
+
import ResourceProvider from './ResourceProvider';
|
|
2
|
+
|
|
3
|
+
export default class TextResourceProvider extends ResourceProvider {
|
|
4
|
+
async load(url: string): Promise<any> {
|
|
5
|
+
const response = await fetch(url);
|
|
6
|
+
if (response.ok) {
|
|
7
|
+
const textData = await response.text();
|
|
8
|
+
try {
|
|
9
|
+
const objectData = JSON.parse(textData);
|
|
10
|
+
return objectData;
|
|
11
|
+
}
|
|
12
|
+
catch (e) {
|
|
13
|
+
return textData;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
else {
|
|
17
|
+
throw new Error(`Resource not found at '${ url }'`);
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
async write(url: string, data: any): Promise<void> {
|
|
22
|
+
throw new Error('TextResourceProvider.write not implemented.');
|
|
23
|
+
}
|
|
24
|
+
}
|