vgapp 1.1.5 → 1.1.6

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 (58) hide show
  1. package/CHANGELOG.md +28 -21
  2. package/README.md +48 -48
  3. package/agents.md +7 -0
  4. package/app/langs/en/buttons.json +17 -17
  5. package/app/langs/en/messages.json +36 -36
  6. package/app/langs/ru/buttons.json +17 -17
  7. package/app/langs/ru/messages.json +36 -36
  8. package/app/modules/vgfilepreview/js/i18n.js +56 -56
  9. package/app/modules/vgfilepreview/js/renderers/image-modal.js +145 -145
  10. package/app/modules/vgfilepreview/js/renderers/image.js +92 -92
  11. package/app/modules/vgfilepreview/js/renderers/index.js +19 -19
  12. package/app/modules/vgfilepreview/js/renderers/office-modal.js +168 -168
  13. package/app/modules/vgfilepreview/js/renderers/office.js +79 -79
  14. package/app/modules/vgfilepreview/js/renderers/pdf-modal.js +260 -260
  15. package/app/modules/vgfilepreview/js/renderers/pdf.js +76 -76
  16. package/app/modules/vgfilepreview/js/renderers/playlist.js +71 -71
  17. package/app/modules/vgfilepreview/js/renderers/text-modal.js +343 -343
  18. package/app/modules/vgfilepreview/js/renderers/text.js +83 -83
  19. package/app/modules/vgfilepreview/js/renderers/video-modal.js +272 -272
  20. package/app/modules/vgfilepreview/js/renderers/video.js +80 -80
  21. package/app/modules/vgfilepreview/js/renderers/zip-modal.js +522 -522
  22. package/app/modules/vgfilepreview/js/renderers/zip.js +89 -89
  23. package/app/modules/vgfilepreview/js/vgfilepreview.js +10 -5
  24. package/app/modules/vgfilepreview/readme.md +68 -68
  25. package/app/modules/vgfilepreview/scss/_variables.scss +113 -113
  26. package/app/modules/vgfilepreview/scss/vgfilepreview.scss +464 -464
  27. package/app/modules/vgfiles/js/base.js +18 -0
  28. package/app/modules/vgfiles/js/droppable.js +260 -260
  29. package/app/modules/vgfiles/js/render.js +153 -153
  30. package/app/modules/vgfiles/js/vgfiles.js +41 -41
  31. package/app/modules/vgfiles/readme.md +123 -123
  32. package/app/modules/vgfiles/scss/_variables.scss +18 -18
  33. package/app/modules/vgfiles/scss/vgfiles.scss +148 -148
  34. package/app/modules/vgformsender/js/vgformsender.js +13 -13
  35. package/app/modules/vgmodal/js/vgmodal.drag.js +332 -332
  36. package/app/modules/vgmodal/js/vgmodal.js +33 -33
  37. package/app/modules/vgmodal/js/vgmodal.resize.js +435 -435
  38. package/app/modules/vgnav/js/vgnav.js +135 -135
  39. package/app/modules/vgnav/readme.md +67 -67
  40. package/app/modules/vgnestable/README.md +307 -307
  41. package/app/modules/vgnestable/scss/_variables.scss +60 -60
  42. package/app/modules/vgnestable/scss/vgnestable.scss +163 -163
  43. package/app/modules/vgselect/js/vgselect.js +39 -39
  44. package/app/modules/vgselect/scss/vgselect.scss +22 -22
  45. package/app/modules/vgspy/readme.md +28 -28
  46. package/app/modules/vgtoast/js/vgtoast.drag.js +335 -0
  47. package/app/modules/vgtoast/js/vgtoast.js +198 -76
  48. package/app/modules/vgtoast/js/vgtoast.resize.js +437 -0
  49. package/app/utils/js/components/audio-metadata.js +240 -240
  50. package/app/utils/js/components/file-icon.js +109 -109
  51. package/app/utils/js/components/file-preview.js +304 -304
  52. package/app/utils/js/components/sanitize.js +150 -150
  53. package/app/utils/js/components/video-metadata.js +140 -140
  54. package/build/vgapp.css +1 -1
  55. package/build/vgapp.css.map +1 -1
  56. package/build/vgapp.js.map +1 -1
  57. package/index.scss +9 -9
  58. 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
+ };