image-asset-manager/dist/constants.js

A comprehensive image asset management tool for frontend projects

"use strict";
// Constants for the image asset manager
Object.defineProperty(exports, "__esModule", { value: true });
exports.VERSION = exports.FRAMEWORK_TEMPLATES = exports.DEFAULT_OPTIMIZE_OPTIONS = exports.CACHE_FILE_NAME = exports.DEFAULT_PORT = exports.DEFAULT_INCLUDE_PATTERNS = exports.DEFAULT_EXCLUDE_PATTERNS = exports.SUPPORTED_IMAGE_EXTENSIONS = void 0;
exports.SUPPORTED_IMAGE_EXTENSIONS = [
    ".svg",
    ".png",
    ".jpg",
    ".jpeg",
    ".gif",
    ".webp",
];
exports.DEFAULT_EXCLUDE_PATTERNS = [
    "node_modules",
    ".git",
    "dist",
    "build",
    ".next",
    ".nuxt",
    "coverage",
];
exports.DEFAULT_INCLUDE_PATTERNS = [
    "**/*.{svg,png,jpg,jpeg,gif,webp}",
];
exports.DEFAULT_PORT = 3000;
exports.CACHE_FILE_NAME = ".image-assets-cache.json";
exports.DEFAULT_OPTIMIZE_OPTIONS = {
    png: { quality: 90, progressive: true },
    jpg: { quality: 85, progressive: true },
    svg: { removeComments: true, minifyStyles: true },
    webp: { quality: 80, lossless: false },
};
exports.FRAMEWORK_TEMPLATES = {
    react: {
        importTemplate: "import {name} from '{path}';",
        usageTemplate: '<img src={{name}} alt="{alt}" />',
        componentTemplate: 'const {Name} = () => <img src={{name}} alt="{alt}" />;',
        inlineTemplate: "<svg>{content}</svg>",
    },
    vue: {
        importTemplate: "import {name} from '{path}';",
        usageTemplate: '<img :src="{name}" alt="{alt}" />',
        componentTemplate: '<template><img :src="{name}" alt="{alt}" /></template>',
        inlineTemplate: "<svg>{content}</svg>",
    },
    html: {
        importTemplate: "",
        usageTemplate: '<img src="{path}" alt="{alt}" />',
        componentTemplate: "",
        inlineTemplate: "<svg>{content}</svg>",
    },
};
exports.VERSION = "1.0.0";
//# sourceMappingURL=constants.js.map