@fdm-monster/client-next 2.0.1 → 2.1.1

package/plugins/plugin.ts

@@ -1,125 +0,0 @@
-import fs from "node:fs";
-import { resolve } from "node:path";
-import type { PluginOption, ResolvedConfig } from "vite";
-
-/**
- * A copy of the plugin vite-plugin-splash-screen
- * https://github.com/Temzasse/vite-plugin-splash-screen/commit/2982d266cf8a7e64b62befb187347058d72ff56a
- */
-type LoaderType = "line" | "dots" | "none";
-
-type PluginOptions = {
-  logoSrc: string;
-  splashBg?: string;
-  loaderBg?: string;
-  loaderType?: LoaderType;
-  minDurationMs?: number;
-  // Add this to allow specifying where the plugin assets are located
-  pluginAssetsPath?: string;
-};
-
-export function splashScreen(options: PluginOptions) {
-  if (!options.logoSrc) {
-    throw new Error(
-      "The `logoSrc` option is required for vite-plugin-splash-screen!"
-    );
-  }
-
-  const {
-    logoSrc,
-    minDurationMs,
-    loaderType = "line",
-    loaderBg = "#1eb6c3",
-    splashBg = "#ffffff",
-    pluginAssetsPath = "src/plugins/dev-splashscreen",
-  } = options;
-
-  let config: ResolvedConfig;
-
-  return {
-    name: "vite-plugin-splash-screen",
-    configResolved(resolvedConfig: any) {
-      config = resolvedConfig;
-    },
-    transformIndexHtml(html: string) {
-      const baseStyles = readPluginFile("styles.css", pluginAssetsPath, config.root);
-
-      let loaderStyles = "";
-
-      if (loaderType === "line") {
-        loaderStyles = readPluginFile("loaders/line.css", pluginAssetsPath, config.root);
-      } else if (loaderType === "dots") {
-        loaderStyles = readPluginFile("loaders/dots.css", pluginAssetsPath, config.root);
-      }
-
-      const logoHtml = fs.readFileSync(
-        resolve(config.publicDir, logoSrc),
-        "utf8"
-      );
-
-      const splash = splashTemplate({
-        logoHtml,
-        loaderType,
-        minDurationMs,
-        pluginAssetsPath,
-        projectRoot: config.root,
-      });
-
-      const styles = `
-        <style id="vpss-style">
-          ${ baseStyles.replace("/*BG_SPLASH*/", splashBg) }
-          ${ loaderStyles.replace("/*BG_LOADER*/", loaderBg) }
-        </style>
-      `;
-
-      return (
-        html
-          // Add styles to end of head
-          .replace("</head>", `${ styles }</head>`)
-          // Add splash screen to end of body
-          .replace("</body>", `${ splash }</body>`)
-      );
-    },
-  } satisfies PluginOption;
-}
-
-function splashTemplate({
-                          logoHtml,
-                          loaderType,
-                          minDurationMs,
-                          pluginAssetsPath,
-                          projectRoot,
-                        }: {
-  logoHtml: string;
-  loaderType: LoaderType;
-  minDurationMs?: number;
-  pluginAssetsPath: string;
-  projectRoot: string;
-}) {
-  let loaderHtml = "";
-
-  if (loaderType === "line") {
-    loaderHtml = readPluginFile("loaders/line.html", pluginAssetsPath, projectRoot);
-  } else if (loaderType === "dots") {
-    loaderHtml = readPluginFile("loaders/dots.html", pluginAssetsPath, projectRoot);
-  }
-
-  return /*html*/ `
-    <div id="vpss">
-      <div class="vpss-logo">${ logoHtml }</div>
-      ${ loaderHtml }
-    </div>
-    <script>
-      (function () {
-        window.__VPSS__ = {
-          renderedAt: new Date().getTime(),
-          minDurationMs: ${ minDurationMs || 0 },
-        };
-      })();
-    </script>
-  `;
-}
-
-function readPluginFile(filePath: string, pluginAssetsPath: string, projectRoot: string) {
-  return fs.readFileSync(resolve(projectRoot, pluginAssetsPath, filePath), "utf8");
-}