@social-mail/social-mail-web-server 1.16.554 → 1.16.556

package/dist/wwwroot/routes/social-mail/site/v2/preview-video/[host]/[type]/[screen]/[cacheKey]/get.js

@@ -0,0 +1,124 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import Inject from "@entity-access/entity-access/dist/di/di.js";
+import Page from "@entity-access/server-pages/dist/Page.js";
+import { Route } from "@entity-access/server-pages/dist/core/Route.js";
+import CacheService from "../../../../../../../../../../server/services/cache/CacheService.js";
+import FileConversionService from "../../../../../../../../../../server/services/convert/FileConversionService.js";
+import DBConfig, { UIPackageConfig } from "../../../../../../../../../../server/services/DBConfig.js";
+import WebSiteContentService from "../../../../../../../../../../server/services/files/WebSiteContentService.js";
+import PuppeteerService from "../../../../../../../../../../server/services/puppeteer/PuppeteerService.js";
+import TempFileService from "../../../../../../../../../../server/storage/TempFileService.js";
+import CachedFileConversionService from "../../../../../../../../../../server/services/convert/CachedFileConversionService.js";
+export default class default_1 extends Page {
+    async run() {
+        const key = this.request.url;
+        const [fileName = "preview.webm"] = this.childPath;
+        return await this.cfs.getOrCreateResult({
+            cacheKey: key,
+            senderDomain: void 0,
+            type: this.type,
+            fileName,
+            factory: () => this.getFile()
+        });
+    }
+    async getFile() {
+        const snapshot = await this.wcs.getCurrentSnapshotFolder(this.host);
+        const [fileName = "preview.webm"] = this.childPath;
+        let pageStopScript = void 0;
+        // check if we have page-ready.js page...
+        const hasStopScript = await this.wcs.getSnapshotFile(snapshot, ["stop-preview.js"]);
+        if (hasStopScript) {
+            pageStopScript = "./stop-preview.js";
+        }
+        else {
+            const uiPackage = await this.config.getValue(UIPackageConfig);
+            pageStopScript = `https://cdn.jsdelivr.net/npm/${uiPackage.package}@${uiPackage.version}/content/preview-video-generator/stop-script.js`;
+        }
+        let width = 1200;
+        let height = 2000;
+        let deviceScaleFactor = 1;
+        let mobile = false;
+        if (/mobile/i.test(this.type)) {
+            width = 400;
+            height = 1000;
+            mobile = true;
+            // for preview we will keep device scale same
+            deviceScaleFactor = 1;
+        }
+        const cacheKey = this.cacheKey;
+        const output = "webm";
+        if (/\.avif$/i.test(fileName)) {
+            const url = new URL(this.request.URL);
+            url.pathname = url.pathname.replace(/\.avif$/i, ".webm");
+            const webmFile = await this.tfs.download(url.toString(), "a.webm");
+            return await this.fcs.transform("avif-animated", webmFile, { fileName });
+        }
+        const url = `https://${this.host}`;
+        return await this.puppeteerService.generateVideo({
+            width,
+            height,
+            mobile,
+            deviceScaleFactor,
+            fileName,
+            cacheKey,
+            pageStopScript,
+            fullPage: true,
+            url,
+            output,
+            timeout: 30000
+        });
+    }
+}
+__decorate([
+    Inject,
+    __metadata("design:type", WebSiteContentService)
+], default_1.prototype, "wcs", void 0);
+__decorate([
+    Inject,
+    __metadata("design:type", CacheService)
+], default_1.prototype, "cacheService", void 0);
+__decorate([
+    Inject,
+    __metadata("design:type", DBConfig)
+], default_1.prototype, "config", void 0);
+__decorate([
+    Inject,
+    __metadata("design:type", PuppeteerService)
+], default_1.prototype, "puppeteerService", void 0);
+__decorate([
+    Inject,
+    __metadata("design:type", CachedFileConversionService)
+], default_1.prototype, "cfs", void 0);
+__decorate([
+    Route("type"),
+    __metadata("design:type", Object)
+], default_1.prototype, "type", void 0);
+__decorate([
+    Route("cacheKey"),
+    __metadata("design:type", Object)
+], default_1.prototype, "cacheKey", void 0);
+__decorate([
+    Route("host"),
+    __metadata("design:type", Object)
+], default_1.prototype, "host", void 0);
+__decorate([
+    Route("ready"),
+    __metadata("design:type", Object)
+], default_1.prototype, "ready", void 0);
+__decorate([
+    Inject,
+    __metadata("design:type", FileConversionService)
+], default_1.prototype, "fcs", void 0);
+__decorate([
+    Inject,
+    __metadata("design:type", TempFileService)
+], default_1.prototype, "tfs", void 0);
+//# sourceMappingURL=get.js.map

package/dist/wwwroot/routes/social-mail/site/v2/preview-video/[host]/[type]/[screen]/[cacheKey]/get.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get.js","sourceRoot":"","sources":["../../../../../../../../../../../src/wwwroot/routes/social-mail/site/v2/preview-video/[host]/[type]/[screen]/[cacheKey]/get.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@social-mail/social-mail-web-server",
-  "version": "1.16.554",
+  "version": "1.16.556",
   "description": "## Phase 1",
   "main": "index.js",
   "type": "module",

package/src/common/DurationParser.ts

@@ -0,0 +1,32 @@
+import TimeSpan from "@entity-access/entity-access/dist/types/TimeSpan.js";
+
+export default class DurationParser {
+
+    public static parse(text: string) {
+        const n = Number.parseFloat(text);
+        if(text.endsWith("ms")) {
+            return new TimeSpan(n);
+        }
+        if(text.endsWith("s")) {
+            return TimeSpan.fromSeconds(n);
+        }
+        if(text.endsWith("m")) {
+            return TimeSpan.fromMinutes(n);
+        }
+        if(text.endsWith("us")) {
+            return new TimeSpan(n/1000);
+        }
+        if(text.endsWith("mo")) {
+            return TimeSpan.fromDays(n*30);
+        }
+        if(text.endsWith("d")) {
+            return TimeSpan.fromDays(n);
+        }
+        if(text.endsWith("w")) {
+            return TimeSpan.fromDays(n*7);
+        }
+        if(text.endsWith("y")) {
+            return TimeSpan.fromDays(n*365);
+        }
+    }
+}

package/src/server/seed/ui/seed-ui.ts

@@ -17,7 +17,7 @@ export default async function seedUI(config: DBConfig) {
     await config.saveVersion(UIPackageConfig, {
         package: "@social-mail/social-mail-client",
         view: "dist/web/AppIndex",
-        version: "1.11.131"
+        version: "1.11.132"
     });
 
     await config.saveVersion(WebComponentsPackageConfig, {

package/src/server/services/cache/CacheService.ts

@@ -112,7 +112,7 @@ export default class CacheService {
     }
 
 
-    public async get(ck: { key: string, ttl: TimeSpan, factory: (c?: CachedItem) => Promise<LocalFile> }) {
+    public async get(ck: { key: string, ttl: TimeSpan, factory: (c?: CachedItem) => Promise<LocalFile> }): Promise<LocalFile> {
 
         const {
             key,
@@ -207,119 +207,4 @@ export default class CacheService {
 
     }
 
-
-    // private async lockCachedItem(item: CachedItem, max = DateTime.now.addMinutes(1)) {
-
-    //     let old = Promise.resolve(0);
-
-    //     const renewLock = async (a: CachedItem) => {
-    //         const prev = old;
-    //         return old = (async () => {
-    //             await prev;
-    //             using scope = globalServices.createScope();
-    //             const db = scope.resolve(SocialMailContext);
-
-    //             const copy = await db.cachedItems.loadByKeys(a);
-    //             if (!copy || copy.ready) {
-    //                 return null;
-    //             }
-
-    //             if (copy.lockExpiry && DateTime.from(copy.lockExpiry).msSinceEpoch <= DateTime.now.msSinceEpoch) {
-    //                 // we can discard...
-    //                 await db.cachedItems.statements.update({
-    //                     itemID: a.itemID,
-    //                     lockExpiry: null,
-    //                     lockToken: null
-    //                 });
-    //             }
-
-    //             a.lockExpiry = DateTime.now.addSeconds(15);
-
-    //             return await db.cachedItems
-    //                 .where(a, (x, p) => x.itemID === p.itemID && (x.lockToken === p.lockToken || x.lockToken === null))
-    //                 .update(a, (x, p) => ({
-    //                     lockExpiry: Sql.cast.asDateTime(p.lockExpiry) as any,
-    //                     ready: Sql.cast.asBoolean(p.ready)
-    //                 }));
-    //             })();
-    //     };
-
-    //     while(true) {
-
-    //         if (Date.now() >= max.msSinceEpoch) {
-    //             throw new Error(`Unable to acquire lock on ${item.itemID}`);
-    //         }
-
-    //         let locked = await renewLock(item);
-    //         if (locked === null) {
-    //             return;
-    //         }
-
-    //         // we have locked the cached item successfully...
-    //         if (locked) {
-
-    //             setInterval(async () => {
-    //                 try {
-    //                     locked = await renewLock(item);
-    //                 } catch (error) {
-    //                     // eslint-disable-next-line no-console
-    //                     console.error(error);
-    //                 }
-    //             }, 5000);
-
-    //             return {
-    //                 async [Symbol.asyncDispose]() {
-    //                     item.lockExpiry = null;
-    //                     item.lockToken = null;
-    //                     item.ready = true;
-    //                     await renewLock(item);
-    //                 }
-    //             };
-    //         }
-
-    //         await sleep(5000);
-    //     }
-    // }
-
-    // private async getCachedItem(key: string, expiry: DateTime, ttl: TimeSpan) {
-
-    //     // New scope is created to isolate
-    //     // database from existing running transaction
-    //     // in case this was called within a transaction scope.
-
-    //     using scope = globalServices.createScope();
-    //     const db = scope.resolve(SocialMailContext);
-
-    //     const keyHash = await this.cryptoService.hashBuffer(Buffer.from(key, "utf-8"));
-
-    //     const cachedItem = await db.cachedItems.statements.selectOrInsert({
-    //             keyHash,
-    //             key,
-    //             expiry,
-    //             ready: false
-    //     }, {
-    //         keyHash,
-    //         key,
-    //     }, 5);
-
-    //     if (DateTime.from(cachedItem.expiry).msSinceEpoch < Date.now()) {
-
-    //         if (!cachedItem.slide) {
-
-    //             // delete this..
-    //             await this.storage.deleteFile(`cache/${cachedItem.itemID}`);
-    //             cachedItem.expiry = expiry;
-    //             await db.cachedItems.where(cachedItem, (x, p) => x.itemID === p.itemID)
-    //                 .update(cachedItem, (x, p) => ({ expiry: Sql.cast.asDateTime(p.expiry) as any}));
-    //         }
-    //     }
-
-    //     if (cachedItem.slide && cachedItem.ready) {
-    //         await db.cachedItems.where(cachedItem, (x, p) => x.itemID === p.itemID)
-    //             .update(cachedItem, (x, p) => ({ expiry: Sql.date.addDays( x.expiry, 30) as any}));
-    //     }
-
-    //     return cachedItem;
-    // }
-
 }

package/src/server/services/convert/CachedFileConversionService.ts

@@ -0,0 +1,70 @@
+import Inject, { RegisterScoped } from "@entity-access/entity-access/dist/di/di.js";
+import TimeSpan from "@entity-access/entity-access/dist/types/TimeSpan.js";
+import { LocalFile } from "@entity-access/server-pages/dist/core/LocalFile.js";
+import CacheService from "../cache/CacheService.js";
+import FileConversionService from "./FileConversionService.js";
+import { TempFileResult } from "@entity-access/server-pages/dist/Content.js";
+import { CORS } from "../../../common/CORS.js";
+
+interface ICacheParams {
+    type: string;
+    cacheKey: string;
+    ttl?: TimeSpan;
+    fileName: string;
+    senderDomain: string;
+    factory:() => Promise<LocalFile>;
+}
+
+@RegisterScoped
+export default class CachedFileConversionService {
+
+    @Inject
+    cacheService: CacheService;
+
+    @Inject
+    fc: FileConversionService;
+
+    async getOrCreateResult(p: ICacheParams, cors = true) {
+        const ttl = p.ttl ??= TimeSpan.fromDays(30);
+        const file = await this.getOrCreate(p);
+        return new TempFileResult(file, {
+            headers: {
+                ... cors ? CORS.allowAll: {},
+                "cache-control": `public,max-age=${ Math.floor(ttl.totalSeconds)}`
+            }
+        });
+    }
+
+    async getOrCreate(p: ICacheParams) {
+
+        const { type, cacheKey, ttl = TimeSpan.fromDays(30) } = p;
+
+        const key = `cached-files-1-${type}-${cacheKey}`;
+        return await this.cacheService.get({
+            key,
+            ttl,
+            factory: (c) => this.getFile(p)
+        });
+    }
+
+    async getFile(p: ICacheParams) {
+        if(/download|view/i.test(p.type)) {
+            return await p.factory();
+        }
+        const key = `cached-files-1-download-${p.cacheKey}`;
+        const { ttl = TimeSpan.fromDays(30)} = p;
+        return await this.cacheService.get({
+            key,
+            ttl,
+            factory: async() => {
+                const { senderDomain, fileName } = p;
+                const originalFile = await this.getOrCreate({ ... p, type: "download" });
+                return await this.fc.transform(p.type, originalFile, {
+                    fileName,
+                    senderDomain
+                });
+            }
+        })
+    }
+
+}

package/src/server/services/convert/FileConversionService.ts

@@ -155,7 +155,7 @@ export default class FileConversionService {
             transform = true;
         }
 
-        if(/^webp\-animated$/i.test(type)) {
+        if(/^(webp|avif)\-animated$/i.test(type)) {
             transform = true;
         }
 

package/src/wwwroot/routes/social-mail/cached/[ttl]/[type]/get.tsx

@@ -0,0 +1,86 @@
+import Inject from "@entity-access/entity-access/dist/di/di.js";
+import Page from "@entity-access/server-pages/dist/Page.js";
+import CacheService from "../../../../../../server/services/cache/CacheService.js";
+import { Route } from "@entity-access/server-pages/dist/core/Route.js";
+import DurationParser from "../../../../../../common/DurationParser.js";
+import { TempFileResult } from "@entity-access/server-pages/dist/Content.js";
+import CachedItem from "../../../../../../server/model/entities/CachedItem.js";
+import { secureFetch } from "../../../../../../server/services/root-certs/RootCertificates.js";
+import { IncomingHttpHeaders } from "node:http";
+import EntityAccessError from "@entity-access/entity-access/dist/common/EntityAccessError.js";
+import TempFileService from "../../../../../../server/storage/TempFileService.js";
+import { parse } from "node:path";
+import { writeFile } from "node:fs/promises";
+
+export default class extends Page {
+
+    @Inject
+    cacheService: CacheService;
+    
+    @Inject
+    tfs: TempFileService;
+
+    @Route
+    ttl: string;
+
+    @Route
+    type: string;
+
+    hit = "hit";
+
+    async run() {
+
+        if(!/view|download/i.test(this.type)) {
+            // go through file conversion...
+        }
+
+        const key = this.request.url;
+        const ttl = DurationParser.parse(this.ttl);
+        const file = await this.cacheService.get({
+            key,
+            ttl,
+            factory: (c) => this.fetch(c)
+        });
+
+        return new TempFileResult(file, {
+            headers: {
+                "cache-control": `public,max-age=${ttl.totalSeconds}`,
+                "content-type": file.contentType,
+                "x-cache-middleware": this.hit,
+            }
+        });
+
+    }
+
+    async fetch(c: CachedItem) {
+        this.hit = "miss";
+        const url = new URL(this.request.URL);
+        url.pathname = "/" + this.childPath.join("/");
+        const cookie = this.request.headers.cookie;
+        const headers = {} as IncomingHttpHeaders;
+        if(cookie) {
+            headers.cookie = cookie;
+        }
+        const response = await secureFetch(url, {
+            headers: {
+                "cookie": this.request.headers.cookie
+            },
+            redirect: "follow"
+        });
+
+        const { status, body } = response;
+
+        if(response.status > 399) {
+            throw new EntityAccessError(`${url} failed ${status}\n${await response.text()}`);
+        }
+
+        const lastFileName = this.childPath.at(-1);
+        const { ext, base } = parse(lastFileName);
+
+        const tf = await this.tfs.createTempFile(ext, base);
+        await writeFile(tf.path, body);
+
+        return tf;
+        
+    }
+}

package/src/wwwroot/routes/social-mail/cached/options.tsx

@@ -0,0 +1,3 @@
+import CorsOptionsPage from "../site/list/designs/options.js";
+
+export default CorsOptionsPage;

package/src/wwwroot/routes/social-mail/site/v2/preview/[host]/[type]/[screen]/[cacheKey]/get.tsx

@@ -0,0 +1,121 @@
+import Inject from "@entity-access/entity-access/dist/di/di.js";
+import Page from "@entity-access/server-pages/dist/Page.js";
+import { Route } from "@entity-access/server-pages/dist/core/Route.js";
+import DBConfig, { UIPackageConfig } from "../../../../../../../../../../server/services/DBConfig.js";
+import WebSiteContentService from "../../../../../../../../../../server/services/files/WebSiteContentService.js";
+import PuppeteerService from "../../../../../../../../../../server/services/puppeteer/PuppeteerService.js";
+import CachedFileConversionService from "../../../../../../../../../../server/services/convert/CachedFileConversionService.js";
+
+export default class extends Page {
+
+    @Inject
+    wcs: WebSiteContentService;
+
+    @Inject
+    config: DBConfig;
+
+    @Inject
+    puppeteerService: PuppeteerService;
+
+    @Inject
+    cfs: CachedFileConversionService;
+
+    @Route("type")
+    type;
+
+    @Route("screen")
+    screen;
+
+    @Route("cacheKey")
+    cacheKey;
+
+    @Route("host")
+    host;
+
+    @Route("ready")
+    ready;
+
+    async run() {
+
+        const key = this.request.url;
+        const [ fileName = "preview.webp" ] = this.childPath as any[];
+
+        return await this.cfs.getOrCreateResult({
+            cacheKey: key,
+            senderDomain: void 0,
+            type: this.type,
+            fileName,
+            factory: () => this.getFile()
+        });
+
+    }
+
+    async getFile() {
+
+        const [ fileName = "preview.webp" ] = this.childPath as any[];
+        const snapshot = await this.wcs.getCurrentSnapshotFolder(this.host);
+
+        let pageReadyScript = "";
+
+        // check if we have page-ready.js page...
+        const hasReadyScript = await this.wcs.getSnapshotFile(snapshot, ["page-ready.js"]);
+        if(hasReadyScript) {
+            pageReadyScript = "./page-ready.js";
+        } else {
+            const uiPackage = await this.config.getValue(UIPackageConfig);
+            pageReadyScript = `https://cdn.jsdelivr.net/npm/${uiPackage.package}@${uiPackage.version}/content/preview-generator/page-ready.js`;
+        }
+
+
+        let width = 1200 as any;
+        let height = 1536 as any;
+
+        let deviceScaleFactor = 1 as any;
+
+        let mobile = false;
+
+        if (/mobile/i.test(this.type)) {
+            width = 450;
+            height = 800;
+            mobile = true;
+            // for preview we will keep device scale same
+            deviceScaleFactor = 1;
+        }
+
+
+        const cacheKey = this.cacheKey;
+
+
+        let output = "webp";
+        if (/\.png$/i.test(fileName)) {
+            output = "png";
+        } else if(/\.jpg$/i.test(fileName)) {
+            output = "jpg";
+        }
+
+        let testDelay = this.ready || 5000;
+
+        if(snapshot.pageReadyDelayMS) {
+            testDelay = snapshot.pageReadyDelayMS;
+        }
+
+        const url = `https://${this.host}`;
+
+        return this.puppeteerService.generate({
+            width,
+            height,
+            mobile,
+            deviceScaleFactor,
+            fileName,
+            cacheKey,
+            pageReadyScript,
+            fullPage: true,
+            url,
+            output,
+            testDelay,
+            timeout: 30000
+        });
+
+    }
+
+}