xpict 0.0.3 → 0.1.0

package/dist/template.js

@@ -0,0 +1,42 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Template = void 0;
+const sharp_1 = __importDefault(require("sharp"));
+const commit_frame_1 = require("./utils/commit-frame");
+class Template {
+    constructor(options) {
+        this.options = options;
+    }
+    async render(data) {
+        const { width, height, fill } = this.options.config;
+        let image = (0, sharp_1.default)({
+            create: {
+                width: width,
+                height: height,
+                channels: 4,
+                background: fill !== null && fill !== void 0 ? fill : {
+                    r: 0,
+                    g: 0,
+                    b: 0,
+                    alpha: 0
+                }
+            }
+        });
+        const ctx = {
+            image: image,
+            offsetX: 0,
+            offsetY: 0
+        };
+        for (const layer of this.options.layers) {
+            if (!layer.shouldRender(data))
+                continue;
+            await layer.render(ctx, data);
+            ctx.image = await (0, commit_frame_1.commitFrame)(ctx.image);
+        }
+        return ctx.image.png().toBuffer();
+    }
+}
+exports.Template = Template;

package/dist/utils/commit-frame.d.ts

@@ -0,0 +1,2 @@
+import sharp from "sharp";
+export declare function commitFrame(image: sharp.Sharp): Promise<sharp.Sharp>;

package/dist/utils/commit-frame.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.commitFrame = commitFrame;
+const sharp_1 = __importDefault(require("sharp"));
+async function commitFrame(image) {
+    const buffer = await image.raw().toBuffer({ resolveWithObject: false });
+    const metadata = await image.metadata();
+    return (0, sharp_1.default)(buffer, {
+        raw: {
+            width: metadata.width,
+            height: metadata.height,
+            channels: metadata.channels,
+        }
+    });
+}

package/dist/utils/font-config.d.ts

@@ -0,0 +1,11 @@
+import { FontOptions } from "../layers/text-layer";
+export type FontConfigOptions = {
+    color?: string;
+    name?: string;
+    filePath?: string;
+};
+export type PartialFontOptions = {
+    size: number;
+    color?: string;
+};
+export declare function fontConfig(options: FontConfigOptions): (partialOptions: PartialFontOptions) => FontOptions;

package/dist/utils/font-config.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fontConfig = fontConfig;
+function fontConfig(options) {
+    return (partialOptions) => {
+        return {
+            ...options,
+            ...partialOptions
+        };
+    };
+}

package/dist/utils/resolve-axis.d.ts

@@ -0,0 +1,3 @@
+export type ComputeAxis<Data> = (data: Data, index: number) => number;
+export type Axis<Data> = ComputeAxis<Data> | number;
+export declare function resolveAxis<Data>(axis: Axis<Data>, data: Data, index: number): number;

package/dist/utils/resolve-axis.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resolveAxis = resolveAxis;
+function resolveAxis(axis, data, index) {
+    if (typeof axis === "function") {
+        return axis(data, index);
+    }
+    return axis;
+}

package/package.json

@@ -1,80 +1,38 @@
 {
   "name": "xpict",
-  "version": "0.0.3",
-  "description": "Generation of standardized images from predefined templates and functions",
-  "main": "./dist/cjs/index.js",
-  "module": "./dist/esm/index.js",
-  "types": "./dist/types/index.d.ts",
+  "version": "0.1.0",
+  "description": "Xpict é uma biblioteca para a geração de imagens padronizadas a partir de modelos declarativos.",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist/*",
+    "!/**/__tests__"
+  ],
   "scripts": {
-    "test": "ts-node ./tests/index.ts",
-    "test:hr": "ts-node ./tests/generate-hr-maps.ts",
-    "build:clean": "rimraf dist",
-    "compile": "tsc -b ./tsconfig.cjs.json ./tsconfig.esm.json ./tsconfig.types.json",
-    "build": "npm-run-all build:clean compile generate-exports && node ./dev-scripts/prepare-package-json.js",
-    "generate-exports": "node dev-scripts/generate-exports.cjs"
+    "playground:heroic-race": "ts-node ./playground/heroic-race.ts",
+    "test": "jest",
+    "build": "tsc"
   },
-  "keywords": [],
+  "keywords": [
+    "xpict",
+    "image",
+    "template",
+    "canvas",
+    "sharp"
+  ],
   "author": "Marcuth",
-  "license": "ISC",
-  "dependencies": {
-    "@types/node": "^22.5.4",
-    "canvas": "^2.11.2",
-    "sharp": "^0.33.5",
-    "ts-node": "^10.9.2",
-    "typescript": "^5.6.2"
-  },
+  "license": "MIT",
+  "type": "commonjs",
   "devDependencies": {
-    "npm-run-all": "^4.1.5",
-    "rimraf": "^6.0.1"
+    "@types/jest": "^30.0.0",
+    "@types/node": "^25.0.3",
+    "ts-jest": "^29.4.6",
+    "ts-node": "^10.9.2",
+    "typescript": "^5.9.3"
   },
-  "exports": {
-    ".": {
-      "import": "./dist/esm/index.js",
-      "require": "./dist/esm/index.js",
-      "default": "./dist/esm/index.js",
-      "types": "./dist/types/index.d.ts"
-    },
-    "./actions": {
-      "import": "./dist/esm/actions.js",
-      "require": "./dist/cjs/actions.js",
-      "default": "./dist/esm/actions.js",
-      "types": "./dist/types/actions.d.ts"
-    },
-    "./constants": {
-      "import": "./dist/esm/constants.js",
-      "require": "./dist/cjs/constants.js",
-      "default": "./dist/esm/constants.js",
-      "types": "./dist/types/constants.d.ts"
-    },
-    "./utils/clone-image.util.ts": {
-      "import": "./dist/esm/utils/clone-image.util.ts.js",
-      "require": "./dist/cjs/utils/clone-image.util.ts.js",
-      "default": "./dist/esm/utils/clone-image.util.ts.js",
-      "types": "./dist/types/utils/clone-image.util.ts.d.ts"
-    },
-    "./utils/color.util": {
-      "import": "./dist/esm/utils/color.util.js",
-      "require": "./dist/cjs/utils/color.util.js",
-      "default": "./dist/esm/utils/color.util.js",
-      "types": "./dist/types/utils/color.util.d.ts"
-    },
-    "./utils/create-image.util": {
-      "import": "./dist/esm/utils/create-image.util.js",
-      "require": "./dist/cjs/utils/create-image.util.js",
-      "default": "./dist/esm/utils/create-image.util.js",
-      "types": "./dist/types/utils/create-image.util.d.ts"
-    },
-    "./utils": {
-      "import": "./dist/esm/utils/index.js",
-      "require": "./dist/cjs/utils/index.js",
-      "default": "./dist/esm/utils/index.js",
-      "types": "./dist/types/utils/index.d.ts"
-    },
-    "./utils/open-image.util": {
-      "import": "./dist/esm/utils/open-image.util.js",
-      "require": "./dist/cjs/utils/open-image.util.js",
-      "default": "./dist/esm/utils/open-image.util.js",
-      "types": "./dist/types/utils/open-image.util.d.ts"
-    }
+  "dependencies": {
+    "canvas": "^3.2.0",
+    "sharp": "^0.34.5"
   }
-}
+}

package/dev-scripts/generate-exports.cjs

@@ -1,57 +0,0 @@
-const fs = require("fs")
-const path = require("path")
-
-const distPath = path.join(__dirname, "..", "src")
-
-const packageJsonPath = path.join(__dirname, "..", "package.json")
-const packageJson = require(packageJsonPath)
-
-function generateExports(dir, base = "") {
-    const entries = fs.readdirSync(dir)
-    let exports = {}
-
-    entries.forEach(entry => {
-        const fullPath = path.join(dir, entry)
-        const stat = fs.statSync(fullPath)
-
-        if (stat.isDirectory()) {
-            exports = {
-                ...exports,
-                ...generateExports(fullPath, `${base}/${entry}`)
-            }
-        } else if (path.extname(entry) === ".ts") {
-            const exportPath = `${base}/${entry.replace(".ts", "")}`
-
-            const cjsPath = `./dist/cjs${exportPath}.js`
-            const esmPath = `./dist/esm${exportPath}.js`
-            const dtsPath = `./dist/types${exportPath}.d.ts`
-
-            if (exportPath !== "/index") {
-                exports[`.${exportPath.replace("/index", "")}`] = {
-                    import: esmPath,
-                    require: cjsPath,
-                    default: esmPath,
-                    types: dtsPath
-                }
-            }
-        }
-    })
-
-    return exports
-}
-
-const generatedExports = generateExports(distPath)
-
-packageJson.exports = {
-    ".": {
-        import: "./dist/esm/index.js",
-        require: "./dist/esm/index.js",
-        default: "./dist/esm/index.js",
-        types: "./dist/types/index.d.ts",
-    },
-    ...generatedExports
-}
-
-fs.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2))
-
-console.log("Exports gerados e adicionados ao package.json")

package/dev-scripts/index.ts

@@ -1,149 +0,0 @@
-// import fakeUa from "fake-useragent"
-
-
-// import { extractInnerText, ParsingModel, PuppeteerClient, PuppeteerClientAction } from "../src"
-
-// const randomizeViewportSize: PuppeteerClientAction = {
-//     type: "beforeRequest",
-//     func: async (page) => {
-//         const width = 1920 + Math.floor(Math.random() * 100)
-//         const height = 3000 + Math.floor(Math.random() * 100)
-
-//         await page.setViewport({
-//             width: width,
-//             height: height,
-//             deviceScaleFactor: 1,
-//             hasTouch: false,
-//             isLandscape: false,
-//             isMobile: false,
-//         })
-//     }
-// }
-
-// const skipAssetsLoading: PuppeteerClientAction = {
-//     type: "beforeRequest",
-//     func: async (page) => {
-//         await page.setRequestInterception(true)
-
-//         page.on("request", async (request) => {
-//             const isAssets = (
-//                 request.resourceType() == "stylesheet" ||
-//                 request.resourceType() == "font" ||
-//                 request.resourceType() == "image"
-//             )
-
-//             if (isAssets) {
-//                 await request.abort()
-//             } else {
-//                 await request.continue()
-//             }
-//         })
-//     }
-// }
-
-// const passWebdriverCheck: PuppeteerClientAction = {
-//     type: "beforeRequest",
-//     func: async (page) => {
-//         await page.evaluateOnNewDocument(() => {
-//             Object.defineProperty(navigator, "webdriver", {
-//                 get: () => false
-//             })
-//         })
-//     }
-// }
-
-// const passChromeCheck: PuppeteerClientAction = {
-//     type: "beforeRequest",
-//     func: async (page) => {
-//         await page.evaluateOnNewDocument(() => {
-//             (window as any).chrome = {
-//                 runtime: {}
-//             }
-//         })
-//     }
-// }
-
-// const passNotificationsCheck: PuppeteerClientAction = {
-//     type: "beforeRequest",
-//     func: async (page) => {
-//         await page.evaluateOnNewDocument(() => {
-//             const originalQuery = window.navigator.permissions.query as any
-            
-//             return window.navigator.permissions.query = (parameters) => {
-//                 return parameters.name === "notifications" ? 
-//                     Promise.resolve({ state: Notification.permission }) :
-//                     originalQuery(parameters)
-//             }
-//         })
-//     }
-// }
-
-// const mockPlugins: PuppeteerClientAction = {
-//     type: "beforeRequest",
-//     func: async (page) => {
-//         await page.evaluateOnNewDocument(() => {
-//             Object.defineProperty(navigator, "plugins", {
-//                 get: () => [1, 2, 3, 4, 5],
-//             })
-//         })
-//     }
-// }
-
-// const mockLanguages: PuppeteerClientAction = {
-//     type: "beforeRequest",
-//     func: async (page) => {
-//         await page.evaluateOnNewDocument(() => {
-//             Object.defineProperty(navigator, "languages", {
-//                 get: () => ["en-US", "en"],
-//             })
-//         })
-//     }
-// }
-
-// const hideAutomationExtensions: PuppeteerClientAction = {
-//     type: "beforeRequest",
-//     func: async (page) => {
-//         await page.evaluateOnNewDocument(() => {
-//             Object.defineProperty(navigator, "webdriver", {
-//                 get: () => undefined
-//             })
-
-//             delete (navigator as any).__proto__.webdriver
-//         })
-//     }
-// }
-
-// ;(async () => {
-//     const client = new PuppeteerClient({
-//         headless: true,
-//         args: ["--no-sandbox", "--disable-setuid-sandbox"],
-//         userAgent: fakeUa
-//     })
-
-//     const pageParser = await client.get({
-//         url: "https://www.terabyteshop.com.br/produto/17216/monitor-gamer-superframe-vision-24pol-fullhd-165hz-hdmidp-sfv2409s",
-//         actions: [
-//             randomizeViewportSize,
-//             skipAssetsLoading,
-//             passWebdriverCheck,
-//             passChromeCheck,
-//             passNotificationsCheck,
-//             mockPlugins,
-//             mockLanguages,
-//             hideAutomationExtensions
-//         ]
-//     })
-
-//     const pageParserModel = {
-//         title: {
-//             query: "title",
-//             extractor: extractInnerText
-//         }
-//     } satisfies ParsingModel
-
-//     const pageData = pageParser.parseItem({ model: pageParserModel })
-
-//     console.log(pageData.title)
-
-//     await client.close()
-// })();

package/dev-scripts/prepare-package-json.js

@@ -1,31 +0,0 @@
-const path = require("path")
-const fs = require("fs")
-
-const distDir = path.join(__dirname, "..", "dist")
-
-function createEsmModulePackageJson() {
-    fs.readdirSync(distDir)
-        .forEach((dir) => {
-            if (dir === "esm") {
-                const packageJsonFile = path.join(distDir, dir, "/package.json")
-
-                if (!fs.existsSync(packageJsonFile)) {
-                    fs.writeFileSync(
-                        packageJsonFile,
-                        new Uint8Array(Buffer.from('{"type": "module"}')),
-                    )
-                }
-            } else if (dir == "cjs") {
-                const packageJsonFile = path.join(distDir, dir, "/package.json")
-
-                if (!fs.existsSync(packageJsonFile)) {
-                    fs.writeFileSync(
-                        packageJsonFile,
-                        new Uint8Array(Buffer.from('{"type": "commonjs"}')),
-                    )
-                }
-            }
-        })
-}
-
-createEsmModulePackageJson()