@strapi/admin 4.15.5-alpha.2 → 4.15.5-alpha.4

package/dist/_chunks/{index-c075b5a1.mjs → index-dc89c18c.mjs}

@@ -1,3 +1,4 @@
+import EE from "@strapi/strapi/dist/utils/ee";
 import * as tsUtils from "@strapi/typescript-utils";
 import os from "node:os";
 import fs, { access } from "node:fs/promises";
@@ -7,6 +8,16 @@ import semver from "semver";
 import resolveFrom from "resolve-from";
 import execa from "execa";
 import readPkgUp from "read-pkg-up";
+import { performance } from "perf_hooks";
+import browserslist from "browserslist";
+import strapiFactory from "@strapi/strapi";
+import { env, getConfigUrls, joinBy } from "@strapi/utils";
+import dotenv from "dotenv";
+import { register } from "esbuild-register/dist/node";
+import fs$1 from "node:fs";
+import camelCase from "lodash/camelCase";
+import boxen from "boxen";
+import chalk from "chalk";
 import outdent from "outdent";
 import { format } from "prettier";
 import { createElement } from "react";
@@ -23,17 +34,6 @@ import crypto from "node:crypto";
 import ReactRefreshWebpackPlugin from "@pmmmwh/react-refresh-webpack-plugin";
 import path$1 from "path";
 import findRoot from "find-root";
-import { register } from "esbuild-register/dist/node";
-import boxen from "boxen";
-import chalk from "chalk";
-import browserslist from "browserslist";
-import strapiFactory from "@strapi/strapi";
-import { env, getConfigUrls, joinBy } from "@strapi/utils";
-import dotenv from "dotenv";
-import fs$1 from "node:fs";
-import camelCase from "lodash/camelCase";
-import EE from "@strapi/strapi/dist/utils/ee";
-import { performance } from "perf_hooks";
 import chokidar from "chokidar";
 import cluster from "node:cluster";
 import { promisify } from "node:util";
@@ -41,7 +41,7 @@ import webpackDevMiddleware from "webpack-dev-middleware";
 import webpackHotMiddleware from "webpack-hot-middleware";
 const build$2 = ({ command, ctx }) => {
   command.command("build").option("-d, --debug", "Enable debugging mode with verbose logs", false).option("--ignore-prompts", "Ignore all prompts", false).option("--minify", "Minify the output", true).option("--no-optimization", "[deprecated]: use minify instead").option("--silent", "Don't log anything", false).option("--sourcemap", "Produce sourcemaps", false).option("--stats", "Print build statistics to the console", false).description("Build the strapi admin app").action(async (options) => {
-    const { build: build2 } = await import("./build-f011d8dc.mjs");
+    const { build: build2 } = await import("./build-92e15b93.mjs");
     return build2({ ...options, ...ctx });
   });
 };
@@ -53,7 +53,7 @@ const develop$1 = ({ command, ctx }) => {
     "--watch-admin",
     "[deprecated]: there is now middleware for watching, it is no longer a separate process"
   ).option("--browser <name>", "[deprecated]: use open instead").option("--open", "Open the admin in your browser", true).description("Start your Strapi application in development mode").action(async (options) => {
-    const { develop: develop2 } = await import("./develop-3c9f7452.mjs");
+    const { develop: develop2 } = await import("./develop-a46fed01.mjs");
     return develop2({ ...options, ...ctx });
   });
 };
@@ -227,6 +227,265 @@ const installDependencies = async (install, { cwd, logger }) => {
     throw new Error("Package installation failed");
   }
 };
+function getTimer() {
+  const timings = {};
+  const startTimes = {};
+  function start(name) {
+    if (typeof startTimes[name] !== "undefined") {
+      throw new Error(`Timer "${name}" already started, cannot overwrite`);
+    }
+    startTimes[name] = performance.now();
+  }
+  function end(name) {
+    if (typeof startTimes[name] === "undefined") {
+      throw new Error(`Timer "${name}" never started, cannot end`);
+    }
+    timings[name] = performance.now() - startTimes[name];
+    return timings[name];
+  }
+  return { start, end, getTimings: () => timings };
+}
+const prettyTime = (timeInMs) => {
+  return Math.ceil(timeInMs) + "ms";
+};
+const pathExists = async (path2) => {
+  try {
+    await access(path2);
+    return true;
+  } catch (error) {
+    return false;
+  }
+};
+const loadFile = async (path2) => {
+  if (await pathExists(path2)) {
+    const esbuildOptions = {
+      extensions: [".js", ".mjs", ".ts"]
+    };
+    const { unregister } = register(esbuildOptions);
+    const mod = require(path2);
+    unregister();
+    const file = mod?.default || mod || void 0;
+    return file;
+  }
+  return void 0;
+};
+const convertSystemPathToModulePath = (sysPath) => {
+  if (process.platform === "win32") {
+    return sysPath.split(path.sep).join(path.posix.sep);
+  } else {
+    return sysPath;
+  }
+};
+const convertModulePathToSystemPath = (modulePath) => {
+  if (process.platform === "win32") {
+    return modulePath.split(path.posix.sep).join(path.sep);
+  } else {
+    return modulePath;
+  }
+};
+const loadEnv = async (cwd) => {
+  const pathToEnv = path.resolve(cwd, ".env");
+  if (await pathExists(pathToEnv)) {
+    dotenv.config({ path: pathToEnv });
+  }
+};
+const getStrapiAdminEnvVars = (defaultEnv) => {
+  return Object.keys(process.env).filter((key) => key.toUpperCase().startsWith("STRAPI_ADMIN_")).reduce((acc, key) => {
+    acc[key] = process.env[key];
+    return acc;
+  }, defaultEnv);
+};
+const isError = (err) => err instanceof Error;
+const handleUnexpectedError = (err) => {
+  console.error(
+    chalk.red(
+      `[ERROR] `,
+      "There seems to be an unexpected error, try again with --debug for more information",
+      os.EOL
+    )
+  );
+  if (isError(err) && err.stack) {
+    console.log(
+      chalk.red(
+        boxen(err.stack, {
+          padding: 1,
+          align: "left"
+        })
+      )
+    );
+  }
+  process.exit(1);
+};
+const validatePackageHasStrapi = (pkg) => "strapi" in pkg && typeof pkg.strapi === "object" && !Array.isArray(pkg.strapi) && pkg.strapi !== null;
+const validatePackageIsPlugin = (pkg) => validatePackageHasStrapi(pkg) && pkg.strapi.kind === "plugin";
+const getEnabledPlugins = async ({
+  cwd,
+  logger,
+  runtimeDir,
+  strapi
+}) => {
+  const plugins = {};
+  const deps = strapi.config.get("info.dependencies", {});
+  logger.debug("Dependencies from user's project", os.EOL, deps);
+  for (const dep of Object.keys(deps)) {
+    const pkg = await getModule(dep, cwd);
+    if (pkg && validatePackageIsPlugin(pkg)) {
+      const name = pkg.strapi.name || pkg.name;
+      if (!name) {
+        throw Error(
+          "You're trying to import a plugin that doesn't have a name – check the package.json of that plugin!"
+        );
+      }
+      plugins[name] = {
+        name,
+        importName: camelCase(name),
+        type: "module",
+        modulePath: dep
+      };
+    }
+  }
+  const userPluginsFile = await loadUserPluginsFile(strapi.dirs.app.config);
+  logger.debug("User's plugins file", os.EOL, userPluginsFile);
+  for (const [userPluginName, userPluginConfig] of Object.entries(userPluginsFile)) {
+    if (userPluginConfig.enabled && userPluginConfig.resolve) {
+      const sysPath = convertModulePathToSystemPath(userPluginConfig.resolve);
+      plugins[userPluginName] = {
+        name: userPluginName,
+        importName: camelCase(userPluginName),
+        type: "local",
+        /**
+         * User plugin paths are resolved from the entry point
+         * of the app, because that's how you import them.
+         */
+        modulePath: convertSystemPathToModulePath(path.relative(runtimeDir, sysPath)),
+        path: sysPath
+      };
+    }
+  }
+  return plugins;
+};
+const PLUGIN_CONFIGS = ["plugins.js", "plugins.mjs", "plugins.ts"];
+const loadUserPluginsFile = async (root) => {
+  for (const file of PLUGIN_CONFIGS) {
+    const filePath = path.join(root, file);
+    const configFile = await loadFile(filePath);
+    if (configFile) {
+      return typeof configFile === "function" ? configFile({ env }) : configFile;
+    }
+  }
+  return {};
+};
+const getMapOfPluginsWithAdmin = (plugins) => Object.values(plugins).filter((plugin) => {
+  if (!plugin) {
+    return false;
+  }
+  try {
+    const isLocalPluginWithLegacyAdminFile = plugin.path && fs$1.existsSync(path.join(plugin.path, "strapi-admin.js"));
+    if (!isLocalPluginWithLegacyAdminFile) {
+      const isModuleWithFE = require.resolve(`${plugin.modulePath}/strapi-admin`);
+      return isModuleWithFE;
+    }
+    return isLocalPluginWithLegacyAdminFile;
+  } catch (err) {
+    if (isError(err) && "code" in err && err.code === "MODULE_NOT_FOUND") {
+      return false;
+    }
+    throw err;
+  }
+}).map((plugin) => ({
+  ...plugin,
+  modulePath: `${plugin.modulePath}/strapi-admin`
+}));
+const ADMIN_APP_FILES = ["app.js", "app.mjs", "app.ts", "app.jsx", "app.tsx"];
+const loadUserAppFile = async ({
+  runtimeDir,
+  appDir
+}) => {
+  for (const file of ADMIN_APP_FILES) {
+    const filePath = path.join(appDir, "src", "admin", file);
+    if (await pathExists(filePath)) {
+      return {
+        path: filePath,
+        modulePath: convertSystemPathToModulePath(path.relative(runtimeDir, filePath))
+      };
+    }
+  }
+  return void 0;
+};
+const DEFAULT_BROWSERSLIST = [
+  "last 3 major versions",
+  "Firefox ESR",
+  "last 2 Opera versions",
+  "not dead"
+];
+const createBuildContext = async ({
+  cwd,
+  logger,
+  tsconfig,
+  strapi,
+  options = {}
+}) => {
+  const strapiInstance = strapi ?? strapiFactory({
+    // Directories
+    appDir: cwd,
+    distDir: tsconfig?.config.options.outDir ?? "",
+    // Options
+    autoReload: true,
+    serveAdminPanel: false
+  });
+  const { serverUrl, adminPath } = getConfigUrls(strapiInstance.config, true);
+  const appDir = strapiInstance.dirs.app.root;
+  await loadEnv(cwd);
+  const env2 = getStrapiAdminEnvVars({
+    ADMIN_PATH: adminPath,
+    STRAPI_ADMIN_BACKEND_URL: serverUrl,
+    STRAPI_TELEMETRY_DISABLED: String(strapiInstance.telemetry.isDisabled)
+  });
+  const envKeys = Object.keys(env2);
+  if (envKeys.length > 0) {
+    logger.info(
+      [
+        "Including the following ENV variables as part of the JS bundle:",
+        ...envKeys.map((key) => `    - ${key}`)
+      ].join(os.EOL)
+    );
+  }
+  const distPath = path.join(strapiInstance.dirs.dist.root, "build");
+  const distDir = path.relative(cwd, distPath);
+  try {
+    logger.debug(`Cleaning dist folder: ${distPath}`);
+    await fs.rm(distPath, { recursive: true, force: true });
+    logger.debug("Cleaned dist folder");
+  } catch {
+    logger.debug("There was no dist folder to clean");
+  }
+  const runtimeDir = path.join(cwd, ".strapi", "client");
+  const entry = path.relative(cwd, path.join(runtimeDir, "app.js"));
+  const plugins = await getEnabledPlugins({ cwd, logger, runtimeDir, strapi: strapiInstance });
+  logger.debug("Enabled plugins", os.EOL, plugins);
+  const pluginsWithFront = getMapOfPluginsWithAdmin(plugins);
+  logger.debug("Enabled plugins with FE", os.EOL, plugins);
+  const target = browserslist.loadConfig({ path: cwd }) ?? DEFAULT_BROWSERSLIST;
+  const customisations = await loadUserAppFile({ appDir, runtimeDir });
+  const buildContext = {
+    appDir,
+    basePath: `${adminPath}/`,
+    customisations,
+    cwd,
+    distDir,
+    distPath,
+    entry,
+    env: env2,
+    logger,
+    options,
+    plugins: pluginsWithFront,
+    runtimeDir,
+    strapi: strapiInstance,
+    target,
+    tsconfig
+  };
+  return buildContext;
+};
 const styles = `
 .strapi--root {
   position: absolute;
@@ -286,7 +545,7 @@ const DefaultDocument = () => {
 };
 const getEntryModule = (ctx) => {
   const pluginsObject = ctx.plugins.map(({ name, importName }) => `'${name}': ${importName}`).join(",\n");
-  const pluginsImport = ctx.plugins.map(({ importName, path: path2 }) => `import ${importName} from '${path2}';`).join("\n");
+  const pluginsImport = ctx.plugins.map(({ importName, modulePath }) => `import ${importName} from '${modulePath}';`).join("\n");
   return outdent`
         /**
          * This file was automatically generated by Strapi.
@@ -295,15 +554,12 @@ const getEntryModule = (ctx) => {
         ${pluginsImport}
         import { renderAdmin } from "@strapi/strapi/admin"
 
-        ${ctx.customisations?.path ? `import customisations from '${path.relative(
-    ctx.runtimeDir,
-    ctx.customisations.path
-  )}'` : ""}
+        ${ctx.customisations?.modulePath ? `import customisations from '${ctx.customisations.modulePath}'` : ""}
 
         renderAdmin(
           document.getElementById("strapi"),
           {
-            ${ctx.customisations?.path ? "customisations," : ""}
+            ${ctx.customisations?.modulePath ? "customisations," : ""}
             plugins: {
         ${pluginsObject}
             }
@@ -418,27 +674,6 @@ async function loadStrapiMonorepo(cwd) {
   }
   return void 0;
 }
-const pathExists = async (path2) => {
-  try {
-    await access(path2);
-    return true;
-  } catch (error) {
-    return false;
-  }
-};
-const loadFile = async (path2) => {
-  if (await pathExists(path2)) {
-    const esbuildOptions = {
-      extensions: [".js", ".mjs", ".ts"]
-    };
-    const { unregister } = register(esbuildOptions);
-    const mod = require(path2);
-    unregister();
-    const file = mod?.default || mod || void 0;
-    return file;
-  }
-  return void 0;
-};
 const resolveBaseConfig = async (ctx) => {
   const monorepo = await loadStrapiMonorepo(ctx.cwd);
   const target = browserslistToEsbuild(ctx.target);
@@ -641,27 +876,6 @@ const mergeConfigWithUserConfig = async (config, ctx) => {
   }
   return config;
 };
-const isError = (err) => err instanceof Error;
-const handleUnexpectedError = (err) => {
-  console.error(
-    chalk.red(
-      `[ERROR] `,
-      "There seems to be an unexpected error, try again with --debug for more information",
-      os.EOL
-    )
-  );
-  if (isError(err) && err.stack) {
-    console.log(
-      chalk.red(
-        boxen(err.stack, {
-          padding: 1,
-          align: "left"
-        })
-      )
-    );
-  }
-  process.exit(1);
-};
 const build$1 = async (ctx) => new Promise(async (resolve, reject) => {
   const config = await resolveProductionConfig(ctx);
   const finalConfig = await mergeConfigWithUserConfig(config, ctx);
@@ -692,205 +906,6 @@ const build$1 = async (ctx) => new Promise(async (resolve, reject) => {
     }
   });
 });
-const loadEnv = async (cwd) => {
-  const pathToEnv = path.resolve(cwd, ".env");
-  if (await pathExists(pathToEnv)) {
-    dotenv.config({ path: pathToEnv });
-  }
-};
-const getStrapiAdminEnvVars = (defaultEnv) => {
-  return Object.keys(process.env).filter((key) => key.toUpperCase().startsWith("STRAPI_ADMIN_")).reduce((acc, key) => {
-    acc[key] = process.env[key];
-    return acc;
-  }, defaultEnv);
-};
-const validatePackageHasStrapi = (pkg) => "strapi" in pkg && typeof pkg.strapi === "object" && !Array.isArray(pkg.strapi) && pkg.strapi !== null;
-const validatePackageIsPlugin = (pkg) => validatePackageHasStrapi(pkg) && pkg.strapi.kind === "plugin";
-const getEnabledPlugins = async ({
-  strapi,
-  cwd,
-  logger
-}) => {
-  const plugins = {};
-  const deps = strapi.config.get("info.dependencies", {});
-  logger.debug("Dependencies from user's project", os.EOL, deps);
-  for (const dep of Object.keys(deps)) {
-    const pkg = await getModule(dep, cwd);
-    if (pkg && validatePackageIsPlugin(pkg)) {
-      const name = pkg.strapi.name || pkg.name;
-      if (!name) {
-        throw Error(
-          "You're trying to import a plugin that doesn't have a name – check the package.json of that plugin!"
-        );
-      }
-      plugins[name] = {
-        name,
-        pathToPlugin: dep
-      };
-    }
-  }
-  const userPluginsFile = await loadUserPluginsFile(strapi.dirs.app.config);
-  logger.debug("User's plugins file", os.EOL, userPluginsFile);
-  for (const [userPluginName, userPluginConfig] of Object.entries(userPluginsFile)) {
-    if (userPluginConfig.enabled && userPluginConfig.resolve) {
-      plugins[userPluginName] = {
-        name: userPluginName,
-        isLocal: true,
-        /**
-         * User plugin paths are resolved from the entry point
-         * of the app, because that's how you import them.
-         */
-        pathToPlugin: userPluginConfig.resolve
-      };
-    }
-  }
-  return plugins;
-};
-const PLUGIN_CONFIGS = ["plugins.js", "plugins.mjs", "plugins.ts"];
-const loadUserPluginsFile = async (root) => {
-  for (const file of PLUGIN_CONFIGS) {
-    const filePath = path.join(root, file);
-    const configFile = await loadFile(filePath);
-    if (configFile) {
-      return typeof configFile === "function" ? configFile({ env }) : configFile;
-    }
-  }
-  return {};
-};
-const getMapOfPluginsWithAdmin = (plugins, { runtimeDir }) => Object.values(plugins).filter((plugin) => {
-  if (!plugin) {
-    return false;
-  }
-  try {
-    const isLocalPluginWithLegacyAdminFile = fs$1.existsSync(
-      //@ts-ignore
-      path.resolve(`${plugin.pathToPlugin}/strapi-admin.js`)
-    );
-    if (!isLocalPluginWithLegacyAdminFile) {
-      let pathToPlugin = plugin.pathToPlugin;
-      if (process.platform === "win32") {
-        pathToPlugin = pathToPlugin.split(path.sep).join(path.posix.sep);
-      }
-      const isModuleWithFE = require.resolve(`${pathToPlugin}/strapi-admin`);
-      return isModuleWithFE;
-    }
-    return isLocalPluginWithLegacyAdminFile;
-  } catch (err) {
-    if (isError(err) && "code" in err && err.code === "MODULE_NOT_FOUND") {
-      return false;
-    }
-    throw err;
-  }
-}).map((plugin) => {
-  const systemPath = plugin.isLocal ? path.relative(runtimeDir, plugin.pathToPlugin.split("/").join(path.sep)) : void 0;
-  const modulePath = systemPath ? systemPath.split(path.sep).join("/") : void 0;
-  return {
-    path: !plugin.isLocal ? `${plugin.pathToPlugin}/strapi-admin` : `${modulePath}/strapi-admin`,
-    name: plugin.name,
-    importName: camelCase(plugin.name)
-  };
-});
-const ADMIN_APP_FILES = ["app.js", "app.mjs", "app.ts", "app.jsx", "app.tsx"];
-const loadUserAppFile = async (appDir) => {
-  for (const file of ADMIN_APP_FILES) {
-    const filePath = path.join(appDir, "src", "admin", file);
-    if (fs$1.existsSync(filePath)) {
-      return { path: filePath };
-    }
-  }
-  return void 0;
-};
-const DEFAULT_BROWSERSLIST = [
-  "last 3 major versions",
-  "Firefox ESR",
-  "last 2 Opera versions",
-  "not dead"
-];
-const createBuildContext = async ({
-  cwd,
-  logger,
-  tsconfig,
-  strapi,
-  options = {}
-}) => {
-  const strapiInstance = strapi ?? strapiFactory({
-    // Directories
-    appDir: cwd,
-    distDir: tsconfig?.config.options.outDir ?? "",
-    // Options
-    autoReload: true,
-    serveAdminPanel: false
-  });
-  const { serverUrl, adminPath } = getConfigUrls(strapiInstance.config, true);
-  await loadEnv(cwd);
-  const env2 = getStrapiAdminEnvVars({
-    ADMIN_PATH: adminPath,
-    STRAPI_ADMIN_BACKEND_URL: serverUrl,
-    STRAPI_TELEMETRY_DISABLED: String(strapiInstance.telemetry.isDisabled)
-  });
-  const envKeys = Object.keys(env2);
-  if (envKeys.length > 0) {
-    logger.info(
-      [
-        "Including the following ENV variables as part of the JS bundle:",
-        ...envKeys.map((key) => `    - ${key}`)
-      ].join(os.EOL)
-    );
-  }
-  const distPath = path.join(strapiInstance.dirs.dist.root, "build");
-  const distDir = path.relative(cwd, distPath);
-  try {
-    logger.debug(`Cleaning dist folder: ${distPath}`);
-    await fs.rm(distPath, { recursive: true, force: true });
-    logger.debug("Cleaned dist folder");
-  } catch {
-    logger.debug("There was no dist folder to clean");
-  }
-  const runtimeDir = path.join(cwd, ".strapi", "client");
-  const entry = path.relative(cwd, path.join(runtimeDir, "app.js"));
-  const plugins = await getEnabledPlugins({ cwd, logger, strapi: strapiInstance });
-  logger.debug("Enabled plugins", os.EOL, plugins);
-  const pluginsWithFront = getMapOfPluginsWithAdmin(plugins, { runtimeDir });
-  logger.debug("Enabled plugins with FE", os.EOL, plugins);
-  const target = browserslist.loadConfig({ path: cwd }) ?? DEFAULT_BROWSERSLIST;
-  const customisations = await loadUserAppFile(strapiInstance.dirs.app.root);
-  const buildContext = {
-    appDir: strapiInstance.dirs.app.root,
-    basePath: `${adminPath}/`,
-    customisations,
-    cwd,
-    distDir,
-    distPath,
-    entry,
-    env: env2,
-    logger,
-    options,
-    plugins: pluginsWithFront,
-    runtimeDir,
-    strapi: strapiInstance,
-    target,
-    tsconfig
-  };
-  return buildContext;
-};
-function getTimer() {
-  const timings = {};
-  const startTimes = {};
-  function start(name) {
-    if (typeof startTimes[name] !== "undefined") {
-      throw new Error(`Timer "${name}" already started, cannot overwrite`);
-    }
-    startTimes[name] = performance.now();
-  }
-  function end(name) {
-    if (typeof startTimes[name] === "undefined") {
-      throw new Error(`Timer "${name}" never started, cannot end`);
-    }
-    timings[name] = performance.now() - startTimes[name];
-    return timings[name];
-  }
-  return { start, end, getTimings: () => timings };
-}
 const build = async ({ logger, cwd, tsconfig, ignorePrompts, ...options }) => {
   const timer = getTimer();
   const { didInstall } = await checkRequiredDependencies({ cwd, logger, ignorePrompts }).catch(
@@ -907,7 +922,7 @@ const build = async ({ logger, cwd, tsconfig, ignorePrompts, ...options }) => {
     const compilingTsSpinner = logger.spinner(`Compiling TS`).start();
     tsUtils.compile(cwd, { configOptions: { ignoreDiagnostics: false } });
     const compilingDuration = timer.end("compilingTS");
-    compilingTsSpinner.text = `Compiling TS (${compilingDuration}ms)`;
+    compilingTsSpinner.text = `Compiling TS (${prettyTime(compilingDuration)})`;
     compilingTsSpinner.succeed();
   }
   timer.start("createBuildContext");
@@ -920,7 +935,7 @@ const build = async ({ logger, cwd, tsconfig, ignorePrompts, ...options }) => {
     options
   });
   const contextDuration = timer.end("createBuildContext");
-  contextSpinner.text = `Building build context (${contextDuration}ms)`;
+  contextSpinner.text = `Building build context (${prettyTime(contextDuration)})`;
   contextSpinner.succeed();
   timer.start("buildAdmin");
   const buildingSpinner = logger.spinner(`Building admin panel`).start();
@@ -930,7 +945,7 @@ const build = async ({ logger, cwd, tsconfig, ignorePrompts, ...options }) => {
     await writeStaticClientFiles(ctx);
     await build$1(ctx);
     const buildDuration = timer.end("buildAdmin");
-    buildingSpinner.text = `Building admin panel (${buildDuration}ms)`;
+    buildingSpinner.text = `Building admin panel (${prettyTime(buildDuration)})`;
     buildingSpinner.succeed();
   } catch (err) {
     buildingSpinner.fail();
@@ -1018,6 +1033,35 @@ const watch = async (ctx) => {
     });
   });
 };
+const cleanupDistDirectory = async ({
+  tsconfig,
+  logger,
+  timer
+}) => {
+  const distDir = tsconfig?.config?.options?.outDir;
+  if (!distDir || // we don't have a dist dir
+  await fs.access(distDir).then(() => false).catch(() => true)) {
+    return;
+  }
+  const timerName = "cleaningDist" + Date.now();
+  timer.start(timerName);
+  const cleaningSpinner = logger.spinner(`Cleaning dist dir ${distDir}`).start();
+  try {
+    const dirContent = await fs.readdir(distDir);
+    const validFilenames = dirContent.filter((filename) => filename !== "build");
+    for (const filename of validFilenames) {
+      await fs.rm(path.resolve(distDir, filename), { recursive: true });
+    }
+  } catch (err) {
+    const generatingDuration2 = timer.end(timerName);
+    cleaningSpinner.text = `Error cleaning dist dir: ${err} (${prettyTime(generatingDuration2)})`;
+    cleaningSpinner?.fail();
+    return;
+  }
+  const generatingDuration = timer.end(timerName);
+  cleaningSpinner.text = `Cleaning dist dir (${prettyTime(generatingDuration)})`;
+  cleaningSpinner?.succeed();
+};
 const develop = async ({
   cwd,
   polling,
@@ -1038,6 +1082,10 @@ const develop = async ({
     if (didInstall) {
       return;
     }
+    if (tsconfig?.config) {
+      await cleanupDistDirectory({ tsconfig, logger, timer });
+      await tsUtils.compile(cwd, { configOptions: { ignoreDiagnostics: true } });
+    }
     if (!watchAdmin) {
       timer.start("createBuildContext");
       const contextSpinner = logger.spinner(`Building build context`).start();
@@ -1049,7 +1097,7 @@ const develop = async ({
         options
       });
       const contextDuration = timer.end("createBuildContext");
-      contextSpinner.text = `Building build context (${contextDuration}ms)`;
+      contextSpinner.text = `Building build context (${prettyTime(contextDuration)})`;
       contextSpinner.succeed();
       timer.start("creatingAdmin");
       const adminSpinner = logger.spinner(`Creating admin`).start();
@@ -1057,12 +1105,16 @@ const develop = async ({
       await writeStaticClientFiles(ctx);
       await build$1(ctx);
       const adminDuration = timer.end("creatingAdmin");
-      adminSpinner.text = `Creating admin (${adminDuration}ms)`;
+      adminSpinner.text = `Creating admin (${prettyTime(adminDuration)})`;
       adminSpinner.succeed();
     }
     cluster.on("message", async (worker, message) => {
       switch (message) {
         case "reload": {
+          if (tsconfig?.config) {
+            await cleanupDistDirectory({ tsconfig, logger, timer });
+            await tsUtils.compile(cwd, { configOptions: { ignoreDiagnostics: true } });
+          }
           logger.debug("cluster has the reload message, sending the worker kill message");
           worker.send("kill");
           break;
@@ -1081,14 +1133,8 @@ const develop = async ({
     cluster.fork();
   }
   if (cluster.isWorker) {
-    if (tsconfig?.config) {
-      timer.start("compilingTS");
-      const compilingTsSpinner = logger.spinner(`Compiling TS`).start();
-      tsUtils.compile(cwd, { configOptions: { ignoreDiagnostics: false } });
-      const compilingDuration = timer.end("compilingTS");
-      compilingTsSpinner.text = `Compiling TS (${compilingDuration}ms)`;
-      compilingTsSpinner.succeed();
-    }
+    timer.start("loadStrapi");
+    const loadStrapiSpinner = logger.spinner(`Loading Strapi`).start();
     const strapi = strapiFactory({
       appDir: cwd,
       distDir: tsconfig?.config.options.outDir ?? "",
@@ -1108,7 +1154,7 @@ const develop = async ({
         options
       });
       const contextDuration = timer.end("createBuildContext");
-      contextSpinner.text = `Building build context (${contextDuration}ms)`;
+      contextSpinner.text = `Building build context (${prettyTime(contextDuration)})`;
       contextSpinner.succeed();
       timer.start("creatingAdmin");
       const adminSpinner = logger.spinner(`Creating admin`).start();
@@ -1116,10 +1162,13 @@ const develop = async ({
       await writeStaticClientFiles(ctx);
       webpackWatcher = await watch(ctx);
       const adminDuration = timer.end("creatingAdmin");
-      adminSpinner.text = `Creating admin (${adminDuration}ms)`;
+      adminSpinner.text = `Creating admin (${prettyTime(adminDuration)})`;
       adminSpinner.succeed();
     }
     const strapiInstance = await strapi.load();
+    const loadStrapiDuration = timer.end("loadStrapi");
+    loadStrapiSpinner.text = `Loading Strapi (${prettyTime(loadStrapiDuration)})`;
+    loadStrapiSpinner.succeed();
     timer.start("generatingTS");
     const generatingTsSpinner = logger.spinner(`Generating types`).start();
     await tsUtils.generators.generate({
@@ -1130,8 +1179,17 @@ const develop = async ({
       artifacts: { contentTypes: true, components: true }
     });
     const generatingDuration = timer.end("generatingTS");
-    generatingTsSpinner.text = `Generating types (${generatingDuration}ms)`;
+    generatingTsSpinner.text = `Generating types (${prettyTime(generatingDuration)})`;
     generatingTsSpinner.succeed();
+    if (tsconfig?.config) {
+      timer.start("compilingTS");
+      const compilingTsSpinner = logger.spinner(`Compiling TS`).start();
+      await cleanupDistDirectory({ tsconfig, logger, timer });
+      await tsUtils.compile(cwd, { configOptions: { ignoreDiagnostics: false } });
+      const compilingDuration = timer.end("compilingTS");
+      compilingTsSpinner.text = `Compiling TS (${prettyTime(compilingDuration)})`;
+      compilingTsSpinner.succeed();
+    }
     const restart = async () => {
       if (strapiInstance.reload.isWatching && !strapiInstance.reload.isReloading) {
         strapiInstance.reload.isReloading = true;
@@ -1201,4 +1259,4 @@ export {
   handleUnexpectedError as h,
   index as i
 };
-//# sourceMappingURL=index-c075b5a1.mjs.map
+//# sourceMappingURL=index-dc89c18c.mjs.map