vgapp 1.2.2 → 1.2.3

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 (59) hide show
  1. package/CHANGELOG.md +14 -1
  2. package/README.md +48 -48
  3. package/app/langs/en/buttons.json +17 -17
  4. package/app/langs/en/messages.json +36 -36
  5. package/app/langs/ru/buttons.json +17 -17
  6. package/app/langs/ru/messages.json +36 -36
  7. package/app/modules/vgfilepreview/js/i18n.js +56 -56
  8. package/app/modules/vgfilepreview/js/renderers/image-modal.js +145 -145
  9. package/app/modules/vgfilepreview/js/renderers/image.js +92 -92
  10. package/app/modules/vgfilepreview/js/renderers/index.js +19 -19
  11. package/app/modules/vgfilepreview/js/renderers/office-modal.js +168 -168
  12. package/app/modules/vgfilepreview/js/renderers/office.js +79 -79
  13. package/app/modules/vgfilepreview/js/renderers/pdf-modal.js +260 -260
  14. package/app/modules/vgfilepreview/js/renderers/pdf.js +76 -76
  15. package/app/modules/vgfilepreview/js/renderers/playlist.js +71 -71
  16. package/app/modules/vgfilepreview/js/renderers/text-modal.js +343 -343
  17. package/app/modules/vgfilepreview/js/renderers/text.js +83 -83
  18. package/app/modules/vgfilepreview/js/renderers/video-modal.js +272 -272
  19. package/app/modules/vgfilepreview/js/renderers/video.js +80 -80
  20. package/app/modules/vgfilepreview/js/renderers/zip-modal.js +522 -522
  21. package/app/modules/vgfilepreview/js/renderers/zip.js +89 -89
  22. package/app/modules/vgfilepreview/js/vgfilepreview.js +7 -7
  23. package/app/modules/vgfilepreview/readme.md +68 -68
  24. package/app/modules/vgfilepreview/scss/_variables.scss +113 -113
  25. package/app/modules/vgfilepreview/scss/vgfilepreview.scss +464 -464
  26. package/app/modules/vgfiles/js/base.js +26 -26
  27. package/app/modules/vgfiles/js/droppable.js +260 -260
  28. package/app/modules/vgfiles/js/render.js +153 -153
  29. package/app/modules/vgfiles/js/vgfiles.js +104 -104
  30. package/app/modules/vgfiles/readme.md +123 -123
  31. package/app/modules/vgfiles/scss/_variables.scss +18 -18
  32. package/app/modules/vgfiles/scss/vgfiles.scss +148 -148
  33. package/app/modules/vgformsender/js/hideshowpass.js +16 -16
  34. package/app/modules/vgformsender/js/vgformsender.js +144 -144
  35. package/app/modules/vgformsender/scss/vgformsender.scss +34 -34
  36. package/app/modules/vgmodal/js/vgmodal.drag.js +332 -332
  37. package/app/modules/vgmodal/js/vgmodal.js +1 -1
  38. package/app/modules/vgmodal/js/vgmodal.resize.js +435 -435
  39. package/app/modules/vgnav/js/vgnav.js +135 -135
  40. package/app/modules/vgnav/readme.md +67 -67
  41. package/app/modules/vgnestable/README.md +307 -307
  42. package/app/modules/vgnestable/scss/_variables.scss +60 -60
  43. package/app/modules/vgnestable/scss/vgnestable.scss +163 -163
  44. package/app/modules/vgselect/js/vgselect.js +39 -39
  45. package/app/modules/vgselect/scss/vgselect.scss +22 -22
  46. package/app/modules/vgspy/readme.md +28 -28
  47. package/app/modules/vgtoast/js/vgtoast.js +166 -135
  48. package/app/modules/vgtoast/readme.md +18 -18
  49. package/app/modules/vgtoast/scss/vgtoast.scss +48 -48
  50. package/app/utils/js/components/audio-metadata.js +240 -240
  51. package/app/utils/js/components/file-icon.js +109 -109
  52. package/app/utils/js/components/file-preview.js +304 -304
  53. package/app/utils/js/components/sanitize.js +150 -150
  54. package/app/utils/js/components/video-metadata.js +140 -140
  55. package/build/vgapp.css +1 -1
  56. package/build/vgapp.css.map +1 -1
  57. package/build/vgapp.js.map +1 -1
  58. package/index.scss +9 -9
  59. package/package.json +1 -1
@@ -1,240 +1,240 @@
1
- const AUDIO_EXTENSIONS = new Set(['mp3']);
2
-
3
- const readSyncSafeInt = (bytes, offset = 0) => {
4
- return ((bytes[offset] & 0x7f) << 21)
5
- | ((bytes[offset + 1] & 0x7f) << 14)
6
- | ((bytes[offset + 2] & 0x7f) << 7)
7
- | (bytes[offset + 3] & 0x7f);
8
- };
9
-
10
- const readUInt32 = (view, offset, useSyncSafe) => {
11
- if (useSyncSafe) {
12
- return readSyncSafeInt([
13
- view.getUint8(offset),
14
- view.getUint8(offset + 1),
15
- view.getUint8(offset + 2),
16
- view.getUint8(offset + 3)
17
- ], 0);
18
- }
19
-
20
- return (
21
- (view.getUint8(offset) << 24)
22
- | (view.getUint8(offset + 1) << 16)
23
- | (view.getUint8(offset + 2) << 8)
24
- | view.getUint8(offset + 3)
25
- ) >>> 0;
26
- };
27
-
28
- const decodeText = (bytes, encodingByte) => {
29
- if (!bytes || !bytes.length) {
30
- return '';
31
- }
32
-
33
- try {
34
- if (encodingByte === 0x00) {
35
- return new TextDecoder('iso-8859-1').decode(bytes).replace(/\u0000/g, '').trim();
36
- }
37
-
38
- if (encodingByte === 0x01) {
39
- if (bytes.length >= 2) {
40
- const bom0 = bytes[0];
41
- const bom1 = bytes[1];
42
- if (bom0 === 0xff && bom1 === 0xfe) {
43
- return new TextDecoder('utf-16le').decode(bytes.slice(2)).replace(/\u0000/g, '').trim();
44
- }
45
- if (bom0 === 0xfe && bom1 === 0xff) {
46
- const swapped = new Uint8Array(bytes.length - 2);
47
- for (let i = 2; i + 1 < bytes.length; i += 2) {
48
- swapped[i - 2] = bytes[i + 1];
49
- swapped[i - 1] = bytes[i];
50
- }
51
- return new TextDecoder('utf-16le').decode(swapped).replace(/\u0000/g, '').trim();
52
- }
53
- }
54
-
55
- return new TextDecoder('utf-16le').decode(bytes).replace(/\u0000/g, '').trim();
56
- }
57
-
58
- if (encodingByte === 0x02) {
59
- const swapped = new Uint8Array(bytes.length);
60
- for (let i = 0; i + 1 < bytes.length; i += 2) {
61
- swapped[i] = bytes[i + 1];
62
- swapped[i + 1] = bytes[i];
63
- }
64
- return new TextDecoder('utf-16le').decode(swapped).replace(/\u0000/g, '').trim();
65
- }
66
-
67
- return new TextDecoder('utf-8').decode(bytes).replace(/\u0000/g, '').trim();
68
- } catch {
69
- return '';
70
- }
71
- };
72
-
73
- const findNullTerminator = (bytes, start, step = 1) => {
74
- for (let i = start; i < bytes.length; i += step) {
75
- if (step === 2) {
76
- if (i + 1 < bytes.length && bytes[i] === 0x00 && bytes[i + 1] === 0x00) {
77
- return i;
78
- }
79
- } else if (bytes[i] === 0x00) {
80
- return i;
81
- }
82
- }
83
-
84
- return -1;
85
- };
86
-
87
- const parseApic = (frameBytes) => {
88
- if (!frameBytes || frameBytes.length < 4) {
89
- return null;
90
- }
91
-
92
- const encoding = frameBytes[0];
93
- let pos = 1;
94
-
95
- const mimeEnd = findNullTerminator(frameBytes, pos);
96
- if (mimeEnd < 0) {
97
- return null;
98
- }
99
- const mimeTypeRaw = new TextDecoder('iso-8859-1').decode(frameBytes.slice(pos, mimeEnd)).trim();
100
- pos = mimeEnd + 1;
101
-
102
- if (pos >= frameBytes.length) {
103
- return null;
104
- }
105
-
106
- pos += 1; // picture type
107
-
108
- const isUnicode = encoding === 0x01 || encoding === 0x02;
109
- const descEnd = findNullTerminator(frameBytes, pos, isUnicode ? 2 : 1);
110
- if (descEnd >= 0) {
111
- pos = descEnd + (isUnicode ? 2 : 1);
112
- }
113
-
114
- if (pos >= frameBytes.length) {
115
- return null;
116
- }
117
-
118
- const data = frameBytes.slice(pos);
119
- const mimeType = mimeTypeRaw || 'image/jpeg';
120
- if (!data.length) {
121
- return null;
122
- }
123
-
124
- return { mimeType, data };
125
- };
126
-
127
- const parseId3v2 = (arrayBuffer) => {
128
- const bytes = new Uint8Array(arrayBuffer);
129
- if (bytes.length < 10) {
130
- return null;
131
- }
132
-
133
- if (bytes[0] !== 0x49 || bytes[1] !== 0x44 || bytes[2] !== 0x33) {
134
- return null;
135
- }
136
-
137
- const version = bytes[3];
138
- if (version < 2 || version > 4) {
139
- return null;
140
- }
141
-
142
- const tagSize = readSyncSafeInt(bytes, 6);
143
- const totalTagSize = Math.min(bytes.length, tagSize + 10);
144
- const view = new DataView(arrayBuffer, 0, totalTagSize);
145
-
146
- let offset = 10;
147
- let title = '';
148
- let picture = null;
149
-
150
- while (offset + 10 <= totalTagSize) {
151
- const frameId = String.fromCharCode(
152
- view.getUint8(offset),
153
- view.getUint8(offset + 1),
154
- view.getUint8(offset + 2),
155
- view.getUint8(offset + 3)
156
- );
157
-
158
- if (!frameId.trim()) {
159
- break;
160
- }
161
-
162
- const frameSize = readUInt32(view, offset + 4, version === 4);
163
- if (!frameSize || frameSize < 1) {
164
- break;
165
- }
166
-
167
- const frameDataStart = offset + 10;
168
- const frameDataEnd = frameDataStart + frameSize;
169
- if (frameDataEnd > totalTagSize) {
170
- break;
171
- }
172
-
173
- const frameBytes = bytes.slice(frameDataStart, frameDataEnd);
174
- if (frameId === 'TIT2' && frameBytes.length > 1) {
175
- title = decodeText(frameBytes.slice(1), frameBytes[0]) || title;
176
- }
177
-
178
- if (frameId === 'APIC' && !picture) {
179
- picture = parseApic(frameBytes);
180
- }
181
-
182
- offset = frameDataEnd;
183
- }
184
-
185
- return {
186
- title,
187
- picture
188
- };
189
- };
190
-
191
- const getFileExtension = (file) => {
192
- const fileName = String(file?.name || '').toLowerCase();
193
- const dot = fileName.lastIndexOf('.');
194
- if (dot < 0 || dot >= fileName.length - 1) {
195
- return '';
196
- }
197
- return fileName.slice(dot + 1);
198
- };
199
-
200
- const extractAudioMetadata = async (file) => {
201
- if (!(file instanceof File)) {
202
- return null;
203
- }
204
-
205
- const ext = getFileExtension(file);
206
- if (!AUDIO_EXTENSIONS.has(ext)) {
207
- return null;
208
- }
209
-
210
- if (!file.size) {
211
- return null;
212
- }
213
-
214
- try {
215
- const chunk = file.slice(0, Math.min(file.size, 1024 * 1024 * 2));
216
- const buffer = await chunk.arrayBuffer();
217
- const parsed = parseId3v2(buffer);
218
- if (!parsed) {
219
- return null;
220
- }
221
-
222
- const result = {};
223
- if (parsed.title) {
224
- result.title = parsed.title;
225
- }
226
-
227
- if (parsed.picture?.data?.length) {
228
- const imageBlob = new Blob([parsed.picture.data], { type: parsed.picture.mimeType || 'image/jpeg' });
229
- result.pictureBlob = imageBlob;
230
- }
231
-
232
- return Object.keys(result).length ? result : null;
233
- } catch {
234
- return null;
235
- }
236
- };
237
-
238
- export {
239
- extractAudioMetadata
240
- };
1
+ const AUDIO_EXTENSIONS = new Set(['mp3']);
2
+
3
+ const readSyncSafeInt = (bytes, offset = 0) => {
4
+ return ((bytes[offset] & 0x7f) << 21)
5
+ | ((bytes[offset + 1] & 0x7f) << 14)
6
+ | ((bytes[offset + 2] & 0x7f) << 7)
7
+ | (bytes[offset + 3] & 0x7f);
8
+ };
9
+
10
+ const readUInt32 = (view, offset, useSyncSafe) => {
11
+ if (useSyncSafe) {
12
+ return readSyncSafeInt([
13
+ view.getUint8(offset),
14
+ view.getUint8(offset + 1),
15
+ view.getUint8(offset + 2),
16
+ view.getUint8(offset + 3)
17
+ ], 0);
18
+ }
19
+
20
+ return (
21
+ (view.getUint8(offset) << 24)
22
+ | (view.getUint8(offset + 1) << 16)
23
+ | (view.getUint8(offset + 2) << 8)
24
+ | view.getUint8(offset + 3)
25
+ ) >>> 0;
26
+ };
27
+
28
+ const decodeText = (bytes, encodingByte) => {
29
+ if (!bytes || !bytes.length) {
30
+ return '';
31
+ }
32
+
33
+ try {
34
+ if (encodingByte === 0x00) {
35
+ return new TextDecoder('iso-8859-1').decode(bytes).replace(/\u0000/g, '').trim();
36
+ }
37
+
38
+ if (encodingByte === 0x01) {
39
+ if (bytes.length >= 2) {
40
+ const bom0 = bytes[0];
41
+ const bom1 = bytes[1];
42
+ if (bom0 === 0xff && bom1 === 0xfe) {
43
+ return new TextDecoder('utf-16le').decode(bytes.slice(2)).replace(/\u0000/g, '').trim();
44
+ }
45
+ if (bom0 === 0xfe && bom1 === 0xff) {
46
+ const swapped = new Uint8Array(bytes.length - 2);
47
+ for (let i = 2; i + 1 < bytes.length; i += 2) {
48
+ swapped[i - 2] = bytes[i + 1];
49
+ swapped[i - 1] = bytes[i];
50
+ }
51
+ return new TextDecoder('utf-16le').decode(swapped).replace(/\u0000/g, '').trim();
52
+ }
53
+ }
54
+
55
+ return new TextDecoder('utf-16le').decode(bytes).replace(/\u0000/g, '').trim();
56
+ }
57
+
58
+ if (encodingByte === 0x02) {
59
+ const swapped = new Uint8Array(bytes.length);
60
+ for (let i = 0; i + 1 < bytes.length; i += 2) {
61
+ swapped[i] = bytes[i + 1];
62
+ swapped[i + 1] = bytes[i];
63
+ }
64
+ return new TextDecoder('utf-16le').decode(swapped).replace(/\u0000/g, '').trim();
65
+ }
66
+
67
+ return new TextDecoder('utf-8').decode(bytes).replace(/\u0000/g, '').trim();
68
+ } catch {
69
+ return '';
70
+ }
71
+ };
72
+
73
+ const findNullTerminator = (bytes, start, step = 1) => {
74
+ for (let i = start; i < bytes.length; i += step) {
75
+ if (step === 2) {
76
+ if (i + 1 < bytes.length && bytes[i] === 0x00 && bytes[i + 1] === 0x00) {
77
+ return i;
78
+ }
79
+ } else if (bytes[i] === 0x00) {
80
+ return i;
81
+ }
82
+ }
83
+
84
+ return -1;
85
+ };
86
+
87
+ const parseApic = (frameBytes) => {
88
+ if (!frameBytes || frameBytes.length < 4) {
89
+ return null;
90
+ }
91
+
92
+ const encoding = frameBytes[0];
93
+ let pos = 1;
94
+
95
+ const mimeEnd = findNullTerminator(frameBytes, pos);
96
+ if (mimeEnd < 0) {
97
+ return null;
98
+ }
99
+ const mimeTypeRaw = new TextDecoder('iso-8859-1').decode(frameBytes.slice(pos, mimeEnd)).trim();
100
+ pos = mimeEnd + 1;
101
+
102
+ if (pos >= frameBytes.length) {
103
+ return null;
104
+ }
105
+
106
+ pos += 1; // picture type
107
+
108
+ const isUnicode = encoding === 0x01 || encoding === 0x02;
109
+ const descEnd = findNullTerminator(frameBytes, pos, isUnicode ? 2 : 1);
110
+ if (descEnd >= 0) {
111
+ pos = descEnd + (isUnicode ? 2 : 1);
112
+ }
113
+
114
+ if (pos >= frameBytes.length) {
115
+ return null;
116
+ }
117
+
118
+ const data = frameBytes.slice(pos);
119
+ const mimeType = mimeTypeRaw || 'image/jpeg';
120
+ if (!data.length) {
121
+ return null;
122
+ }
123
+
124
+ return { mimeType, data };
125
+ };
126
+
127
+ const parseId3v2 = (arrayBuffer) => {
128
+ const bytes = new Uint8Array(arrayBuffer);
129
+ if (bytes.length < 10) {
130
+ return null;
131
+ }
132
+
133
+ if (bytes[0] !== 0x49 || bytes[1] !== 0x44 || bytes[2] !== 0x33) {
134
+ return null;
135
+ }
136
+
137
+ const version = bytes[3];
138
+ if (version < 2 || version > 4) {
139
+ return null;
140
+ }
141
+
142
+ const tagSize = readSyncSafeInt(bytes, 6);
143
+ const totalTagSize = Math.min(bytes.length, tagSize + 10);
144
+ const view = new DataView(arrayBuffer, 0, totalTagSize);
145
+
146
+ let offset = 10;
147
+ let title = '';
148
+ let picture = null;
149
+
150
+ while (offset + 10 <= totalTagSize) {
151
+ const frameId = String.fromCharCode(
152
+ view.getUint8(offset),
153
+ view.getUint8(offset + 1),
154
+ view.getUint8(offset + 2),
155
+ view.getUint8(offset + 3)
156
+ );
157
+
158
+ if (!frameId.trim()) {
159
+ break;
160
+ }
161
+
162
+ const frameSize = readUInt32(view, offset + 4, version === 4);
163
+ if (!frameSize || frameSize < 1) {
164
+ break;
165
+ }
166
+
167
+ const frameDataStart = offset + 10;
168
+ const frameDataEnd = frameDataStart + frameSize;
169
+ if (frameDataEnd > totalTagSize) {
170
+ break;
171
+ }
172
+
173
+ const frameBytes = bytes.slice(frameDataStart, frameDataEnd);
174
+ if (frameId === 'TIT2' && frameBytes.length > 1) {
175
+ title = decodeText(frameBytes.slice(1), frameBytes[0]) || title;
176
+ }
177
+
178
+ if (frameId === 'APIC' && !picture) {
179
+ picture = parseApic(frameBytes);
180
+ }
181
+
182
+ offset = frameDataEnd;
183
+ }
184
+
185
+ return {
186
+ title,
187
+ picture
188
+ };
189
+ };
190
+
191
+ const getFileExtension = (file) => {
192
+ const fileName = String(file?.name || '').toLowerCase();
193
+ const dot = fileName.lastIndexOf('.');
194
+ if (dot < 0 || dot >= fileName.length - 1) {
195
+ return '';
196
+ }
197
+ return fileName.slice(dot + 1);
198
+ };
199
+
200
+ const extractAudioMetadata = async (file) => {
201
+ if (!(file instanceof File)) {
202
+ return null;
203
+ }
204
+
205
+ const ext = getFileExtension(file);
206
+ if (!AUDIO_EXTENSIONS.has(ext)) {
207
+ return null;
208
+ }
209
+
210
+ if (!file.size) {
211
+ return null;
212
+ }
213
+
214
+ try {
215
+ const chunk = file.slice(0, Math.min(file.size, 1024 * 1024 * 2));
216
+ const buffer = await chunk.arrayBuffer();
217
+ const parsed = parseId3v2(buffer);
218
+ if (!parsed) {
219
+ return null;
220
+ }
221
+
222
+ const result = {};
223
+ if (parsed.title) {
224
+ result.title = parsed.title;
225
+ }
226
+
227
+ if (parsed.picture?.data?.length) {
228
+ const imageBlob = new Blob([parsed.picture.data], { type: parsed.picture.mimeType || 'image/jpeg' });
229
+ result.pictureBlob = imageBlob;
230
+ }
231
+
232
+ return Object.keys(result).length ? result : null;
233
+ } catch {
234
+ return null;
235
+ }
236
+ };
237
+
238
+ export {
239
+ extractAudioMetadata
240
+ };