vite-plugin-favicons-inject/dist/esm/index.js

A Vite plugin for creating and injecting favicons during the application build!

const favicons = require('favicons');
const fs = require('fs');
const path = require('path');

const callback = (error, response) => new Promise((resolve, reject) => {
  if (error) {
    reject(error);
  }
  resolve(response);
});

const writeFile = (filePath, fileContent) => new Promise((resolve, reject) => {
  fs.writeFile(filePath, fileContent, (writeFileError) => {
    if (writeFileError) {
      reject(writeFileError);
    }
    resolve(filePath);
  });
});

const getURLPath = (base, assetDir) => {
  let publicUrl = path.join(base, assetDir);
  try {
    const parsedPublicUrl = new URL(publicUrl);
    publicUrl = parsedPublicUrl.toString();
  } catch (error) {
    // assuming error means relative url under the package scope
    publicUrl = publicUrl.replaceAll('\\', '/');
  }
  return publicUrl;
};

const vitePluginFaviconsInject = (inputSource, inputConfig = {}, pluginInputConfig = {}) => {
  let response = false;
  let isProcessed = false;
  let viteConfig = false;
  let source = inputSource;
  let config = inputConfig;
  let pluginConfig = pluginInputConfig;
  return {
    name: 'vite-plugin-favicon-inject',
    configResolved(resolvedConfig) {
      viteConfig = resolvedConfig;
      // override default source if none set
      if (!source || source === '') {
        source = path.join(viteConfig.root, 'src', 'logo.png');
      }
      // making sure that config is a object
      if (!config || (config && config.constructor.name !== 'Object')) {
        config = {};
      }
      if (!pluginConfig || (pluginConfig && pluginConfig.constructor.name !== 'Object')) {
        pluginConfig = {
          failGraciously: false,
        };
      }

      // override default path is none set
      const opPath = getURLPath(
        viteConfig.base,
        viteConfig.build.assetsDir,
      );
      config.path = opPath;
    },
    transformIndexHtml(html) {
      const flowPromise = !isProcessed
        ? favicons.favicons(source, config, callback)
        : new Promise((resolve) => (resolve(response)));
      return flowPromise.then((res) => {
        response = res;
        isProcessed = true;
        return html.replace('</head>', `${res.html.join('')}</head>`);
      }).catch((err) => {
        throw err;
      });
    },
    closeBundle() {
      const fileCreationPromise = [];
      const { files } = response;
      const { images } = response;
      const originalPath = path.join(
        viteConfig.root,
        viteConfig.build.outDir,
        viteConfig.build.assetsDir,
      );

      if (files) {
        files.forEach((eachFile) => {
          fileCreationPromise.push(writeFile(`${originalPath}/${eachFile.name}`, eachFile.contents));
        });
      } else if (!pluginConfig.failGraciously) {
        throw new Error('NO_FILES_FOUND');
      }

      if (images) {
        images.forEach((eachImage) => {
          fileCreationPromise.push(writeFile(`${originalPath}/${eachImage.name}`, eachImage.contents));
        });
      } else if (!pluginConfig.failGraciously) {
        throw new Error('NO_IMAGES_FOUND');
      }
      return Promise.all(fileCreationPromise);
    },
  };
};

export { vitePluginFaviconsInject as default };
//# sourceMappingURL=index.js.map