@rollup-extras/plugin-html 1.3.3 → 1.4.0

package/dist/index.cjs

@@ -6,292 +6,276 @@ var path = require('path');
 var options = require('@rollup-extras/utils/options');
 var logger = require('@rollup-extras/utils/logger');
 var mutliConfigPluginBase = require('@rollup-extras/utils/mutli-config-plugin-base');
+var shared = require('./shared.cjs');
 
-const defaultTemplate = '<!DOCTYPE html><html><head></head><body></body></html>';
-const headClosingElement = '</head>';
-const bodyClosingElement = '</body>';
-const cssExtention = '.css';
-const defaults = {
-    pluginName: '@rollup-extras/plugin-html',
-    outputFile: 'index.html',
-    watch: true,
-    useWriteBundle: false,
-    emitFile: 'auto',
-    injectIntoHead: (fileName) => fileName.endsWith(cssExtention),
-    ignore: toAssetPredicate(false),
-    templateFactory: ((template, assets, defaultTemplateFactory) => defaultTemplateFactory(template, assets))
-};
-const factories = { logger, injectIntoHead: predicateFactory, ignore: predicateFactory };
-function index (options$1 = {}) {
-    const { pluginName, outputFile, template, watch, emitFile, conditionalLoading, logger, useWriteBundle, logLevel, useEmittedTemplate, injectIntoHead, ignore, assetsFactory, templateFactory } = options.getOptionsObject(options$1, Object.assign(Object.assign({}, defaults), { useEmittedTemplate: !('template' in options$1), logLevel: options$1.verbose ? 1 /* LogLevel.info */ : 0 /* LogLevel.verbose */ }), factories), hasCustomTemplateFactory = 'templateFactory' in options$1;
-    let templateString = defaultTemplate, hasTemplateFile = false;
-    if (template) {
-        if (isUsableByDefaultTemplateFactory(template)) {
-            templateString = template;
-        }
-        else {
-            if (watch) {
-                try {
-                    // using sync fs call because we need to return plugin object immidiately
-                    useNewTemplate(oldStyleFs.readFileSync(template, { encoding: 'utf8' }));
-                    hasTemplateFile = true;
-                }
-                catch (e) {
-                    handleTemplateReadError(e);
-                }
-            }
-            else {
-                templateString = new Promise(resolve => {
-                    fs.readFile(template, { encoding: 'utf8' })
-                        .then((newTemplateString) => {
-                        if (!isUsableByDefaultTemplateFactory(newTemplateString) && !hasCustomTemplateFactory) {
-                            warnAboutUsingDefaultTemplate();
-                            resolve(defaultTemplate);
-                        }
-                        else {
-                            resolve(newTemplateString);
-                        }
-                    })
-                        .catch(handleTemplateReadError);
-                });
-            }
-        }
-    }
-    let initialDir = '', fileNameInInitialDir, assets = freshAssets();
-    const processedFiles = new Set();
-    const instance = mutliConfigPluginBase.multiConfigPluginBase(useWriteBundle, pluginName, generateBundle, updateAssets);
-    const baseRenderStart = instance.renderStart;
-    const baseAddInstance = instance.api.addInstance;
-    instance.renderStart = function (outputOptions, inputOptions) {
-        logger('started collecting information', 0 /* LogLevel.verbose */);
-        initialDir = outputOptions.dir || '';
-        fileNameInInitialDir = path.join(initialDir, outputFile);
-        return baseRenderStart.call(this, outputOptions, inputOptions);
-    };
-    instance.api.addInstance = () => {
-        const instance = baseAddInstance();
-        if (hasTemplateFile && watch) {
-            instance.buildStart = buildStart;
-        }
-        return instance;
-    };
-    if (hasTemplateFile && watch) {
-        instance.buildStart = async function () {
-            try {
-                useNewTemplate(await fs.readFile(template, { encoding: 'utf8' }));
-            }
-            catch (e) {
-                handleTemplateReadError(e);
-            }
-            await buildStart.apply(this);
-        };
-    }
-    return instance;
-    async function updateAssets(options, bundle, remainingConfigsCount, remainingOutputsCount) {
-        await getAssets(options, bundle);
-        const statistics = Object.keys(assets)
-            .map(key => ({ key, count: assets[key].length }))
-            .filter(item => item.count)
-            .map(({ key, count }) => `${key}: ${count}`)
-            .join(', ');
-        logger(`assets collected: [${statistics}], remaining: ${remainingOutputsCount} outputs, ${remainingConfigsCount} configs`, 0 /* LogLevel.verbose */);
-        const dir = options.dir || '', fileName = path.relative(dir, fileNameInInitialDir);
-        if (fileName in bundle) {
-            if (useEmittedTemplate) {
-                logger(`using exiting emitted ${fileName} as an input for out templateFactory`, 0 /* LogLevel.verbose */);
-                const source = bundle[fileName].type === 'asset' ? bundle[fileName].source.toString() : bundle[fileName].code;
-                useNewTemplate(source);
-            }
-            else {
-                logger(`removing exiting emitted ${fileName}`, 0 /* LogLevel.verbose */);
-            }
-            if (remainingConfigsCount === 0 && emitFile && !useWriteBundle) {
-                delete bundle[fileName];
-            }
-        }
-    }
-    function freshAssets() {
-        return {
-            asset: [],
-            es: [],
-            iife: [],
-            umd: []
-        };
-    }
-    function useNewTemplate(newTemplateString) {
-        if (!isUsableByDefaultTemplateFactory(newTemplateString) && !hasCustomTemplateFactory) {
-            warnAboutUsingDefaultTemplate();
-        }
-        else {
-            templateString = newTemplateString;
-        }
-    }
-    function handleTemplateReadError(e) {
-        if ((e === null || e === void 0 ? void 0 : e.code) === 'ENOENT') {
-            logger('template nor a file or string', 2 /* LogLevel.warn */, e);
-        }
-        else {
-            logger('error reading template', 2 /* LogLevel.warn */, e);
-        }
-    }
-    function warnAboutUsingDefaultTemplate() {
-        logger('template is unusable by default template factory, using default one', 2 /* LogLevel.warn */);
-    }
-    async function buildStart() {
-        this.addWatchFile(template);
-    }
-    async function generateBundle(options) {
-        logger.start('generating html', logLevel);
-        try {
-            const dir = options.dir || '', fileName = path.relative(dir, fileNameInInitialDir);
-            const depromisifiedTemplateString = await templateString, source = await templateFactory(depromisifiedTemplateString, assets, defaultTemplateFactory);
-            if (!emitFile || fileName.startsWith('..') || useWriteBundle) {
-                if (emitFile && emitFile !== 'auto') {
-                    logger('cannot emitFile because it is outside of current output.dir, using writeFile instead', 0 /* LogLevel.verbose */);
-                }
-                await fs.mkdir(path.dirname(fileNameInInitialDir), { recursive: true });
-                await fs.writeFile(fileNameInInitialDir, source);
-            }
-            else {
-                this.emitFile({
-                    type: 'asset',
-                    fileName,
-                    source
-                });
-            }
-            // reset assets and configs for next iteration
-            assets = freshAssets();
-            processedFiles.clear();
-            logger.finish('html file generated');
-        }
-        catch (e) {
-            logger.finish('html generation failed', 3 /* LogLevel.error */, e);
-        }
-    }
-    async function getAssets(options, bundle) {
-        const dir = options.dir || '';
-        for (const fileName of Object.keys(bundle)) {
-            const relativeToRootAssetPath = path.join(dir, fileName);
-            if (ignore(relativeToRootAssetPath) || processedFiles.has(relativeToRootAssetPath)) {
-                continue;
-            }
-            processedFiles.add(relativeToRootAssetPath);
-            if (bundle[fileName].type == 'asset') {
-                if (await useAssetFactory(fileName, relativeToRootAssetPath, bundle[fileName].source, 'asset')) {
-                    continue;
-                }
-                if (fileName.endsWith(cssExtention)) {
-                    const assetPath = path.relative(initialDir, relativeToRootAssetPath);
-                    assets.asset.push({
-                        html: getLinkElement(assetPath),
-                        head: injectIntoHead(relativeToRootAssetPath),
-                        type: 'asset'
-                    });
-                    continue;
-                }
-            }
-            else if (bundle[fileName].type == 'chunk') {
-                const chunk = bundle[fileName];
-                if (chunk.isEntry) {
-                    if (await useAssetFactory(fileName, relativeToRootAssetPath, chunk.code, options.format)) {
-                        continue;
-                    }
-                    if (options.format === 'es' || options.format === 'iife' || options.format === 'umd') {
-                        const assetPath = path.relative(initialDir, relativeToRootAssetPath);
-                        assets[options.format].push({
-                            html: (assets) => {
-                                let useConditionalLoading = conditionalLoading;
-                                useConditionalLoading !== null && useConditionalLoading !== void 0 ? useConditionalLoading : (useConditionalLoading = !!((assets.iife.length
-                                    || assets.umd.length)
-                                    && assets.es.length));
-                                return (options.format === 'iife' || options.format === 'umd') ? getNonModuleScriptElement(assetPath, !!useConditionalLoading) : getModuleScriptElement(assetPath);
-                            },
-                            head: injectIntoHead(relativeToRootAssetPath),
-                            type: 'asset'
-                        });
-                    }
-                }
-            }
-        }
-    }
-    async function useAssetFactory(fileName, relativeToRootAssetPath, source, format) {
-        if (assetsFactory) {
-            try {
-                let asset = await assetsFactory(fileName, source, format);
-                if (asset) {
-                    if (typeof asset === 'string') {
-                        asset = {
-                            html: asset,
-                            head: injectIntoHead(relativeToRootAssetPath),
-                            type: format
-                        };
-                    }
-                    if (!assets[asset.type]) {
-                        assets[asset.type] = [];
-                    }
-                    assets[asset.type].push(asset);
-                    return true;
-                }
-            }
-            catch (e) {
-                logger('exception in assetFactory', 2 /* LogLevel.warn */, e);
-            }
-        }
-        return false;
-    }
-}
-function isUsableByDefaultTemplateFactory(template) {
-    return template.indexOf(headClosingElement) >= 0 && template.indexOf(bodyClosingElement) >= 0;
-}
-function getLinkElement(fileName) {
-    return `<link rel="stylesheet" href="${fileName}" type="text/css">`;
-}
-function getNonModuleScriptElement(fileName, conditionalLoading) {
-    return `<script src="${fileName}" type="text/javascript"${conditionalLoading ? ' nomodule' : ''}></script>`;
-}
-function getModuleScriptElement(fileName) {
-    return `<script src="${fileName}" type="module"></script>`;
-}
-function predicateFactory(options, field) {
-    if (options[field] != null) {
-        const predicate = toAssetPredicate(options[field]);
-        if (predicate) {
-            return predicate;
-        }
-        else {
-            options.logger && options.logger(`${field} option ignored because it is not a function, RegExp or boolean`, 2 /* LogLevel.warn */);
-        }
-    }
-    return defaults[field];
-}
-function toAssetPredicate(sourceOption) {
-    if (typeof sourceOption === 'boolean') {
-        return () => sourceOption;
-    }
-    else if (typeof sourceOption === 'function') {
-        return sourceOption;
-    }
-    else if (sourceOption instanceof RegExp) {
-        return (fileName) => sourceOption.test(fileName);
-    }
-    return undefined;
-}
-function defaultTemplateFactory(template, assets) {
-    const assetsAsArray = assets.asset
-        .concat((assets.iife.length ? assets.iife : assets.umd))
-        .concat(assets.es)
-        .map((asset) => {
-        if (typeof asset.html === 'function') {
-            asset.html = asset.html(assets);
-        }
-        return asset;
-    });
-    const headElements = assetsAsArray.filter(asset => asset.head).map(asset => asset.html);
-    const bodyElements = assetsAsArray.filter(asset => !asset.head).map(asset => asset.html);
-    const headIndex = template.toLowerCase().indexOf(headClosingElement);
-    template = `${template.substring(0, headIndex)}${headElements.join('')}${template.substring(headIndex)}`;
-    const bodyIndex = template.toLowerCase().indexOf(bodyClosingElement);
-    return `${template.substring(0, bodyIndex)}${bodyElements.join('')}${template.substring(bodyIndex)}`;
+const defaultTemplate = '<!DOCTYPE html><html><head></head><body></body></html>';
+const headClosingElement = '</head>';
+const bodyClosingElement = '</body>';
+const cssExtention = '.css';
+const defaults = {
+    pluginName: '@rollup-extras/plugin-html',
+    outputFile: 'index.html',
+    watch: true,
+    useWriteBundle: false,
+    emitFile: 'auto',
+    injectIntoHead: (fileName) => fileName.endsWith(cssExtention),
+    ignore: shared.toAssetPredicate(false),
+    templateFactory: ((template, assets, defaultTemplateFactory) => defaultTemplateFactory(template, assets))
+};
+const factories = { logger, injectIntoHead: predicateFactory, ignore: predicateFactory };
+function index (options$1 = {}) {
+    const { pluginName, outputFile, template, watch, emitFile, conditionalLoading, logger, useWriteBundle, logLevel, useEmittedTemplate, injectIntoHead, ignore, assetsFactory, templateFactory } = options.getOptionsObject(options$1, {
+        ...defaults,
+        useEmittedTemplate: !('template' in options$1),
+        logLevel: options$1.verbose ? 1 /* LogLevel.info */ : 0 /* LogLevel.verbose */
+    }, factories), hasCustomTemplateFactory = 'templateFactory' in options$1;
+    let templateString = defaultTemplate, hasTemplateFile = false;
+    if (template) {
+        if (isUsableByDefaultTemplateFactory(template)) {
+            templateString = template;
+        }
+        else {
+            if (watch) {
+                try {
+                    // using sync fs call because we need to return plugin object immidiately
+                    useNewTemplate(oldStyleFs.readFileSync(template, { encoding: 'utf8' }));
+                    hasTemplateFile = true;
+                }
+                catch (e) {
+                    handleTemplateReadError(e);
+                }
+            }
+            else {
+                templateString = new Promise(resolve => {
+                    fs.readFile(template, { encoding: 'utf8' })
+                        .then((newTemplateString) => {
+                        if (!isUsableByDefaultTemplateFactory(newTemplateString) && !hasCustomTemplateFactory) {
+                            warnAboutUsingDefaultTemplate();
+                            resolve(defaultTemplate);
+                        }
+                        else {
+                            resolve(newTemplateString);
+                        }
+                    })
+                        .catch(handleTemplateReadError);
+                });
+            }
+        }
+    }
+    let initialDir = '', fileNameInInitialDir, assets = freshAssets();
+    const processedFiles = new Set();
+    const instance = mutliConfigPluginBase.multiConfigPluginBase(useWriteBundle, pluginName, generateBundle, updateAssets);
+    const baseRenderStart = instance.renderStart;
+    const baseAddInstance = instance.api.addInstance;
+    instance.renderStart = function (outputOptions, inputOptions) {
+        logger('started collecting information', 0 /* LogLevel.verbose */);
+        initialDir = outputOptions.dir || '';
+        fileNameInInitialDir = path.join(initialDir, outputFile);
+        return baseRenderStart.call(this, outputOptions, inputOptions);
+    };
+    instance.api.addInstance = () => {
+        const instance = baseAddInstance();
+        if (hasTemplateFile && watch) {
+            instance.buildStart = buildStart;
+        }
+        return instance;
+    };
+    if (hasTemplateFile && watch) {
+        instance.buildStart = async function () {
+            try {
+                useNewTemplate(await fs.readFile(template, { encoding: 'utf8' }));
+            }
+            catch (e) {
+                handleTemplateReadError(e);
+            }
+            await buildStart.apply(this);
+        };
+    }
+    return instance;
+    async function updateAssets(options, bundle, remainingConfigsCount, remainingOutputsCount) {
+        await getAssets(options, bundle);
+        const statistics = Object.keys(assets)
+            .map(key => ({ key, count: assets[key].length }))
+            .filter(item => item.count)
+            .map(({ key, count }) => `${key}: ${count}`)
+            .join(', ');
+        logger(`assets collected: [${statistics}], remaining: ${remainingOutputsCount} outputs, ${remainingConfigsCount} configs`, 0 /* LogLevel.verbose */);
+        const dir = options.dir || '', fileName = path.relative(dir, fileNameInInitialDir);
+        if (fileName in bundle) {
+            if (useEmittedTemplate) {
+                logger(`using exiting emitted ${fileName} as an input for out templateFactory`, 0 /* LogLevel.verbose */);
+                const source = bundle[fileName].type === 'asset' ? bundle[fileName].source.toString() : bundle[fileName].code;
+                useNewTemplate(source);
+            }
+            else {
+                logger(`removing exiting emitted ${fileName}`, 0 /* LogLevel.verbose */);
+            }
+            if (remainingConfigsCount === 0 && emitFile && !useWriteBundle) {
+                delete bundle[fileName];
+            }
+        }
+    }
+    function freshAssets() {
+        return {
+            asset: [],
+            es: [],
+            iife: [],
+            umd: []
+        };
+    }
+    function useNewTemplate(newTemplateString) {
+        if (!isUsableByDefaultTemplateFactory(newTemplateString) && !hasCustomTemplateFactory) {
+            warnAboutUsingDefaultTemplate();
+        }
+        else {
+            templateString = newTemplateString;
+        }
+    }
+    function handleTemplateReadError(e) {
+        if (e?.code === 'ENOENT') {
+            logger('template nor a file or string', 2 /* LogLevel.warn */, e);
+        }
+        else {
+            logger('error reading template', 2 /* LogLevel.warn */, e);
+        }
+    }
+    function warnAboutUsingDefaultTemplate() {
+        logger('template is unusable by default template factory, using default one', 2 /* LogLevel.warn */);
+    }
+    async function buildStart() {
+        this.addWatchFile(template);
+    }
+    async function generateBundle(options) {
+        logger.start('generating html', logLevel);
+        try {
+            const dir = options.dir || '', fileName = path.relative(dir, fileNameInInitialDir);
+            const depromisifiedTemplateString = await templateString, source = await templateFactory(depromisifiedTemplateString, assets, defaultTemplateFactory);
+            if (!emitFile || fileName.startsWith('..') || useWriteBundle) {
+                if (emitFile && emitFile !== 'auto') {
+                    logger('cannot emitFile because it is outside of current output.dir, using writeFile instead', 0 /* LogLevel.verbose */);
+                }
+                await fs.mkdir(path.dirname(fileNameInInitialDir), { recursive: true });
+                await fs.writeFile(fileNameInInitialDir, source);
+            }
+            else {
+                this.emitFile({
+                    type: 'asset',
+                    fileName,
+                    source
+                });
+            }
+            // reset assets and configs for the next iteration
+            assets = freshAssets();
+            processedFiles.clear();
+            logger.finish('html file generated');
+        }
+        catch (e) {
+            logger.finish('html generation failed', 3 /* LogLevel.error */, e);
+        }
+    }
+    async function getAssets(options, bundle) {
+        const dir = options.dir || '';
+        for (const fileName of Object.keys(bundle)) {
+            const relativeToRootAssetPath = path.join(dir, fileName);
+            if (ignore(relativeToRootAssetPath) || processedFiles.has(relativeToRootAssetPath)) {
+                continue;
+            }
+            processedFiles.add(relativeToRootAssetPath);
+            if (bundle[fileName].type === 'asset') {
+                if (await useAssetFactory(fileName, relativeToRootAssetPath, bundle[fileName].source, 'asset')) {
+                    continue;
+                }
+                if (fileName.endsWith(cssExtention)) {
+                    const assetPath = path.relative(initialDir, relativeToRootAssetPath);
+                    assets.asset.push({
+                        html: shared.getLinkElement(assetPath),
+                        head: injectIntoHead(relativeToRootAssetPath),
+                        type: 'asset'
+                    });
+                    continue;
+                }
+            }
+            else if (bundle[fileName].type === 'chunk') {
+                const chunk = bundle[fileName];
+                if (chunk.isEntry) {
+                    if (await useAssetFactory(fileName, relativeToRootAssetPath, chunk.code, options.format)) {
+                        continue;
+                    }
+                    if (options.format === 'es' || options.format === 'iife' || options.format === 'umd') {
+                        const assetPath = path.relative(initialDir, relativeToRootAssetPath);
+                        assets[options.format].push({
+                            html: (assets) => {
+                                let useConditionalLoading = conditionalLoading;
+                                useConditionalLoading ??= !!((assets.iife.length
+                                    || assets.umd.length)
+                                    && assets.es.length);
+                                return (options.format === 'iife' || options.format === 'umd') ? shared.getNonModuleScriptElement(assetPath, !!useConditionalLoading) : shared.getModuleScriptElement(assetPath);
+                            },
+                            head: injectIntoHead(relativeToRootAssetPath),
+                            type: 'asset'
+                        });
+                    }
+                }
+            }
+        }
+    }
+    async function useAssetFactory(fileName, relativeToRootAssetPath, source, format) {
+        if (assetsFactory) {
+            try {
+                let asset = await assetsFactory(fileName, source, format);
+                if (asset) {
+                    if (typeof asset === 'string') {
+                        asset = {
+                            html: asset,
+                            head: injectIntoHead(relativeToRootAssetPath),
+                            type: format
+                        };
+                    }
+                    if (!assets[asset.type]) {
+                        assets[asset.type] = [];
+                    }
+                    assets[asset.type].push(asset);
+                    return true;
+                }
+            }
+            catch (e) {
+                logger('exception in assetFactory', 2 /* LogLevel.warn */, e);
+            }
+        }
+        return false;
+    }
+}
+function isUsableByDefaultTemplateFactory(template) {
+    return template.indexOf(headClosingElement) >= 0 && template.indexOf(bodyClosingElement) >= 0;
+}
+function predicateFactory(options, field) {
+    if (options[field] != null) {
+        const predicate = shared.toAssetPredicate(options[field]);
+        if (predicate) {
+            return predicate;
+        }
+        else {
+            options.logger && options.logger(`${field} option ignored because it is not a function, RegExp, string or boolean`, 2 /* LogLevel.warn */);
+        }
+    }
+    return defaults[field];
+}
+function defaultTemplateFactory(template, assets) {
+    const assetsAsArray = assets.asset
+        .concat((assets.iife.length ? assets.iife : assets.umd))
+        .concat(assets.es)
+        .map((asset) => {
+        if (typeof asset.html === 'function') {
+            asset.html = asset.html(assets);
+        }
+        return asset;
+    });
+    const headElements = assetsAsArray.filter(asset => asset.head).map(asset => asset.html);
+    const bodyElements = assetsAsArray.filter(asset => !asset.head).map(asset => asset.html);
+    const headIndex = template.toLowerCase().indexOf(headClosingElement);
+    template = `${template.substring(0, headIndex)}${headElements.join('')}${template.substring(headIndex)}`;
+    const bodyIndex = template.toLowerCase().indexOf(bodyClosingElement);
+    return `${template.substring(0, bodyIndex)}${bodyElements.join('')}${template.substring(bodyIndex)}`;
 }
 
 module.exports = index;

package/dist/index.d.ts

@@ -1,7 +1,7 @@
-import { Plugin } from 'rollup';
-import { HtmlPluginOptions } from './types';
-export default function (options?: HtmlPluginOptions): Plugin & {
-    api: {
-        addInstance(): Plugin;
-    };
-};
+import type { Plugin } from 'rollup';
+import type { HtmlPluginOptions } from './types';
+export default function (options?: HtmlPluginOptions): Plugin & {
+    api: {
+        addInstance(): Plugin;
+    };
+};