@seedprotocol/sdk 0.2.42 → 0.2.44
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/{ArweaveClient-BXD_aTsx.js → ArweaveClient-CA1Vsnow.js} +2 -2
- package/dist/{ArweaveClient-BXD_aTsx.js.map → ArweaveClient-CA1Vsnow.js.map} +1 -1
- package/dist/{ArweaveClient-CkcZD_QE.js → ArweaveClient-MgJXScYG.js} +2 -2
- package/dist/{ArweaveClient-CkcZD_QE.js.map → ArweaveClient-MgJXScYG.js.map} +1 -1
- package/dist/{Db-DFKHN8CX.js → Db-BEoczaGe.js} +156 -165
- package/dist/{Db-DFKHN8CX.js.map → Db-BEoczaGe.js.map} +1 -1
- package/dist/{Db-LQf3Azt5.js → Db-Y1GWsyNL.js} +34 -43
- package/dist/{Db-LQf3Azt5.js.map → Db-Y1GWsyNL.js.map} +1 -1
- package/dist/{EasClient-BNwSwDTO.js → EasClient-BjlbuffX.js} +2 -2
- package/dist/{EasClient-BNwSwDTO.js.map → EasClient-BjlbuffX.js.map} +1 -1
- package/dist/{EasClient-epqE9aWI.js → EasClient-Cg1q8lBu.js} +2 -2
- package/dist/{EasClient-epqE9aWI.js.map → EasClient-Cg1q8lBu.js.map} +1 -1
- package/dist/FileManager-D53H3aUS.js +781 -0
- package/dist/FileManager-D53H3aUS.js.map +1 -0
- package/dist/FileManager-t4zcT3NL.js +38 -0
- package/dist/FileManager-t4zcT3NL.js.map +1 -0
- package/dist/{Item-BixSOZAD.js → Item-BleJyiA2.js} +9 -12
- package/dist/{Item-BixSOZAD.js.map → Item-BleJyiA2.js.map} +1 -1
- package/dist/{ItemProperty-DpGkb0Zb.js → ItemProperty-CH7JmVg-.js} +9 -12
- package/dist/{ItemProperty-DpGkb0Zb.js.map → ItemProperty-CH7JmVg-.js.map} +1 -1
- package/dist/{QueryClient-Do0C7Jnt.js → QueryClient-BKjgZnSt.js} +2 -2
- package/dist/{QueryClient-Do0C7Jnt.js.map → QueryClient-BKjgZnSt.js.map} +1 -1
- package/dist/{QueryClient-Ckl99FYC.js → QueryClient-CDsEencG.js} +2 -2
- package/dist/{QueryClient-Ckl99FYC.js.map → QueryClient-CDsEencG.js.map} +1 -1
- package/dist/bin.js +28 -27
- package/dist/bin.js.map +1 -1
- package/dist/{constants-BakHTrB9.js → constants-BIdH8wc3.js} +66 -41
- package/dist/constants-BIdH8wc3.js.map +1 -0
- package/dist/{index-sqKT92c8.js → index-DanGFTTF.js} +1263 -1539
- package/dist/index-DanGFTTF.js.map +1 -0
- package/dist/{index-DV2gvrCh.js → index-Dk6K4W4n.js} +9 -12
- package/dist/index-Dk6K4W4n.js.map +1 -0
- package/dist/main.js +7 -10
- package/dist/main.js.map +1 -1
- package/dist/node/codegen/templates/index.njk +0 -4
- package/dist/{seed.schema.config-Ct1bu0Yc.js → seed.schema.config-DdCq87m_.js} +9 -11
- package/dist/seed.schema.config-DdCq87m_.js.map +1 -0
- package/dist/seedSchema/index.ts +0 -2
- package/dist/src/BaseFileManager.ts +22 -2
- package/dist/src/BaseItem.ts +4 -3
- package/dist/src/BaseItemProperty.ts +2 -2
- package/dist/src/FileDownloader.ts +63 -0
- package/dist/src/FileManager.ts +37 -6
- package/dist/src/ImageResizer.ts +84 -0
- package/dist/src/analyzeInput.ts +22 -2
- package/dist/src/constants.ts +67 -60
- package/dist/src/createMetadata.ts +27 -2
- package/dist/src/download.ts +45 -202
- package/dist/src/filesDownload.ts +326 -0
- package/dist/src/getItem.ts +5 -0
- package/dist/src/getPublishPayload.ts +15 -8
- package/dist/src/helpers.ts +0 -14
- package/dist/src/imageResize.ts +507 -0
- package/dist/src/model.ts +6 -5
- package/dist/src/saveImageSrc.ts +15 -1
- package/dist/src/syncDbWithEas.ts +0 -90
- package/dist/src/updateItemPropertyValue.ts +16 -3
- package/dist/types/src/Item/BaseItem.d.ts +2 -2
- package/dist/types/src/Item/BaseItem.d.ts.map +1 -1
- package/dist/types/src/ItemProperty/BaseItemProperty.d.ts +2 -2
- package/dist/types/src/ItemProperty/BaseItemProperty.d.ts.map +1 -1
- package/dist/types/src/ItemProperty/service/actors/saveValueToDb/analyzeInput.d.ts.map +1 -1
- package/dist/types/src/ItemProperty/service/actors/saveValueToDb/saveImageSrc.d.ts.map +1 -1
- package/dist/types/src/browser/helpers/FileManager.d.ts +5 -1
- package/dist/types/src/browser/helpers/FileManager.d.ts.map +1 -1
- package/dist/types/src/browser/workers/FileDownloader.d.ts +8 -0
- package/dist/types/src/browser/workers/FileDownloader.d.ts.map +1 -0
- package/dist/types/src/browser/workers/ImageResizer.d.ts +9 -0
- package/dist/types/src/browser/workers/ImageResizer.d.ts.map +1 -0
- package/dist/types/src/browser/workers/content-hash.d.ts.map +1 -0
- package/dist/types/src/browser/workers/filesDownload.d.ts +3 -0
- package/dist/types/src/browser/workers/filesDownload.d.ts.map +1 -0
- package/dist/types/src/browser/workers/imageResize.d.ts +3 -0
- package/dist/types/src/browser/workers/imageResize.d.ts.map +1 -0
- package/dist/types/src/db/read/getItem.d.ts.map +1 -1
- package/dist/types/src/db/read/getPublishPayload.d.ts.map +1 -1
- package/dist/types/src/db/write/createMetadata.d.ts.map +1 -1
- package/dist/types/src/db/write/updateItemPropertyValue.d.ts +5 -1
- package/dist/types/src/db/write/updateItemPropertyValue.d.ts.map +1 -1
- package/dist/types/src/events/files/download.d.ts.map +1 -1
- package/dist/types/src/events/files/index.d.ts.map +1 -1
- package/dist/types/src/events/item/syncDbWithEas.d.ts.map +1 -1
- package/dist/types/src/helpers/FileManager/BaseFileManager.d.ts +4 -0
- package/dist/types/src/helpers/FileManager/BaseFileManager.d.ts.map +1 -1
- package/dist/types/src/helpers/constants.d.ts +7 -0
- package/dist/types/src/helpers/constants.d.ts.map +1 -1
- package/dist/types/src/helpers/files.d.ts +1 -1
- package/dist/types/src/helpers/files.d.ts.map +1 -1
- package/dist/types/src/node/helpers/FileManager.d.ts +5 -0
- package/dist/types/src/node/helpers/FileManager.d.ts.map +1 -1
- package/dist/types/src/schema/model/index.d.ts +2 -2
- package/dist/types/src/schema/model/index.d.ts.map +1 -1
- package/dist/types/src/seedSchema/index.d.ts +0 -2
- package/dist/types/src/seedSchema/index.d.ts.map +1 -1
- package/dist/types/src/services/allItems/actors/initialize.d.ts.map +1 -1
- package/dist/types/src/services/internal/constants.d.ts +2 -2
- package/dist/types/src/services/internal/constants.d.ts.map +1 -1
- package/dist/types/src/services/internal/helpers.d.ts.map +1 -1
- package/dist/types/src/types/fileManager.d.ts +15 -0
- package/dist/types/src/types/fileManager.d.ts.map +1 -0
- package/dist/types/src/types/model.d.ts +6 -5
- package/dist/types/src/types/model.d.ts.map +1 -1
- package/package.json +5 -3
- package/dist/FileManager-CXk83EW5.js +0 -16
- package/dist/FileManager-CXk83EW5.js.map +0 -1
- package/dist/FileManager-DXi-X7r5.js +0 -28
- package/dist/FileManager-DXi-X7r5.js.map +0 -1
- package/dist/constants-BakHTrB9.js.map +0 -1
- package/dist/content-hash.js +0 -27
- package/dist/content-hash.js.map +0 -1
- package/dist/index-DV2gvrCh.js.map +0 -1
- package/dist/index-sqKT92c8.js.map +0 -1
- package/dist/seed.schema.config-Ct1bu0Yc.js.map +0 -1
- package/dist/types/__tests__/__mocks__/browser/project/schema.d.ts +0 -52
- package/dist/types/__tests__/__mocks__/browser/project/schema.d.ts.map +0 -1
- package/dist/types/__tests__/__mocks__/node/schema.d.ts +0 -52
- package/dist/types/__tests__/__mocks__/node/schema.d.ts.map +0 -1
- package/dist/types/__tests__/browser/db/drizzle.test.d.ts +0 -2
- package/dist/types/__tests__/browser/db/drizzle.test.d.ts.map +0 -1
- package/dist/types/__tests__/browser/property/propertyMachine.test.d.ts +0 -2
- package/dist/types/__tests__/browser/property/propertyMachine.test.d.ts.map +0 -1
- package/dist/types/__tests__/browser/react/index.test.d.ts +0 -2
- package/dist/types/__tests__/browser/react/index.test.d.ts.map +0 -1
- package/dist/types/__tests__/dist/exports.test.d.ts +0 -2
- package/dist/types/__tests__/dist/exports.test.d.ts.map +0 -1
- package/dist/types/__tests__/fs/index.test.d.ts +0 -2
- package/dist/types/__tests__/fs/index.test.d.ts.map +0 -1
- package/dist/types/__tests__/index.test.d.ts +0 -2
- package/dist/types/__tests__/index.test.d.ts.map +0 -1
- package/dist/types/__tests__/node/Item/Item.test.d.ts +0 -2
- package/dist/types/__tests__/node/Item/Item.test.d.ts.map +0 -1
- package/dist/types/__tests__/node/setup.d.ts +0 -2
- package/dist/types/__tests__/node/setup.d.ts.map +0 -1
- package/dist/types/__tests__/scripts/bin.test.d.ts +0 -2
- package/dist/types/__tests__/scripts/bin.test.d.ts.map +0 -1
- package/dist/types/__tests__/setup.d.ts +0 -2
- package/dist/types/__tests__/setup.d.ts.map +0 -1
- package/dist/types/src/workers/content-hash.d.ts.map +0 -1
- /package/dist/types/src/{workers → browser/workers}/content-hash.d.ts +0 -0
|
@@ -0,0 +1,781 @@
|
|
|
1
|
+
import { c as BaseFileManager } from './constants-BIdH8wc3.js';
|
|
2
|
+
import fs, { fs as fs$1, configureSingle } from '@zenfs/core';
|
|
3
|
+
import { s as saveAppState } from './index-DanGFTTF.js';
|
|
4
|
+
import { WebAccess } from '@zenfs/dom';
|
|
5
|
+
import '@ethereum-attestation-service/eas-sdk';
|
|
6
|
+
import 'immer';
|
|
7
|
+
import 'reflect-metadata';
|
|
8
|
+
import '@sinclair/typebox';
|
|
9
|
+
import 'xstate';
|
|
10
|
+
import 'pluralize';
|
|
11
|
+
import 'drizzle-orm/sqlite-core';
|
|
12
|
+
import 'drizzle-orm';
|
|
13
|
+
import 'eventemitter3';
|
|
14
|
+
import 'nanoid';
|
|
15
|
+
import 'nanoid-dictionary';
|
|
16
|
+
import 'debug';
|
|
17
|
+
import 'lodash-es';
|
|
18
|
+
import '@statelyai/inspect';
|
|
19
|
+
import 'node:fs';
|
|
20
|
+
import 'path';
|
|
21
|
+
import 'arweave';
|
|
22
|
+
import 'rxjs';
|
|
23
|
+
import 'react';
|
|
24
|
+
import 'use-immer';
|
|
25
|
+
import '@xstate/react';
|
|
26
|
+
|
|
27
|
+
var filesDownload = `(
|
|
28
|
+
${function () {
|
|
29
|
+
const identifyString = (str) => {
|
|
30
|
+
try {
|
|
31
|
+
JSON.parse(str);
|
|
32
|
+
return 'json';
|
|
33
|
+
}
|
|
34
|
+
catch (e) {
|
|
35
|
+
// Not JSON
|
|
36
|
+
}
|
|
37
|
+
if (!str) {
|
|
38
|
+
return;
|
|
39
|
+
}
|
|
40
|
+
if (str.trim().startsWith('<') && str.trim().endsWith('>')) {
|
|
41
|
+
return 'html';
|
|
42
|
+
}
|
|
43
|
+
// Simple markdown checks (very naive)
|
|
44
|
+
if (/^#{1,6}\s|^-{3,}|\*{3,}|^-{1,2}\s|\*\s/.test(str)) {
|
|
45
|
+
return 'markdown';
|
|
46
|
+
}
|
|
47
|
+
if (/^data:image\/[a-zA-Z]+;base64,[A-Za-z0-9+/]+={0,2}$/.test(str)) {
|
|
48
|
+
return 'base64';
|
|
49
|
+
}
|
|
50
|
+
// Default to plain text if unsure
|
|
51
|
+
return 'text';
|
|
52
|
+
};
|
|
53
|
+
const getMimeType = (base64) => {
|
|
54
|
+
if (!base64) {
|
|
55
|
+
return null;
|
|
56
|
+
}
|
|
57
|
+
const result = base64.match(/^data:([a-zA-Z0-9]+\/[a-zA-Z0-9-.+]+).*,/);
|
|
58
|
+
if (result && result.length > 1) {
|
|
59
|
+
return result[1];
|
|
60
|
+
}
|
|
61
|
+
else {
|
|
62
|
+
return null; // MIME type could not be determined
|
|
63
|
+
}
|
|
64
|
+
};
|
|
65
|
+
const getDataTypeFromString = (data) => {
|
|
66
|
+
const nonImageBase64Regex = /^(?!data:image\/(?:jpeg|png|gif|bmp|webp);base64,)[A-Za-z0-9+/=]+$/;
|
|
67
|
+
if (nonImageBase64Regex.test(data)) {
|
|
68
|
+
return 'base64';
|
|
69
|
+
}
|
|
70
|
+
// Regular expression for base64 (simple version, checking for base64 format)
|
|
71
|
+
const imageBase64Regex = /^data:image\/[a-zA-Z]+;base64,[A-Za-z0-9+/]+={0,2}$/;
|
|
72
|
+
if (imageBase64Regex.test(data)) {
|
|
73
|
+
return 'imageBase64';
|
|
74
|
+
}
|
|
75
|
+
// Regular expression for URL (simple version, checking for common URL format)
|
|
76
|
+
const urlRegex = /^(http:\/\/www\.|https:\/\/www\.|http:\/\/|https:\/\/)?[a-z0-9]+([\-\.]{1}[a-z0-9]+)*\.[a-z]{2,5}(:[0-9]{1,5})?(\/.*)?$/;
|
|
77
|
+
if (urlRegex.test(data)) {
|
|
78
|
+
return 'url';
|
|
79
|
+
}
|
|
80
|
+
return null;
|
|
81
|
+
};
|
|
82
|
+
const isBinary = (arrayBuffer) => {
|
|
83
|
+
const view = new Uint8Array(arrayBuffer);
|
|
84
|
+
let nonTextCount = 0;
|
|
85
|
+
const threshold = 0.2; // Adjust as needed (e.g., 20% non-text implies binary)
|
|
86
|
+
for (let i = 0; i < view.length; i++) {
|
|
87
|
+
const byte = view[i];
|
|
88
|
+
// ASCII printable characters (32-126) and common whitespace (9, 10, 13)
|
|
89
|
+
if ((byte >= 32 && byte <= 126) || // Printable ASCII
|
|
90
|
+
byte === 9 || byte === 10 || byte === 13 // Tab, LF, CR
|
|
91
|
+
) {
|
|
92
|
+
continue;
|
|
93
|
+
}
|
|
94
|
+
nonTextCount++;
|
|
95
|
+
if (nonTextCount / view.length > threshold) {
|
|
96
|
+
return true; // More than threshold are non-text bytes
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
return false; // Fewer than threshold are non-text bytes
|
|
100
|
+
};
|
|
101
|
+
const saveBufferToOPFS = async (filePath, buffer) => {
|
|
102
|
+
// Access the OPFS root directory
|
|
103
|
+
const rootHandle = await navigator.storage.getDirectory();
|
|
104
|
+
// Split the filePath into directory segments and file name
|
|
105
|
+
const segments = filePath.split('/').filter(Boolean);
|
|
106
|
+
const fileName = segments.pop(); // Extract the file name
|
|
107
|
+
if (!fileName) {
|
|
108
|
+
throw new Error('Invalid file path: No file name provided.');
|
|
109
|
+
}
|
|
110
|
+
// Traverse or create directories as needed
|
|
111
|
+
let currentDirHandle = rootHandle;
|
|
112
|
+
for (const segment of segments) {
|
|
113
|
+
currentDirHandle = await currentDirHandle.getDirectoryHandle(segment, { create: true });
|
|
114
|
+
}
|
|
115
|
+
// Create or open the file in OPFS
|
|
116
|
+
const fileHandleAsync = await currentDirHandle.getFileHandle(fileName, { create: true });
|
|
117
|
+
const fileHandle = await fileHandleAsync.createSyncAccessHandle();
|
|
118
|
+
// Write the buffer to the file
|
|
119
|
+
fileHandle.write(buffer);
|
|
120
|
+
fileHandle.flush();
|
|
121
|
+
fileHandle.close();
|
|
122
|
+
};
|
|
123
|
+
const downloadFiles = async ({ transactionIds, arweaveHost, }) => {
|
|
124
|
+
let arrayBuffer;
|
|
125
|
+
for (const transactionId of transactionIds) {
|
|
126
|
+
try {
|
|
127
|
+
const response = await fetch(`https://${arweaveHost}/raw/${transactionId}`);
|
|
128
|
+
arrayBuffer = await response.arrayBuffer();
|
|
129
|
+
}
|
|
130
|
+
catch (error) {
|
|
131
|
+
console.log(`[filesDownload] transaction ${transactionId} data not found`, error);
|
|
132
|
+
globalThis.postMessage({
|
|
133
|
+
message: 'excludeTransaction',
|
|
134
|
+
transactionId,
|
|
135
|
+
});
|
|
136
|
+
continue;
|
|
137
|
+
}
|
|
138
|
+
let dataString;
|
|
139
|
+
const isBinaryData = isBinary(arrayBuffer);
|
|
140
|
+
if (!isBinaryData) {
|
|
141
|
+
const decoder = new TextDecoder('utf-8');
|
|
142
|
+
const text = decoder.decode(arrayBuffer);
|
|
143
|
+
dataString = text;
|
|
144
|
+
}
|
|
145
|
+
if (!dataString && !arrayBuffer) {
|
|
146
|
+
console.log(`[filesDownload] transaction ${transactionId} data not found`);
|
|
147
|
+
}
|
|
148
|
+
if (dataString && dataString.startsWith('===FILE_SEPARATOR===')) {
|
|
149
|
+
const dataStringParts = dataString
|
|
150
|
+
.split('===FILE_SEPARATOR===')
|
|
151
|
+
.slice(1);
|
|
152
|
+
if (dataStringParts.length % 2 !== 0) {
|
|
153
|
+
throw new Error('Input array must have an even number of elements.');
|
|
154
|
+
}
|
|
155
|
+
for (let i = 0; i < dataStringParts.length; i += 2) {
|
|
156
|
+
const contentType = dataStringParts[i];
|
|
157
|
+
const content = dataStringParts[i + 1];
|
|
158
|
+
const encoder = new TextEncoder();
|
|
159
|
+
if (contentType === 'html') {
|
|
160
|
+
const fileName = `${transactionId}.html`;
|
|
161
|
+
const buffer = encoder.encode(content);
|
|
162
|
+
saveBufferToOPFS(`/files/html/${fileName}`, buffer);
|
|
163
|
+
}
|
|
164
|
+
if (contentType === 'json') {
|
|
165
|
+
const fileName = `${transactionId}.json`;
|
|
166
|
+
const buffer = encoder.encode(content);
|
|
167
|
+
saveBufferToOPFS(`/files/json/${fileName}`, buffer);
|
|
168
|
+
}
|
|
169
|
+
}
|
|
170
|
+
continue;
|
|
171
|
+
}
|
|
172
|
+
if (!dataString && arrayBuffer) {
|
|
173
|
+
saveBufferToOPFS(`/files/images/${transactionId}`, new Uint8Array(arrayBuffer));
|
|
174
|
+
continue;
|
|
175
|
+
}
|
|
176
|
+
if (!dataString) {
|
|
177
|
+
continue;
|
|
178
|
+
}
|
|
179
|
+
let contentType = identifyString(dataString);
|
|
180
|
+
if (contentType !== 'json' &&
|
|
181
|
+
contentType !== 'base64' &&
|
|
182
|
+
contentType !== 'html') {
|
|
183
|
+
const possibleImageType = getDataTypeFromString(dataString);
|
|
184
|
+
if (!possibleImageType) {
|
|
185
|
+
console.log(`[filesDownload] transaction ${transactionId} data not in expected format: ${possibleImageType}`);
|
|
186
|
+
continue;
|
|
187
|
+
}
|
|
188
|
+
contentType = possibleImageType;
|
|
189
|
+
}
|
|
190
|
+
if (contentType === 'url') {
|
|
191
|
+
const url = dataString;
|
|
192
|
+
let buffer;
|
|
193
|
+
try {
|
|
194
|
+
const response = await fetch(url);
|
|
195
|
+
buffer = await response.arrayBuffer();
|
|
196
|
+
}
|
|
197
|
+
catch (error) {
|
|
198
|
+
console.log(`[filesDownload] transaction ${transactionId} value was url: ${dataString} but failed to fetch`, error);
|
|
199
|
+
globalThis.postMessage({
|
|
200
|
+
message: 'excludeTransaction',
|
|
201
|
+
transactionId,
|
|
202
|
+
});
|
|
203
|
+
continue;
|
|
204
|
+
}
|
|
205
|
+
const bufferUint8Array = new Uint8Array(buffer);
|
|
206
|
+
// Extract the file extension from the URL
|
|
207
|
+
const extensionMatch = url.match(/\.(jpg|jpeg|png|gif|bmp|webp|svg)$/i);
|
|
208
|
+
if (!extensionMatch) {
|
|
209
|
+
throw new Error('Unable to determine the file extension from the URL.');
|
|
210
|
+
}
|
|
211
|
+
extensionMatch[0]; // e.g., ".jpg"
|
|
212
|
+
// Set the file name (you can customize this)
|
|
213
|
+
// const fileNameFromUrl = `${transactionId}${fileExtension}`
|
|
214
|
+
await saveBufferToOPFS(`/files/images/${transactionId}`, bufferUint8Array);
|
|
215
|
+
continue;
|
|
216
|
+
}
|
|
217
|
+
const mimeType = getMimeType(dataString);
|
|
218
|
+
let fileExtension = mimeType;
|
|
219
|
+
if (fileExtension && fileExtension?.startsWith('image')) {
|
|
220
|
+
fileExtension = fileExtension.replace('image/', '');
|
|
221
|
+
}
|
|
222
|
+
let fileName = transactionId;
|
|
223
|
+
if (contentType === 'base64') {
|
|
224
|
+
if (fileExtension) {
|
|
225
|
+
fileName += `.${fileExtension}`;
|
|
226
|
+
}
|
|
227
|
+
// Remove the Base64 header if it exists (e.g., "data:image/png;base64,")
|
|
228
|
+
const base64Data = dataString.split(',').pop() || '';
|
|
229
|
+
// Decode the Base64 string to binary
|
|
230
|
+
const binaryString = atob(base64Data);
|
|
231
|
+
const length = binaryString.length;
|
|
232
|
+
const binaryData = new Uint8Array(length);
|
|
233
|
+
for (let i = 0; i < length; i++) {
|
|
234
|
+
binaryData[i] = binaryString.charCodeAt(i);
|
|
235
|
+
}
|
|
236
|
+
await saveBufferToOPFS(`/files/images/${fileName}`, binaryData);
|
|
237
|
+
}
|
|
238
|
+
if (contentType === 'html') {
|
|
239
|
+
fileName += '.html';
|
|
240
|
+
const encoder = new TextEncoder();
|
|
241
|
+
const buffer = encoder.encode(dataString);
|
|
242
|
+
await saveBufferToOPFS(`/files/html/${fileName}`, buffer);
|
|
243
|
+
}
|
|
244
|
+
if (contentType === 'json') {
|
|
245
|
+
fileName += '.json';
|
|
246
|
+
const encoder = new TextEncoder();
|
|
247
|
+
const buffer = encoder.encode(dataString);
|
|
248
|
+
await saveBufferToOPFS(`/files/json/${fileName}`, buffer);
|
|
249
|
+
}
|
|
250
|
+
}
|
|
251
|
+
};
|
|
252
|
+
onmessage = async (e) => {
|
|
253
|
+
console.log({
|
|
254
|
+
message: 'filesDownload onmessage',
|
|
255
|
+
data: e.data,
|
|
256
|
+
});
|
|
257
|
+
await downloadFiles(e.data);
|
|
258
|
+
globalThis.postMessage({
|
|
259
|
+
message: 'filesDownload onmessage done',
|
|
260
|
+
done: true,
|
|
261
|
+
});
|
|
262
|
+
};
|
|
263
|
+
}.toString()}
|
|
264
|
+
)()`;
|
|
265
|
+
|
|
266
|
+
class FileDownloader {
|
|
267
|
+
constructor() {
|
|
268
|
+
this.workersArchive = [];
|
|
269
|
+
this.downloadAll = async ({ transactionIds, arweaveHost, excludedTransactions }) => {
|
|
270
|
+
if (this.workersArchive.length > 0) {
|
|
271
|
+
for (let i = 0; i < this.workersArchive.length; i++) {
|
|
272
|
+
this.workersArchive[i].terminate();
|
|
273
|
+
delete this.workersArchive[i];
|
|
274
|
+
}
|
|
275
|
+
this.workersArchive = [];
|
|
276
|
+
}
|
|
277
|
+
const worker = new Worker(this.workerBlobUrl);
|
|
278
|
+
this.workersArchive.push(worker);
|
|
279
|
+
const localExcludedTransactions = new Set(excludedTransactions);
|
|
280
|
+
return new Promise((resolve, reject) => {
|
|
281
|
+
worker.onmessage = (e) => {
|
|
282
|
+
console.log('filesDownload main thread onmessage', e.data);
|
|
283
|
+
if (e.data.message === 'excludeTransaction') {
|
|
284
|
+
localExcludedTransactions.add(e.data.transactionId);
|
|
285
|
+
}
|
|
286
|
+
if (e.data.done) {
|
|
287
|
+
saveAppState('excludedTransactions', JSON.stringify(Array.from(localExcludedTransactions)))
|
|
288
|
+
.then(() => {
|
|
289
|
+
resolve(e.data);
|
|
290
|
+
})
|
|
291
|
+
.catch((error) => {
|
|
292
|
+
reject(error);
|
|
293
|
+
});
|
|
294
|
+
}
|
|
295
|
+
if (e.data.error) {
|
|
296
|
+
reject(e.data.error);
|
|
297
|
+
}
|
|
298
|
+
};
|
|
299
|
+
worker.postMessage({
|
|
300
|
+
transactionIds,
|
|
301
|
+
arweaveHost,
|
|
302
|
+
});
|
|
303
|
+
});
|
|
304
|
+
};
|
|
305
|
+
this.cores = Math.min(navigator.hardwareConcurrency || 4, 4);
|
|
306
|
+
this.workerBlobUrl = globalThis.URL.createObjectURL(new Blob([filesDownload], { type: 'application/javascript' }));
|
|
307
|
+
}
|
|
308
|
+
}
|
|
309
|
+
|
|
310
|
+
var imageResize = `(
|
|
311
|
+
${function () {
|
|
312
|
+
async function listFilesInDirectory(directoryHandle) {
|
|
313
|
+
const entries = [];
|
|
314
|
+
for await (const [name, handle] of directoryHandle.entries()) {
|
|
315
|
+
entries.push({
|
|
316
|
+
name,
|
|
317
|
+
kind: handle.kind,
|
|
318
|
+
});
|
|
319
|
+
}
|
|
320
|
+
return entries;
|
|
321
|
+
}
|
|
322
|
+
const getFileHandle = async (path, rootHandle = null) => {
|
|
323
|
+
// Split the path into segments
|
|
324
|
+
const segments = path.split('/').filter(Boolean);
|
|
325
|
+
// Start from the root directory if not provided
|
|
326
|
+
if (!rootHandle) {
|
|
327
|
+
rootHandle = await navigator.storage.getDirectory();
|
|
328
|
+
}
|
|
329
|
+
let currentHandle = rootHandle;
|
|
330
|
+
// Traverse the path segments
|
|
331
|
+
for (let i = 0; i < segments.length; i++) {
|
|
332
|
+
const segment = segments[i];
|
|
333
|
+
const isLastSegment = i === segments.length - 1;
|
|
334
|
+
try {
|
|
335
|
+
for await (const [name, handle] of currentHandle.entries()) {
|
|
336
|
+
if (name !== segment) {
|
|
337
|
+
continue;
|
|
338
|
+
}
|
|
339
|
+
if (isLastSegment) {
|
|
340
|
+
if (handle.kind === 'file') {
|
|
341
|
+
return handle; // Return the file handle if found
|
|
342
|
+
}
|
|
343
|
+
else {
|
|
344
|
+
throw new Error(`Path '${path}' refers to a directory, not a file.`);
|
|
345
|
+
}
|
|
346
|
+
}
|
|
347
|
+
else if (handle.kind === 'directory') {
|
|
348
|
+
currentHandle = handle; // Traverse into the directory
|
|
349
|
+
}
|
|
350
|
+
else {
|
|
351
|
+
throw new Error(`Invalid path segment '${segment}'`);
|
|
352
|
+
}
|
|
353
|
+
}
|
|
354
|
+
}
|
|
355
|
+
catch (err) {
|
|
356
|
+
if (err instanceof Error && err.name === 'NotFoundError') {
|
|
357
|
+
throw new Error(`Path '${path}' does not exist.`);
|
|
358
|
+
}
|
|
359
|
+
else {
|
|
360
|
+
throw err;
|
|
361
|
+
}
|
|
362
|
+
}
|
|
363
|
+
}
|
|
364
|
+
throw new Error(`Path '${path}' could not be resolved.`);
|
|
365
|
+
};
|
|
366
|
+
async function getFileFromOPFS(path) {
|
|
367
|
+
const fileHandleAsync = await getFileHandle(path);
|
|
368
|
+
const file = await fileHandleAsync.getFile();
|
|
369
|
+
return file;
|
|
370
|
+
}
|
|
371
|
+
const DEFAULT_CONFIG = {
|
|
372
|
+
argorithm: 'null',
|
|
373
|
+
processByHalf: true,
|
|
374
|
+
quality: 0.5,
|
|
375
|
+
maxWidth: 800,
|
|
376
|
+
maxHeight: 600,
|
|
377
|
+
debug: false,
|
|
378
|
+
mimeType: 'image/jpeg',
|
|
379
|
+
};
|
|
380
|
+
function isIos() {
|
|
381
|
+
if (typeof navigator === 'undefined')
|
|
382
|
+
return false;
|
|
383
|
+
if (!navigator.userAgent)
|
|
384
|
+
return false;
|
|
385
|
+
return /iPad|iPhone|iPod/.test(navigator.userAgent);
|
|
386
|
+
}
|
|
387
|
+
const getTargetHeight = (srcHeight, scale, config) => {
|
|
388
|
+
return Math.min(Math.floor(srcHeight * scale), config.maxHeight);
|
|
389
|
+
};
|
|
390
|
+
const findMaxWidth = (config, canvas) => {
|
|
391
|
+
//Let's find the max available width for scaled image
|
|
392
|
+
const ratio = canvas.width / canvas.height;
|
|
393
|
+
let mWidth = Math.min(canvas.width, config.maxWidth, ratio * config.maxHeight);
|
|
394
|
+
if (config.maxSize &&
|
|
395
|
+
config.maxSize > 0 &&
|
|
396
|
+
config.maxSize < (canvas.width * canvas.height) / 1000)
|
|
397
|
+
mWidth = Math.min(mWidth, Math.floor((config.maxSize * 1000) / canvas.height));
|
|
398
|
+
if (!!config.scaleRatio)
|
|
399
|
+
mWidth = Math.min(mWidth, Math.floor(config.scaleRatio * canvas.width));
|
|
400
|
+
const rHeight = getTargetHeight(canvas.height, mWidth / canvas.width, config);
|
|
401
|
+
// console.log(
|
|
402
|
+
// 'browser-image-resizer: original image size = ' +
|
|
403
|
+
// canvas.width +
|
|
404
|
+
// ' px (width) X ' +
|
|
405
|
+
// canvas.height +
|
|
406
|
+
// ' px (height)'
|
|
407
|
+
// );
|
|
408
|
+
// console.log(
|
|
409
|
+
// 'browser-image-resizer: scaled image size = ' +
|
|
410
|
+
// mWidth +
|
|
411
|
+
// ' px (width) X ' +
|
|
412
|
+
// rHeight +
|
|
413
|
+
// ' px (height)'
|
|
414
|
+
// );
|
|
415
|
+
if (mWidth <= 0) {
|
|
416
|
+
mWidth = 1;
|
|
417
|
+
console.warn("browser-image-resizer: image size is too small");
|
|
418
|
+
}
|
|
419
|
+
if (isIos() && mWidth * rHeight > 167777216) {
|
|
420
|
+
console.error("browser-image-resizer: image size is too large for iOS WebKit.", mWidth, rHeight);
|
|
421
|
+
throw new Error("browser-image-resizer: image size is too large for iOS WebKit.");
|
|
422
|
+
}
|
|
423
|
+
return mWidth;
|
|
424
|
+
};
|
|
425
|
+
/**
|
|
426
|
+
* Hermite resize, multicore version - fast image resize/resample using Hermite filter.
|
|
427
|
+
*/
|
|
428
|
+
const resample = (srcCanvas, destCanvas, config) => {
|
|
429
|
+
return new Promise((resolve, reject) => {
|
|
430
|
+
const ratio_h = srcCanvas.height / destCanvas.height;
|
|
431
|
+
const cores = Math.min(navigator.hardwareConcurrency || 4, 4);
|
|
432
|
+
//prepare source and target data for workers
|
|
433
|
+
const ctx = srcCanvas.getContext('2d');
|
|
434
|
+
if (!ctx)
|
|
435
|
+
return reject('Canvas is empty (resample)');
|
|
436
|
+
const data_part = [];
|
|
437
|
+
const block_height = Math.ceil(srcCanvas.height / cores / 2) * 2;
|
|
438
|
+
let end_y = -1;
|
|
439
|
+
for (let c = 0; c < cores; c++) {
|
|
440
|
+
//source
|
|
441
|
+
const offset_y = end_y + 1;
|
|
442
|
+
if (offset_y >= srcCanvas.height) {
|
|
443
|
+
//size too small, nothing left for this core
|
|
444
|
+
continue;
|
|
445
|
+
}
|
|
446
|
+
end_y = Math.min(offset_y + block_height - 1, srcCanvas.height - 1);
|
|
447
|
+
const current_block_height = Math.min(block_height, srcCanvas.height - offset_y);
|
|
448
|
+
console.log('browser-image-resizer: source split: ', '#' + c, offset_y, end_y, 'height: ' + current_block_height);
|
|
449
|
+
data_part.push({
|
|
450
|
+
source: ctx.getImageData(0, offset_y, srcCanvas.width, block_height),
|
|
451
|
+
startY: Math.ceil(offset_y / ratio_h),
|
|
452
|
+
height: current_block_height
|
|
453
|
+
});
|
|
454
|
+
}
|
|
455
|
+
//start
|
|
456
|
+
const destCtx = destCanvas.getContext('2d');
|
|
457
|
+
if (!destCtx)
|
|
458
|
+
return reject('Canvas is empty (resample dest)');
|
|
459
|
+
for (let c = 0; c < data_part.length; c++) {
|
|
460
|
+
//draw
|
|
461
|
+
const height_part = Math.ceil(data_part[c].height / ratio_h);
|
|
462
|
+
const target = destCtx.createImageData(destCanvas.width, height_part);
|
|
463
|
+
// target.data.set(event.data.target);
|
|
464
|
+
destCtx.putImageData(target, 0, data_part[c].startY);
|
|
465
|
+
}
|
|
466
|
+
});
|
|
467
|
+
};
|
|
468
|
+
/**
|
|
469
|
+
* Hermite resize - fast image resize/resample using Hermite filter. 1 cpu version!
|
|
470
|
+
*/
|
|
471
|
+
const resampleSingle = (srcCanvasData, destCanvasData) => {
|
|
472
|
+
const ratio_w = srcCanvasData.width / destCanvasData.width;
|
|
473
|
+
const ratio_h = srcCanvasData.height / destCanvasData.height;
|
|
474
|
+
const ratio_w_half = Math.ceil(ratio_w / 2);
|
|
475
|
+
const ratio_h_half = Math.ceil(ratio_h / 2);
|
|
476
|
+
const data = srcCanvasData.data;
|
|
477
|
+
const data2 = destCanvasData.data;
|
|
478
|
+
for (let j = 0; j < destCanvasData.height; j++) {
|
|
479
|
+
for (let i = 0; i < destCanvasData.width; i++) {
|
|
480
|
+
const x2 = (i + j * destCanvasData.width) * 4;
|
|
481
|
+
let weight = 0;
|
|
482
|
+
let weights = 0;
|
|
483
|
+
let weights_alpha = 0;
|
|
484
|
+
let gx_r = 0;
|
|
485
|
+
let gx_g = 0;
|
|
486
|
+
let gx_b = 0;
|
|
487
|
+
let gx_a = 0;
|
|
488
|
+
const center_y = j * ratio_h;
|
|
489
|
+
const xx_start = Math.floor(i * ratio_w);
|
|
490
|
+
const xx_stop = Math.min(Math.ceil((i + 1) * ratio_w), srcCanvasData.width);
|
|
491
|
+
const yy_start = Math.floor(j * ratio_h);
|
|
492
|
+
const yy_stop = Math.min(Math.ceil((j + 1) * ratio_h), srcCanvasData.height);
|
|
493
|
+
for (let yy = yy_start; yy < yy_stop; yy++) {
|
|
494
|
+
let dy = Math.abs(center_y - yy) / ratio_h_half;
|
|
495
|
+
let center_x = i * ratio_w;
|
|
496
|
+
let w0 = dy * dy; //pre-calc part of w
|
|
497
|
+
for (let xx = xx_start; xx < xx_stop; xx++) {
|
|
498
|
+
let dx = Math.abs(center_x - xx) / ratio_w_half;
|
|
499
|
+
let w = Math.sqrt(w0 + dx * dx);
|
|
500
|
+
if (w >= 1) {
|
|
501
|
+
//pixel too far
|
|
502
|
+
continue;
|
|
503
|
+
}
|
|
504
|
+
//hermite filter
|
|
505
|
+
weight = 2 * w * w * w - 3 * w * w + 1;
|
|
506
|
+
let pos_x = 4 * (xx + yy * srcCanvasData.width);
|
|
507
|
+
//alpha
|
|
508
|
+
gx_a += weight * data[pos_x + 3];
|
|
509
|
+
weights_alpha += weight;
|
|
510
|
+
//colors
|
|
511
|
+
if (data[pos_x + 3] < 255)
|
|
512
|
+
weight = weight * data[pos_x + 3] / 250;
|
|
513
|
+
gx_r += weight * data[pos_x];
|
|
514
|
+
gx_g += weight * data[pos_x + 1];
|
|
515
|
+
gx_b += weight * data[pos_x + 2];
|
|
516
|
+
weights += weight;
|
|
517
|
+
}
|
|
518
|
+
}
|
|
519
|
+
data2[x2] = gx_r / weights;
|
|
520
|
+
data2[x2 + 1] = gx_g / weights;
|
|
521
|
+
data2[x2 + 2] = gx_b / weights;
|
|
522
|
+
data2[x2 + 3] = gx_a / weights_alpha;
|
|
523
|
+
}
|
|
524
|
+
}
|
|
525
|
+
};
|
|
526
|
+
/**
|
|
527
|
+
* Hermite resize. Detect cpu count and use best option for user.
|
|
528
|
+
*/
|
|
529
|
+
const resampleAuto = (srcCanvas, destCanvas, config) => {
|
|
530
|
+
if (!!globalThis.Worker && navigator.hardwareConcurrency > 1 && config?.argorithm !== 'hermite_single') {
|
|
531
|
+
//workers supported and we have at least 2 cpu cores - using multithreading
|
|
532
|
+
return resample(srcCanvas, destCanvas);
|
|
533
|
+
}
|
|
534
|
+
else {
|
|
535
|
+
//1 cpu version
|
|
536
|
+
const { srcImgData, destImgData } = getImageData(srcCanvas, destCanvas);
|
|
537
|
+
resampleSingle(srcImgData, destImgData);
|
|
538
|
+
destCanvas.getContext('2d').putImageData(destImgData, 0, 0);
|
|
539
|
+
return;
|
|
540
|
+
}
|
|
541
|
+
};
|
|
542
|
+
async function scaleCanvasWithAlgorithm(canvas, config) {
|
|
543
|
+
const scale = config.outputWidth / canvas.width;
|
|
544
|
+
const scaled = new OffscreenCanvas(Math.floor(config.outputWidth), getTargetHeight(canvas.height, scale, config));
|
|
545
|
+
switch (config.algorithm) {
|
|
546
|
+
case 'hermite': {
|
|
547
|
+
await resampleAuto(canvas, scaled, config);
|
|
548
|
+
break;
|
|
549
|
+
}
|
|
550
|
+
case 'hermite_single': {
|
|
551
|
+
const { srcImgData, destImgData } = getImageData(canvas, scaled);
|
|
552
|
+
resampleSingle(srcImgData, destImgData);
|
|
553
|
+
scaled?.getContext('2d')?.putImageData(destImgData, 0, 0);
|
|
554
|
+
break;
|
|
555
|
+
}
|
|
556
|
+
case 'bilinear': {
|
|
557
|
+
// const { srcImgData, destImgData } = getImageData(canvas, scaled);
|
|
558
|
+
// bilinear(srcImgData, destImgData, scale);
|
|
559
|
+
// scaled?.getContext('2d')?.putImageData(destImgData, 0, 0);
|
|
560
|
+
break;
|
|
561
|
+
}
|
|
562
|
+
default: {
|
|
563
|
+
scaled.getContext('2d')?.drawImage(canvas, 0, 0, scaled.width, scaled.height);
|
|
564
|
+
break;
|
|
565
|
+
}
|
|
566
|
+
}
|
|
567
|
+
return scaled;
|
|
568
|
+
}
|
|
569
|
+
const getHalfScaleCanvas = (src) => {
|
|
570
|
+
const half = new OffscreenCanvas(src.width / 2, src.height / 2);
|
|
571
|
+
half
|
|
572
|
+
?.getContext('2d')
|
|
573
|
+
?.drawImage(src, 0, 0, half.width, half.height);
|
|
574
|
+
return half;
|
|
575
|
+
};
|
|
576
|
+
const getImageData = (canvas, scaled) => {
|
|
577
|
+
const srcImgData = canvas
|
|
578
|
+
?.getContext('2d')
|
|
579
|
+
?.getImageData(0, 0, canvas.width, canvas.height);
|
|
580
|
+
const destImgData = scaled
|
|
581
|
+
?.getContext('2d')
|
|
582
|
+
?.createImageData(scaled.width, scaled.height);
|
|
583
|
+
if (!srcImgData || !destImgData)
|
|
584
|
+
throw Error('Canvas is empty (scaleCanvasWithAlgorithm). You should run this script after the document is ready.');
|
|
585
|
+
return { srcImgData, destImgData };
|
|
586
|
+
};
|
|
587
|
+
async function saveBlobToOPFS(filePath, blob) {
|
|
588
|
+
// Access the OPFS root directory
|
|
589
|
+
const rootHandle = await navigator.storage.getDirectory();
|
|
590
|
+
// Split the filePath into directory segments and file name
|
|
591
|
+
const segments = filePath.split('/').filter(Boolean);
|
|
592
|
+
const fileName = segments.pop(); // Extract the file name
|
|
593
|
+
if (!fileName) {
|
|
594
|
+
throw new Error('Invalid file path: No file name provided.');
|
|
595
|
+
}
|
|
596
|
+
// Traverse or create directories as needed
|
|
597
|
+
let currentDirHandle = rootHandle;
|
|
598
|
+
for (const segment of segments) {
|
|
599
|
+
currentDirHandle = await currentDirHandle.getDirectoryHandle(segment, { create: true });
|
|
600
|
+
}
|
|
601
|
+
// Create or open the file in OPFS
|
|
602
|
+
const fileHandle = await currentDirHandle.getFileHandle(fileName, { create: true });
|
|
603
|
+
// Write the Blob to the file
|
|
604
|
+
const writableStream = await fileHandle.createWritable();
|
|
605
|
+
await writableStream.write(blob);
|
|
606
|
+
await writableStream.close();
|
|
607
|
+
}
|
|
608
|
+
const imageResize = async (filePath, width, height) => {
|
|
609
|
+
console.log({ filePath, width, height });
|
|
610
|
+
const config = {
|
|
611
|
+
...DEFAULT_CONFIG,
|
|
612
|
+
algorithm: 'hermite_single',
|
|
613
|
+
mimeType: 'image/webp',
|
|
614
|
+
maxWidth: width,
|
|
615
|
+
maxHeight: height,
|
|
616
|
+
};
|
|
617
|
+
const rootHandle = await navigator.storage.getDirectory();
|
|
618
|
+
// List files in the root directory
|
|
619
|
+
const files = await listFilesInDirectory(rootHandle);
|
|
620
|
+
console.log({
|
|
621
|
+
message: 'listFilesInDirectory',
|
|
622
|
+
files
|
|
623
|
+
});
|
|
624
|
+
const file = await getFileFromOPFS(filePath);
|
|
625
|
+
const imageBitmap = await createImageBitmap(file);
|
|
626
|
+
let converting;
|
|
627
|
+
if (isIos() && imageBitmap.width * imageBitmap.height > 16777216) {
|
|
628
|
+
const scale = Math.sqrt(16777216 / (imageBitmap.width * imageBitmap.height));
|
|
629
|
+
console.log(`browser-image-resizer: scale: Image is too large in iOS WebKit`);
|
|
630
|
+
converting = new OffscreenCanvas(Math.floor(imageBitmap.width * scale), Math.floor(imageBitmap.height * scale));
|
|
631
|
+
converting.getContext('2d')?.drawImage(imageBitmap, 0, 0, converting.width, converting.height);
|
|
632
|
+
}
|
|
633
|
+
else {
|
|
634
|
+
converting = new OffscreenCanvas(imageBitmap.width, imageBitmap.height);
|
|
635
|
+
converting.getContext('2d')?.drawImage(imageBitmap, 0, 0);
|
|
636
|
+
}
|
|
637
|
+
if (!converting?.getContext('2d')) {
|
|
638
|
+
console.log('browser-image-resizer: Canvas Context is empty.');
|
|
639
|
+
}
|
|
640
|
+
const maxWidth = findMaxWidth(config, converting);
|
|
641
|
+
if (!maxWidth) {
|
|
642
|
+
throw Error(`browser-image-resizer: maxWidth is ${maxWidth}!!`);
|
|
643
|
+
}
|
|
644
|
+
while (config.processByHalf && converting.width >= 2 * maxWidth) {
|
|
645
|
+
if (config.debug)
|
|
646
|
+
console.log(`browser-image-resizer: scale: Scaling canvas by half from ${converting.width}`);
|
|
647
|
+
converting = getHalfScaleCanvas(converting);
|
|
648
|
+
}
|
|
649
|
+
if (converting.width > maxWidth) {
|
|
650
|
+
if (config.debug)
|
|
651
|
+
console.log(`browser-image-resizer: scale: Scaling canvas by ${config.argorithm} from ${converting.width} to ${maxWidth}`);
|
|
652
|
+
converting = await scaleCanvasWithAlgorithm(converting, Object.assign(config, { outputWidth: maxWidth }));
|
|
653
|
+
}
|
|
654
|
+
if (config.mimeType === null) {
|
|
655
|
+
return converting;
|
|
656
|
+
}
|
|
657
|
+
const resizedBlob = await converting.convertToBlob({ type: config.mimeType, quality: config.quality });
|
|
658
|
+
const pathSegments = filePath.split('/');
|
|
659
|
+
const fileName = pathSegments.pop();
|
|
660
|
+
if (!fileName) {
|
|
661
|
+
throw Error('Invalid file path: No file name provided.');
|
|
662
|
+
}
|
|
663
|
+
const newSegments = [
|
|
664
|
+
...pathSegments,
|
|
665
|
+
width,
|
|
666
|
+
];
|
|
667
|
+
const fileNameParts = fileName.split('.');
|
|
668
|
+
const newFileName = `${fileNameParts[0]}.webp`;
|
|
669
|
+
const newDirPath = newSegments.join('/');
|
|
670
|
+
const newFilePath = `${newDirPath}/${newFileName}`;
|
|
671
|
+
// Save resized image to OPFS with new name
|
|
672
|
+
await saveBlobToOPFS(newFilePath, resizedBlob);
|
|
673
|
+
globalThis.postMessage({
|
|
674
|
+
done: true,
|
|
675
|
+
filePath: newFilePath,
|
|
676
|
+
});
|
|
677
|
+
};
|
|
678
|
+
onmessage = async (e) => {
|
|
679
|
+
console.log('[imageResize] onmessage', e.data);
|
|
680
|
+
const { filePath, width, height } = e.data;
|
|
681
|
+
await imageResize(filePath, width, height);
|
|
682
|
+
console.log(`[imageResize] Done`, filePath);
|
|
683
|
+
};
|
|
684
|
+
}.toString()}
|
|
685
|
+
)()`;
|
|
686
|
+
|
|
687
|
+
class ImageResizer {
|
|
688
|
+
constructor() {
|
|
689
|
+
this.workersArchive = new Map();
|
|
690
|
+
this.cores = Math.min(navigator.hardwareConcurrency || 4, 4);
|
|
691
|
+
this.workerBlobUrl = globalThis.URL.createObjectURL(new Blob([imageResize], { type: 'application/javascript' }));
|
|
692
|
+
}
|
|
693
|
+
async resize({ filePath, width, height }) {
|
|
694
|
+
if (this.workersArchive.has(filePath)) {
|
|
695
|
+
const savedWorker = this.workersArchive.get(filePath);
|
|
696
|
+
savedWorker?.terminate();
|
|
697
|
+
console.log('[ImageResizer.resize] Terminated worker for filePath due to incoming request', filePath);
|
|
698
|
+
this.workersArchive.delete(filePath);
|
|
699
|
+
}
|
|
700
|
+
const worker = new Worker(this.workerBlobUrl);
|
|
701
|
+
this.workersArchive.set(filePath, worker);
|
|
702
|
+
return new Promise((resolve, reject) => {
|
|
703
|
+
worker.onmessage = (e) => {
|
|
704
|
+
console.log('[ImageResizer.resize] main thread onmessage', e.data);
|
|
705
|
+
if (e.data.done) {
|
|
706
|
+
const savedWorker = this.workersArchive.get(filePath);
|
|
707
|
+
savedWorker?.terminate();
|
|
708
|
+
console.log('[ImageResizer.resize] Terminated worker for filePath due to done', filePath);
|
|
709
|
+
this.workersArchive.delete(filePath);
|
|
710
|
+
resolve(e.data);
|
|
711
|
+
}
|
|
712
|
+
if (e.data.error) {
|
|
713
|
+
reject(e.data.error);
|
|
714
|
+
}
|
|
715
|
+
};
|
|
716
|
+
worker.postMessage({
|
|
717
|
+
filePath,
|
|
718
|
+
width,
|
|
719
|
+
height,
|
|
720
|
+
});
|
|
721
|
+
});
|
|
722
|
+
}
|
|
723
|
+
async resizeAll({ width, height }) {
|
|
724
|
+
const imageDir = '/files/images';
|
|
725
|
+
let imageFilesStats = await fs.promises.readdir(imageDir, {
|
|
726
|
+
withFileTypes: true
|
|
727
|
+
});
|
|
728
|
+
imageFilesStats = imageFilesStats.filter(file => file.isFile());
|
|
729
|
+
const imageFiles = imageFilesStats.map(file => file.path);
|
|
730
|
+
const widthDir = `${imageDir}/${width}`;
|
|
731
|
+
const widthDirExists = await fs.promises.exists(widthDir);
|
|
732
|
+
if (!widthDirExists) {
|
|
733
|
+
await fs.promises.mkdir(widthDir);
|
|
734
|
+
}
|
|
735
|
+
for (const imageFile of imageFiles) {
|
|
736
|
+
const resizedImageExists = await fs.promises.exists(`${widthDir}/${imageFile}`);
|
|
737
|
+
if (!resizedImageExists) {
|
|
738
|
+
await this.resize({ filePath: `${imageDir}/${imageFile}`, width, height });
|
|
739
|
+
}
|
|
740
|
+
}
|
|
741
|
+
}
|
|
742
|
+
}
|
|
743
|
+
|
|
744
|
+
class FileManager extends BaseFileManager {
|
|
745
|
+
static async readFileAsBuffer(filePath) {
|
|
746
|
+
return new Promise((resolve, reject) => {
|
|
747
|
+
reject(new Error('Not implemented'));
|
|
748
|
+
});
|
|
749
|
+
}
|
|
750
|
+
static async getContentUrlFromPath(path) {
|
|
751
|
+
const fileExists = await fs$1.promises.exists(path);
|
|
752
|
+
if (fileExists) {
|
|
753
|
+
const fileContents = await fs$1.promises.readFile(path);
|
|
754
|
+
const fileHandler = new File([fileContents], path);
|
|
755
|
+
return URL.createObjectURL(fileHandler);
|
|
756
|
+
}
|
|
757
|
+
}
|
|
758
|
+
static async initializeFileSystem() {
|
|
759
|
+
const handle = await navigator.storage.getDirectory();
|
|
760
|
+
await configureSingle({
|
|
761
|
+
backend: WebAccess,
|
|
762
|
+
handle,
|
|
763
|
+
});
|
|
764
|
+
}
|
|
765
|
+
static async downloadAllFiles({ transactionIds, arweaveHost, excludedTransactions, }) {
|
|
766
|
+
const fileDownloader = new FileDownloader();
|
|
767
|
+
await fileDownloader.downloadAll({ transactionIds, arweaveHost, excludedTransactions });
|
|
768
|
+
}
|
|
769
|
+
static async resizeImage({ filePath, width, height }) {
|
|
770
|
+
const imageResizer = new ImageResizer();
|
|
771
|
+
await imageResizer.resize({ filePath, width, height });
|
|
772
|
+
}
|
|
773
|
+
static async resizeAllImages({ width, height }) {
|
|
774
|
+
const imageResizer = new ImageResizer();
|
|
775
|
+
await imageResizer.resizeAll({ width, height });
|
|
776
|
+
}
|
|
777
|
+
}
|
|
778
|
+
BaseFileManager.setPlatformClass(FileManager);
|
|
779
|
+
|
|
780
|
+
export { FileManager };
|
|
781
|
+
//# sourceMappingURL=FileManager-D53H3aUS.js.map
|