@tinacms/cli 0.0.0-9594668-20241223035907 → 0.0.0-9931d5a-20250106011423

package/dist/index.js

@@ -17,6 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -41,12 +45,12 @@ var import_chokidar = __toESM(require("chokidar"));
 var import_graphql10 = require("@tinacms/graphql");
 
 // src/next/config-manager.ts
-var import_fs_extra2 = __toESM(require("fs-extra"));
+var import_fs_extra = __toESM(require("fs-extra"));
 var import_path = __toESM(require("path"));
 var import_os = __toESM(require("os"));
 var esbuild = __toESM(require("esbuild"));
 var dotenv = __toESM(require("dotenv"));
-var import_normalize_path2 = __toESM(require("normalize-path"));
+var import_normalize_path = __toESM(require("normalize-path"));
 var import_chalk2 = __toESM(require("chalk"));
 
 // src/logger/index.ts
@@ -57,7 +61,10 @@ function isUnicodeSupported() {
   if (process.platform !== "win32") {
     return process.env.TERM !== "linux";
   }
-  return Boolean(process.env.CI) || Boolean(process.env.WT_SESSION) || Boolean(process.env.TERMINUS_SUBLIME) || process.env.ConEmuTask === "{cmd::Cmder}" || process.env.TERM_PROGRAM === "Terminus-Sublime" || process.env.TERM_PROGRAM === "vscode" || process.env.TERM === "xterm-256color" || process.env.TERM === "alacritty" || process.env.TERMINAL_EMULATOR === "JetBrains-JediTerm";
+  return Boolean(process.env.CI) || Boolean(process.env.WT_SESSION) || // Windows Terminal
+  Boolean(process.env.TERMINUS_SUBLIME) || // Terminus (<0.2.27)
+  process.env.ConEmuTask === "{cmd::Cmder}" || // ConEmu and cmder
+  process.env.TERM_PROGRAM === "Terminus-Sublime" || process.env.TERM_PROGRAM === "vscode" || process.env.TERM === "xterm-256color" || process.env.TERM === "alacritty" || process.env.TERMINAL_EMULATOR === "JetBrains-JediTerm";
 }
 
 // src/logger/index.ts
@@ -157,490 +164,6 @@ var S_SUCCESS = s("\u25C6", "*");
 var S_WARN = s("\u25B2", "!");
 var S_ERROR = s("\u25A0", "x");
 
-// src/next/vite/index.ts
-var import_node_path2 = __toESM(require("path"));
-var import_plugin_react = __toESM(require("@vitejs/plugin-react"));
-var import_fs_extra = __toESM(require("fs-extra"));
-var import_normalize_path = __toESM(require("normalize-path"));
-var import_vite = require("vite");
-
-// src/next/vite/tailwind.ts
-var import_node_path = __toESM(require("path"));
-var import_aspect_ratio = __toESM(require("@tailwindcss/aspect-ratio"));
-var import_container_queries = __toESM(require("@tailwindcss/container-queries"));
-var import_typography = __toESM(require("@tailwindcss/typography"));
-var import_tailwindcss = __toESM(require("tailwindcss"));
-var import_defaultTheme = __toESM(require("tailwindcss/defaultTheme.js"));
-var tinaTailwind = (spaPath, prebuildFilePath) => {
-  return {
-    name: "vite-plugin-tina",
-    config: (viteConfig) => {
-      const plugins = [];
-      const content = [
-        import_node_path.default.join(spaPath, "src/**/*.{vue,js,ts,jsx,tsx,svelte}"),
-        prebuildFilePath,
-        require.resolve("tinacms")
-      ];
-      const tw = (0, import_tailwindcss.default)({
-        theme: {
-          columns: {
-            auto: "auto",
-            1: "1",
-            2: "2",
-            3: "3",
-            4: "4",
-            5: "5",
-            6: "6",
-            7: "7",
-            8: "8",
-            9: "9",
-            10: "10",
-            11: "11",
-            12: "12",
-            "3xs": "256px",
-            "2xs": "288px",
-            xs: "320px",
-            sm: "384px",
-            md: "448px",
-            lg: "512px",
-            xl: "576px",
-            "2xl": "672px",
-            "3xl": "768px",
-            "4xl": "896px",
-            "5xl": "1024px",
-            "6xl": "1152px",
-            "7xl": "1280px"
-          },
-          spacing: {
-            px: "1px",
-            0: "0px",
-            0.5: "2px",
-            1: "4px",
-            1.5: "6px",
-            2: "8px",
-            2.5: "10px",
-            3: "12px",
-            3.5: "14px",
-            4: "16px",
-            5: "20px",
-            6: "24px",
-            7: "28px",
-            8: "32px",
-            9: "36px",
-            10: "40px",
-            11: "44px",
-            12: "48px",
-            14: "56px",
-            16: "64px",
-            18: "72px",
-            20: "80px",
-            24: "96px",
-            28: "114px",
-            32: "128px",
-            36: "144px",
-            40: "160px",
-            44: "176px",
-            48: "192px",
-            52: "208px",
-            56: "224px",
-            60: "240px",
-            64: "256px",
-            72: "288px",
-            80: "320px",
-            96: "384px"
-          },
-          borderRadius: {
-            none: "0px",
-            sm: "2px",
-            DEFAULT: "4px",
-            md: "6px",
-            lg: "8px",
-            xl: "12px",
-            "2xl": "16px",
-            "3xl": "24px",
-            full: "9999px"
-          },
-          borderWidth: {
-            DEFAULT: "1px",
-            0: "0",
-            2: "2px",
-            3: "3px",
-            4: "4px",
-            6: "6px",
-            8: "8px"
-          },
-          fontSize: {
-            xs: ["13px", { lineHeight: "1.33" }],
-            sm: ["14px", { lineHeight: "1.43" }],
-            base: ["16px", { lineHeight: "1.5" }],
-            md: ["16px", { lineHeight: "1.5" }],
-            lg: ["18px", { lineHeight: "1.55" }],
-            xl: ["20px", { lineHeight: "1.4" }],
-            "2xl": ["24px", { lineHeight: "1.33" }],
-            "3xl": ["30px", { lineHeight: "1.2" }],
-            "4xl": ["36px", { lineHeight: "1.1" }],
-            "5xl": ["48px", { lineHeight: "1" }],
-            "6xl": ["60px", { lineHeight: "1" }],
-            "7xl": ["72px", { lineHeight: "1" }],
-            "8xl": ["96px", { lineHeight: "1" }],
-            "9xl": ["128px", { lineHeight: "1" }]
-          },
-          opacity: {
-            0: "0",
-            5: ".05",
-            7: ".07",
-            10: ".1",
-            15: ".15",
-            20: ".2",
-            25: ".25",
-            30: ".3",
-            40: ".4",
-            50: ".5",
-            60: ".6",
-            70: ".7",
-            75: ".75",
-            80: ".8",
-            90: ".9",
-            100: "1"
-          },
-          zIndex: {
-            "-1": "-1",
-            base: "9000",
-            panel: "9400",
-            menu: "9800",
-            chrome: "10200",
-            overlay: "10600",
-            modal: "10800",
-            0: "0",
-            10: "10",
-            20: "20",
-            30: "30",
-            40: "40",
-            25: "25",
-            50: "50",
-            75: "75",
-            100: "100",
-            auto: "auto"
-          },
-          extend: {
-            scale: {
-              97: ".97",
-              103: "1.03"
-            },
-            transitionDuration: {
-              0: "0ms",
-              2e3: "2000ms"
-            },
-            boxShadow: {
-              xs: "0 0 0 1px rgba(0, 0, 0, 0.05)",
-              outline: "0 0 0 3px rgba(66, 153, 225, 0.5)"
-            },
-            colors: {
-              blue: {
-                50: "#DCEEFF",
-                100: "#B4DBFF",
-                200: "#85C5FE",
-                300: "#4EABFE",
-                400: "#2296fe",
-                500: "#0084FF",
-                600: "#0574e4",
-                700: "#0D5DBD",
-                800: "#144696",
-                900: "#1D2C6C",
-                1e3: "#241748"
-              },
-              gray: {
-                50: "#F6F6F9",
-                100: "#EDECF3",
-                150: "#E6E3EF",
-                200: "#E1DDEC",
-                250: "#C9C5D5",
-                300: "#b2adbe",
-                400: "#918c9e",
-                500: "#716c7f",
-                600: "#565165",
-                700: "#433e52",
-                800: "#363145",
-                900: "#252336",
-                1e3: "#1c1b2e"
-              },
-              orange: {
-                400: "#EB6337",
-                500: "#EC4815",
-                600: "#DC4419"
-              },
-              background: "#FFFFFF",
-              foreground: "#0A0A0A",
-              muted: "#F5F5F5",
-              "muted-foreground": "#737373",
-              popover: "#FFFFFF",
-              "popover-foreground": "#0A0A0A",
-              card: "#FFFFFF",
-              "card-foreground": "#0A0A0A",
-              border: "#E5E5E5",
-              input: "#E5E5E5",
-              primary: "#171717",
-              "primary-foreground": "#FAFAFA",
-              secondary: "#F5F5F5",
-              "secondary-foreground": "#171717",
-              accent: "#F5F5F5",
-              "accent-foreground": "#171717",
-              destructive: "#FF3B3B",
-              "destructive-foreground": "#FAFAFA",
-              ring: "#0A0A0A"
-            },
-            fontFamily: {
-              sans: ["Inter", ...import_defaultTheme.default.fontFamily.sans]
-            },
-            lineHeight: {
-              3: "12px",
-              4: "16px",
-              5: "20px",
-              6: "24px",
-              7: "28px",
-              8: "32px",
-              9: "36px",
-              10: "40px"
-            },
-            maxWidth: {
-              form: "900px"
-            },
-            screens: {
-              xs: "320px",
-              sm: "560px",
-              md: "720px",
-              lg: "1030px"
-            }
-          }
-        },
-        content,
-        plugins: [
-          (0, import_typography.default)({ className: "tina-prose" }),
-          import_aspect_ratio.default,
-          import_container_queries.default
-        ]
-      });
-      plugins.push(tw);
-      return {
-        css: {
-          postcss: {
-            plugins
-          }
-        }
-      };
-    }
-  };
-};
-
-// src/next/vite/index.ts
-async function listFilesRecursively({
-  directoryPath,
-  config: config2,
-  roothPath
-}) {
-  const fullDirectoryPath = import_node_path2.default.join(
-    roothPath,
-    config2.publicFolder,
-    directoryPath
-  );
-  const exists = await import_fs_extra.default.pathExists(fullDirectoryPath);
-  if (!exists) {
-    return { "0": [] };
-  }
-  const items = await import_fs_extra.default.readdir(fullDirectoryPath);
-  const staticMediaItems = [];
-  for (const item of items) {
-    const itemPath = import_node_path2.default.join(fullDirectoryPath, item);
-    const stats = await import_fs_extra.default.promises.lstat(itemPath);
-    const staticMediaItem = {
-      id: item,
-      filename: item,
-      type: stats.isDirectory() ? "dir" : "file",
-      directory: `${directoryPath.replace(config2.mediaRoot, "")}`,
-      src: `/${import_node_path2.default.join(directoryPath, item)}`,
-      thumbnails: {
-        "75x75": `/${import_node_path2.default.join(directoryPath, item)}`,
-        "400x400": `/${import_node_path2.default.join(directoryPath, item)}`,
-        "1000x1000": `/${import_node_path2.default.join(directoryPath, item)}`
-      }
-    };
-    if (stats.isDirectory()) {
-      staticMediaItem.children = await listFilesRecursively({
-        directoryPath: import_node_path2.default.join(directoryPath, item),
-        config: config2,
-        roothPath
-      });
-    }
-    staticMediaItems.push(staticMediaItem);
-  }
-  function chunkArrayIntoObject(array, chunkSize) {
-    const result = {};
-    for (let i = 0; i < array.length; i += chunkSize) {
-      const chunkKey = `${i / chunkSize * 20}`;
-      result[chunkKey] = array.slice(i, i + chunkSize);
-    }
-    return result;
-  }
-  return chunkArrayIntoObject(staticMediaItems, 20);
-}
-var loadProjectConfig = async ({
-  rootPath,
-  viteConfigEnv
-}) => {
-  if (viteConfigEnv) {
-    const configFileJs = import_node_path2.default.join(rootPath, "vite.config.js");
-    const configFileTs = import_node_path2.default.join(rootPath, "vite.config.ts");
-    if (import_fs_extra.default.existsSync(configFileJs)) {
-      return await (0, import_vite.loadConfigFromFile)(viteConfigEnv, configFileJs);
-    } else if (import_fs_extra.default.existsSync(configFileTs)) {
-      return await (0, import_vite.loadConfigFromFile)(viteConfigEnv, configFileTs);
-    }
-  }
-  return { config: {} };
-};
-var createConfig = async ({
-  configManager,
-  database,
-  apiURL,
-  plugins = [],
-  noWatch,
-  rollupOptions,
-  viteConfigEnv
-}) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-  const projectConfig = await loadProjectConfig({
-    rootPath: configManager.rootPath,
-    viteConfigEnv
-  });
-  const publicEnv = {};
-  Object.keys(process.env).forEach((key) => {
-    if (key.startsWith("TINA_PUBLIC_") || key.startsWith("NEXT_PUBLIC_") || key === "NODE_ENV" || key === "HEAD") {
-      try {
-        if (typeof process.env[key] === "string") {
-          publicEnv[key] = process.env[key];
-        } else {
-          publicEnv[key] = JSON.stringify(process.env[key]);
-        }
-      } catch (error) {
-        console.warn(
-          `Could not stringify public env process.env.${key} env variable`
-        );
-        console.warn(error);
-      }
-    }
-  });
-  const staticMediaPath = import_node_path2.default.join(
-    configManager.generatedFolderPath,
-    "static-media.json"
-  );
-  if ((_b = (_a = configManager.config.media) == null ? void 0 : _a.tina) == null ? void 0 : _b.static) {
-    const staticMedia = await listFilesRecursively({
-      directoryPath: ((_c = configManager.config.media.tina) == null ? void 0 : _c.mediaRoot) || "",
-      config: configManager.config.media.tina,
-      roothPath: configManager.rootPath
-    });
-    await import_fs_extra.default.outputFile(staticMediaPath, JSON.stringify(staticMedia, null, 2));
-  } else {
-    await import_fs_extra.default.outputFile(staticMediaPath, `[]`);
-  }
-  const alias = {
-    TINA_IMPORT: configManager.prebuildFilePath,
-    SCHEMA_IMPORT: configManager.generatedGraphQLJSONPath,
-    STATIC_MEDIA_IMPORT: staticMediaPath,
-    crypto: import_node_path2.default.join(configManager.spaRootPath, "src", "dummy-client.ts"),
-    fs: import_node_path2.default.join(configManager.spaRootPath, "src", "dummy-client.ts"),
-    os: import_node_path2.default.join(configManager.spaRootPath, "src", "dummy-client.ts"),
-    path: import_node_path2.default.join(configManager.spaRootPath, "src", "dummy-client.ts")
-  };
-  if (configManager.shouldSkipSDK()) {
-    alias["CLIENT_IMPORT"] = import_node_path2.default.join(
-      configManager.spaRootPath,
-      "src",
-      "dummy-client.ts"
-    );
-  } else {
-    alias["CLIENT_IMPORT"] = configManager.isUsingTs() ? configManager.generatedTypesTSFilePath : configManager.generatedTypesJSFilePath;
-  }
-  let basePath;
-  if (configManager.config.build.basePath) {
-    basePath = configManager.config.build.basePath;
-  }
-  const fullVersion = configManager.getTinaGraphQLVersion();
-  const version2 = `${fullVersion.major}.${fullVersion.minor}`;
-  const config2 = {
-    root: configManager.spaRootPath,
-    base: `/${basePath ? `${(0, import_normalize_path.default)(basePath)}/` : ""}${(0, import_normalize_path.default)(
-      configManager.config.build.outputFolder
-    )}/`,
-    appType: "spa",
-    resolve: {
-      alias: {
-        ...(_d = projectConfig.config.resolve) == null ? void 0 : _d.alias,
-        ...alias
-      },
-      dedupe: ["graphql", "tinacms", "react", "react-dom", "react-router-dom"]
-    },
-    define: {
-      "process.env": `new Object(${JSON.stringify(publicEnv)})`,
-      "process.platform": `"${process.platform}"`,
-      __API_URL__: `"${apiURL}"`,
-      __BASE_PATH__: `"${((_f = (_e = configManager.config) == null ? void 0 : _e.build) == null ? void 0 : _f.basePath) || ""}"`,
-      __TINA_GRAPHQL_VERSION__: version2
-    },
-    logLevel: "error",
-    optimizeDeps: {
-      force: true,
-      include: ["react/jsx-runtime", "react/jsx-dev-runtime"]
-    },
-    server: {
-      host: (_i = (_h = (_g = configManager.config) == null ? void 0 : _g.build) == null ? void 0 : _h.host) != null ? _i : false,
-      watch: noWatch ? {
-        ignored: ["**/*"]
-      } : {
-        ignored: [
-          `${configManager.tinaFolderPath}/**/!(config.prebuild.jsx|_graphql.json)`
-        ]
-      },
-      fs: {
-        strict: false
-      }
-    },
-    build: {
-      sourcemap: false,
-      outDir: configManager.outputFolderPath,
-      emptyOutDir: true,
-      rollupOptions
-    },
-    plugins: [
-      (0, import_plugin_react.default)({
-        babel: {
-          compact: true
-        }
-      }),
-      (0, import_vite.splitVendorChunkPlugin)(),
-      tinaTailwind(configManager.spaRootPath, configManager.prebuildFilePath),
-      ...plugins
-    ]
-  };
-  return config2;
-};
-
-// src/utils/resolve-alias-helpers.ts
-async function loadViteConfig(rootPath) {
-  try {
-    return await loadProjectConfig({
-      rootPath,
-      viteConfigEnv: {
-        command: "build",
-        mode: "production"
-      }
-    });
-  } catch (error) {
-    console.error("Failed to load Vite config:", error.message);
-    throw new Error("Error loading Vite configuration");
-  }
-}
-
 // src/next/config-manager.ts
 var TINA_FOLDER = "tina";
 var LEGACY_TINA_FOLDER = ".tina";
@@ -655,7 +178,7 @@ var ConfigManager = class {
     tinaGraphQLVersion,
     legacyNoSDK
   }) {
-    this.rootPath = (0, import_normalize_path2.default)(rootPath);
+    this.rootPath = (0, import_normalize_path.default)(rootPath);
     this.tinaGraphQLVersionFromCLI = tinaGraphQLVersion;
     this.legacyNoSDK = legacyNoSDK;
   }
@@ -696,7 +219,7 @@ var ConfigManager = class {
     this.generatedCachePath = import_path.default.join(
       this.generatedFolderPath,
       ".cache",
-      String(new Date().getTime())
+      String((/* @__PURE__ */ new Date()).getTime())
     );
     this.generatedGraphQLGQLPath = import_path.default.join(
       this.generatedFolderPath,
@@ -766,13 +289,13 @@ var ConfigManager = class {
       this.generatedFolderPath,
       "databaseClient.js"
     );
-    const clientExists = this.isUsingTs() ? await import_fs_extra2.default.pathExists(this.generatedClientTSFilePath) : await import_fs_extra2.default.pathExists(this.generatedClientJSFilePath);
+    const clientExists = this.isUsingTs() ? await import_fs_extra.default.pathExists(this.generatedClientTSFilePath) : await import_fs_extra.default.pathExists(this.generatedClientJSFilePath);
     if (!clientExists) {
       const file = "export default ()=>({})\nexport const client = ()=>({})";
       if (this.isUsingTs()) {
-        await import_fs_extra2.default.outputFile(this.generatedClientTSFilePath, file);
+        await import_fs_extra.default.outputFile(this.generatedClientTSFilePath, file);
       } else {
-        await import_fs_extra2.default.outputFile(this.generatedClientJSFilePath, file);
+        await import_fs_extra.default.outputFile(this.generatedClientJSFilePath, file);
       }
     }
     const { config: config2, prebuildPath, watchList } = await this.loadConfigFile(
@@ -797,7 +320,7 @@ var ConfigManager = class {
       this.config.localContentPath || ""
     );
     if (this.config.localContentPath) {
-      const localContentPathExists = await import_fs_extra2.default.pathExists(fullLocalContentPath);
+      const localContentPathExists = await import_fs_extra.default.pathExists(fullLocalContentPath);
       if (localContentPathExists) {
         logger.info(`Using separate content repo at ${fullLocalContentPath}`);
         this.contentRootPath = fullLocalContentPath;
@@ -823,13 +346,13 @@ var ConfigManager = class {
   }
   async getTinaFolderPath(rootPath) {
     const tinaFolderPath = import_path.default.join(rootPath, TINA_FOLDER);
-    const tinaFolderExists = await import_fs_extra2.default.pathExists(tinaFolderPath);
+    const tinaFolderExists = await import_fs_extra.default.pathExists(tinaFolderPath);
     if (tinaFolderExists) {
       this.isUsingLegacyFolder = false;
       return tinaFolderPath;
     }
     const legacyFolderPath = import_path.default.join(rootPath, LEGACY_TINA_FOLDER);
-    const legacyFolderExists = await import_fs_extra2.default.pathExists(legacyFolderPath);
+    const legacyFolderExists = await import_fs_extra.default.pathExists(legacyFolderPath);
     if (legacyFolderExists) {
       this.isUsingLegacyFolder = true;
       return legacyFolderPath;
@@ -848,7 +371,7 @@ var ConfigManager = class {
         patch: version2[2] || "x"
       };
     }
-    const generatedSchema = import_fs_extra2.default.readJSONSync(this.generatedSchemaJSONPath);
+    const generatedSchema = import_fs_extra.default.readJSONSync(this.generatedSchemaJSONPath);
     if (!generatedSchema || !(typeof (generatedSchema == null ? void 0 : generatedSchema.version) !== "undefined")) {
       throw new Error(
         `Can not find Tina GraphQL version in ${this.generatedSchemaJSONPath}`
@@ -883,6 +406,9 @@ var ConfigManager = class {
     }
     throw `No path provided to print`;
   }
+  /**
+   * Given a filepath without an extension, find the first match (eg. tsx, ts, jsx, js)
+   */
   async getPathWithExtension(filepath) {
     const extensions = ["tsx", "ts", "jsx", "js"];
     let result;
@@ -892,7 +418,7 @@ var ConfigManager = class {
           return;
         }
         const filepathWithExtension = `${filepath}.${ext}`;
-        const exists = import_fs_extra2.default.existsSync(filepathWithExtension);
+        const exists = import_fs_extra.default.existsSync(filepathWithExtension);
         if (exists) {
           result = filepathWithExtension;
         }
@@ -911,11 +437,10 @@ var ConfigManager = class {
       loader: loaders
     });
     const result = require(outfile);
-    import_fs_extra2.default.removeSync(outfile);
+    import_fs_extra.default.removeSync(outfile);
     return result.default;
   }
   async loadConfigFile(generatedFolderPath, configFilePath) {
-    var _a;
     const tmpdir = import_path.default.join(import_os.default.tmpdir(), Date.now().toString());
     const preBuildConfigPath = import_path.default.join(
       this.generatedFolderPath,
@@ -924,9 +449,7 @@ var ConfigManager = class {
     const outfile = import_path.default.join(tmpdir, "config.build.jsx");
     const outfile2 = import_path.default.join(tmpdir, "config.build.js");
     const tempTSConfigFile = import_path.default.join(tmpdir, "tsconfig.json");
-    const viteConfig = await loadViteConfig(this.rootPath);
-    console.log("latest");
-    import_fs_extra2.default.outputFileSync(tempTSConfigFile, "{}");
+    import_fs_extra.default.outputFileSync(tempTSConfigFile, "{}");
     const result2 = await esbuild.build({
       entryPoints: [configFilePath],
       bundle: true,
@@ -954,12 +477,12 @@ var ConfigManager = class {
       logLevel: "silent",
       platform: "node",
       outfile,
-      loader: loaders,
-      alias: (_a = viteConfig.config.resolve) == null ? void 0 : _a.alias
+      loader: loaders
     });
     await esbuild.build({
       entryPoints: [outfile],
       bundle: true,
+      // Suppress warning about comparison with -0 from client module
       logLevel: "silent",
       platform: "node",
       outfile: outfile2,
@@ -973,8 +496,8 @@ var ConfigManager = class {
       console.error(e);
       throw e;
     }
-    import_fs_extra2.default.removeSync(outfile);
-    import_fs_extra2.default.removeSync(outfile2);
+    import_fs_extra.default.removeSync(outfile);
+    import_fs_extra.default.removeSync(outfile2);
     return {
       config: result.default,
       prebuildPath: preBuildConfigPath,
@@ -1008,109 +531,578 @@ var loaders = {
   ".tsx": "tsx"
 };
 
-// src/next/commands/dev-command/html.ts
-var errorHTML = `<style type="text/css">
-#no-assets-placeholder body {
-  font-family: sans-serif;
-  font-size: 16px;
-  line-height: 1.4;
-  color: #333;
-  background-color: #f5f5f5;
-}
-#no-assets-placeholder {
-  max-width: 600px;
-  margin: 0 auto;
-  padding: 40px;
-  text-align: center;
-  background-color: #fff;
-  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
-}
-#no-assets-placeholder h1 {
-  font-size: 24px;
-  margin-bottom: 20px;
-}
-#no-assets-placeholder p {
-  margin-bottom: 10px;
-}
-#no-assets-placeholder a {
-  color: #0077cc;
-  text-decoration: none;
-}
-#no-assets-placeholder a:hover {
-  text-decoration: underline;
+// src/next/commands/dev-command/html.ts
+var errorHTML = `<style type="text/css">
+#no-assets-placeholder body {
+  font-family: sans-serif;
+  font-size: 16px;
+  line-height: 1.4;
+  color: #333;
+  background-color: #f5f5f5;
+}
+#no-assets-placeholder {
+  max-width: 600px;
+  margin: 0 auto;
+  padding: 40px;
+  text-align: center;
+  background-color: #fff;
+  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
+}
+#no-assets-placeholder h1 {
+  font-size: 24px;
+  margin-bottom: 20px;
+}
+#no-assets-placeholder p {
+  margin-bottom: 10px;
+}
+#no-assets-placeholder a {
+  color: #0077cc;
+  text-decoration: none;
+}
+#no-assets-placeholder a:hover {
+  text-decoration: underline;
+}
+</style>
+<div id="no-assets-placeholder">
+<h1>Failed loading TinaCMS assets</h1>
+<p>
+  Your TinaCMS configuration may be misconfigured, and we could not load
+  the assets for this page.
+</p>
+<p>
+  Please visit <a href="https://tina.io/docs/tina-cloud/faq/#how-do-i-resolve-failed-loading-tinacms-assets-error">this doc</a> for help.
+</p>
+</div>
+</div>`.trim().replace(/[\r\n\s]+/g, " ");
+var devHTML = (port) => `<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>TinaCMS</title>
+  </head>
+
+  <!-- if development -->
+  <script type="module">
+    import RefreshRuntime from 'http://localhost:${port}/@react-refresh'
+    RefreshRuntime.injectIntoGlobalHook(window)
+    window.$RefreshReg$ = () => {}
+    window.$RefreshSig$ = () => (type) => type
+    window.__vite_plugin_react_preamble_installed__ = true
+  </script>
+  <script type="module" src="http://localhost:${port}/@vite/client"></script>
+  <script>
+  function handleLoadError() {
+    // Assets have failed to load
+    document.getElementById('root').innerHTML = '${errorHTML}';
+  }
+  </script>
+  <script
+    type="module"
+    src="http://localhost:${port}/src/main.tsx"
+    onerror="handleLoadError()"
+  ></script>
+  <body class="tina-tailwind">
+    <div id="root"></div>
+  </body>
+</html>`;
+
+// src/utils/theme.ts
+var import_chalk3 = __toESM(require("chalk"));
+var successText = import_chalk3.default.bold.green;
+var focusText = import_chalk3.default.bold;
+var dangerText = import_chalk3.default.bold.red;
+var neutralText = import_chalk3.default.bold.cyan;
+var linkText = import_chalk3.default.bold.cyan;
+var labelText = import_chalk3.default.bold;
+var cmdText = import_chalk3.default.inverse;
+var indentedCmd = (str) => {
+  return `  \u2503 ` + str;
+};
+var indentText = (str) => {
+  return String(str).split("\n").map((line) => `   ${line}`).join("\n");
+};
+var logText = import_chalk3.default.italic.gray;
+var warnText = import_chalk3.default.yellowBright.bgBlack;
+var titleText = import_chalk3.default.bgHex("d2f1f8").hex("ec4816");
+var CONFIRMATION_TEXT = import_chalk3.default.dim("enter to confirm");
+
+// src/next/commands/dev-command/server/index.ts
+var import_vite3 = require("vite");
+
+// src/next/vite/index.ts
+var import_node_path2 = __toESM(require("path"));
+var import_plugin_react = __toESM(require("@vitejs/plugin-react"));
+var import_fs_extra2 = __toESM(require("fs-extra"));
+var import_normalize_path2 = __toESM(require("normalize-path"));
+var import_vite = require("vite");
+
+// src/next/vite/tailwind.ts
+var import_node_path = __toESM(require("path"));
+var import_aspect_ratio = __toESM(require("@tailwindcss/aspect-ratio"));
+var import_container_queries = __toESM(require("@tailwindcss/container-queries"));
+var import_typography = __toESM(require("@tailwindcss/typography"));
+var import_tailwindcss = __toESM(require("tailwindcss"));
+var import_defaultTheme = __toESM(require("tailwindcss/defaultTheme.js"));
+var tinaTailwind = (spaPath, prebuildFilePath) => {
+  return {
+    name: "vite-plugin-tina",
+    // @ts-ignore
+    config: (viteConfig) => {
+      const plugins = [];
+      const content = [
+        import_node_path.default.join(spaPath, "src/**/*.{vue,js,ts,jsx,tsx,svelte}"),
+        prebuildFilePath,
+        require.resolve("tinacms")
+      ];
+      const tw = (0, import_tailwindcss.default)({
+        theme: {
+          columns: {
+            auto: "auto",
+            1: "1",
+            2: "2",
+            3: "3",
+            4: "4",
+            5: "5",
+            6: "6",
+            7: "7",
+            8: "8",
+            9: "9",
+            10: "10",
+            11: "11",
+            12: "12",
+            "3xs": "256px",
+            "2xs": "288px",
+            xs: "320px",
+            sm: "384px",
+            md: "448px",
+            lg: "512px",
+            xl: "576px",
+            "2xl": "672px",
+            "3xl": "768px",
+            "4xl": "896px",
+            "5xl": "1024px",
+            "6xl": "1152px",
+            "7xl": "1280px"
+          },
+          spacing: {
+            px: "1px",
+            0: "0px",
+            0.5: "2px",
+            1: "4px",
+            1.5: "6px",
+            2: "8px",
+            2.5: "10px",
+            3: "12px",
+            3.5: "14px",
+            4: "16px",
+            5: "20px",
+            6: "24px",
+            7: "28px",
+            8: "32px",
+            9: "36px",
+            10: "40px",
+            11: "44px",
+            12: "48px",
+            14: "56px",
+            16: "64px",
+            18: "72px",
+            20: "80px",
+            24: "96px",
+            28: "114px",
+            32: "128px",
+            36: "144px",
+            40: "160px",
+            44: "176px",
+            48: "192px",
+            52: "208px",
+            56: "224px",
+            60: "240px",
+            64: "256px",
+            72: "288px",
+            80: "320px",
+            96: "384px"
+          },
+          borderRadius: {
+            none: "0px",
+            sm: "2px",
+            DEFAULT: "4px",
+            md: "6px",
+            lg: "8px",
+            xl: "12px",
+            "2xl": "16px",
+            "3xl": "24px",
+            full: "9999px"
+          },
+          borderWidth: {
+            DEFAULT: "1px",
+            0: "0",
+            2: "2px",
+            3: "3px",
+            4: "4px",
+            6: "6px",
+            8: "8px"
+          },
+          fontSize: {
+            xs: ["13px", { lineHeight: "1.33" }],
+            sm: ["14px", { lineHeight: "1.43" }],
+            base: ["16px", { lineHeight: "1.5" }],
+            md: ["16px", { lineHeight: "1.5" }],
+            lg: ["18px", { lineHeight: "1.55" }],
+            xl: ["20px", { lineHeight: "1.4" }],
+            "2xl": ["24px", { lineHeight: "1.33" }],
+            "3xl": ["30px", { lineHeight: "1.2" }],
+            "4xl": ["36px", { lineHeight: "1.1" }],
+            "5xl": ["48px", { lineHeight: "1" }],
+            "6xl": ["60px", { lineHeight: "1" }],
+            "7xl": ["72px", { lineHeight: "1" }],
+            "8xl": ["96px", { lineHeight: "1" }],
+            "9xl": ["128px", { lineHeight: "1" }]
+          },
+          opacity: {
+            0: "0",
+            5: ".05",
+            7: ".07",
+            10: ".1",
+            15: ".15",
+            20: ".2",
+            25: ".25",
+            30: ".3",
+            40: ".4",
+            50: ".5",
+            60: ".6",
+            70: ".7",
+            75: ".75",
+            80: ".8",
+            90: ".9",
+            100: "1"
+          },
+          zIndex: {
+            "-1": "-1",
+            base: "9000",
+            panel: "9400",
+            menu: "9800",
+            chrome: "10200",
+            overlay: "10600",
+            modal: "10800",
+            0: "0",
+            10: "10",
+            20: "20",
+            30: "30",
+            40: "40",
+            25: "25",
+            50: "50",
+            75: "75",
+            100: "100",
+            auto: "auto"
+          },
+          extend: {
+            scale: {
+              97: ".97",
+              103: "1.03"
+            },
+            transitionDuration: {
+              0: "0ms",
+              2e3: "2000ms"
+            },
+            boxShadow: {
+              xs: "0 0 0 1px rgba(0, 0, 0, 0.05)",
+              outline: "0 0 0 3px rgba(66, 153, 225, 0.5)"
+            },
+            colors: {
+              blue: {
+                50: "#DCEEFF",
+                100: "#B4DBFF",
+                200: "#85C5FE",
+                300: "#4EABFE",
+                400: "#2296fe",
+                500: "#0084FF",
+                600: "#0574e4",
+                700: "#0D5DBD",
+                800: "#144696",
+                900: "#1D2C6C",
+                1e3: "#241748"
+              },
+              gray: {
+                50: "#F6F6F9",
+                100: "#EDECF3",
+                150: "#E6E3EF",
+                200: "#E1DDEC",
+                250: "#C9C5D5",
+                300: "#b2adbe",
+                400: "#918c9e",
+                500: "#716c7f",
+                600: "#565165",
+                700: "#433e52",
+                800: "#363145",
+                900: "#252336",
+                1e3: "#1c1b2e"
+              },
+              orange: {
+                400: "#EB6337",
+                500: "#EC4815",
+                600: "#DC4419"
+              },
+              background: "#FFFFFF",
+              foreground: "#0A0A0A",
+              muted: "#F5F5F5",
+              "muted-foreground": "#737373",
+              popover: "#FFFFFF",
+              "popover-foreground": "#0A0A0A",
+              card: "#FFFFFF",
+              "card-foreground": "#0A0A0A",
+              border: "#E5E5E5",
+              input: "#E5E5E5",
+              primary: "#171717",
+              "primary-foreground": "#FAFAFA",
+              secondary: "#F5F5F5",
+              "secondary-foreground": "#171717",
+              accent: "#F5F5F5",
+              "accent-foreground": "#171717",
+              destructive: "#FF3B3B",
+              "destructive-foreground": "#FAFAFA",
+              ring: "#0A0A0A"
+            },
+            fontFamily: {
+              sans: ["Inter", ...import_defaultTheme.default.fontFamily.sans]
+            },
+            lineHeight: {
+              3: "12px",
+              4: "16px",
+              5: "20px",
+              6: "24px",
+              7: "28px",
+              8: "32px",
+              9: "36px",
+              10: "40px"
+            },
+            maxWidth: {
+              form: "900px"
+            },
+            screens: {
+              xs: "320px",
+              sm: "560px",
+              md: "720px",
+              lg: "1030px"
+            }
+          }
+        },
+        content,
+        plugins: [
+          (0, import_typography.default)({ className: "tina-prose" }),
+          import_aspect_ratio.default,
+          import_container_queries.default
+        ]
+      });
+      plugins.push(tw);
+      return {
+        css: {
+          postcss: {
+            plugins
+          }
+        }
+      };
+    }
+  };
+};
+
+// src/next/vite/index.ts
+async function listFilesRecursively({
+  directoryPath,
+  config: config2,
+  roothPath
+}) {
+  const fullDirectoryPath = import_node_path2.default.join(
+    roothPath,
+    config2.publicFolder,
+    directoryPath
+  );
+  const exists = await import_fs_extra2.default.pathExists(fullDirectoryPath);
+  if (!exists) {
+    return { "0": [] };
+  }
+  const items = await import_fs_extra2.default.readdir(fullDirectoryPath);
+  const staticMediaItems = [];
+  for (const item of items) {
+    const itemPath = import_node_path2.default.join(fullDirectoryPath, item);
+    const stats = await import_fs_extra2.default.promises.lstat(itemPath);
+    const staticMediaItem = {
+      id: item,
+      filename: item,
+      type: stats.isDirectory() ? "dir" : "file",
+      directory: `${directoryPath.replace(config2.mediaRoot, "")}`,
+      src: `/${import_node_path2.default.join(directoryPath, item)}`,
+      thumbnails: {
+        "75x75": `/${import_node_path2.default.join(directoryPath, item)}`,
+        "400x400": `/${import_node_path2.default.join(directoryPath, item)}`,
+        "1000x1000": `/${import_node_path2.default.join(directoryPath, item)}`
+      }
+    };
+    if (stats.isDirectory()) {
+      staticMediaItem.children = await listFilesRecursively({
+        directoryPath: import_node_path2.default.join(directoryPath, item),
+        config: config2,
+        roothPath
+      });
+    }
+    staticMediaItems.push(staticMediaItem);
+  }
+  function chunkArrayIntoObject(array, chunkSize) {
+    const result = {};
+    for (let i = 0; i < array.length; i += chunkSize) {
+      const chunkKey = `${i / chunkSize * 20}`;
+      result[chunkKey] = array.slice(i, i + chunkSize);
+    }
+    return result;
+  }
+  return chunkArrayIntoObject(staticMediaItems, 20);
 }
-</style>
-<div id="no-assets-placeholder">
-<h1>Failed loading TinaCMS assets</h1>
-<p>
-  Your TinaCMS configuration may be misconfigured, and we could not load
-  the assets for this page.
-</p>
-<p>
-  Please visit <a href="https://tina.io/docs/tina-cloud/faq/#how-do-i-resolve-failed-loading-tinacms-assets-error">this doc</a> for help.
-</p>
-</div>
-</div>`.trim().replace(/[\r\n\s]+/g, " ");
-var devHTML = (port) => `<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>TinaCMS</title>
-  </head>
-
-  <!-- if development -->
-  <script type="module">
-    import RefreshRuntime from 'http://localhost:${port}/@react-refresh'
-    RefreshRuntime.injectIntoGlobalHook(window)
-    window.$RefreshReg$ = () => {}
-    window.$RefreshSig$ = () => (type) => type
-    window.__vite_plugin_react_preamble_installed__ = true
-  <\/script>
-  <script type="module" src="http://localhost:${port}/@vite/client"><\/script>
-  <script>
-  function handleLoadError() {
-    // Assets have failed to load
-    document.getElementById('root').innerHTML = '${errorHTML}';
+var createConfig = async ({
+  configManager,
+  apiURL,
+  plugins = [],
+  noWatch,
+  rollupOptions
+}) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const publicEnv = {};
+  Object.keys(process.env).forEach((key) => {
+    if (key.startsWith("TINA_PUBLIC_") || key.startsWith("NEXT_PUBLIC_") || key === "NODE_ENV" || key === "HEAD") {
+      try {
+        if (typeof process.env[key] === "string") {
+          publicEnv[key] = process.env[key];
+        } else {
+          publicEnv[key] = JSON.stringify(process.env[key]);
+        }
+      } catch (error) {
+        console.warn(
+          `Could not stringify public env process.env.${key} env variable`
+        );
+        console.warn(error);
+      }
+    }
+  });
+  const staticMediaPath = import_node_path2.default.join(
+    configManager.generatedFolderPath,
+    "static-media.json"
+  );
+  if ((_b = (_a = configManager.config.media) == null ? void 0 : _a.tina) == null ? void 0 : _b.static) {
+    const staticMedia = await listFilesRecursively({
+      directoryPath: ((_c = configManager.config.media.tina) == null ? void 0 : _c.mediaRoot) || "",
+      config: configManager.config.media.tina,
+      roothPath: configManager.rootPath
+    });
+    await import_fs_extra2.default.outputFile(staticMediaPath, JSON.stringify(staticMedia, null, 2));
+  } else {
+    await import_fs_extra2.default.outputFile(staticMediaPath, `[]`);
   }
-  <\/script>
-  <script
-    type="module"
-    src="http://localhost:${port}/src/main.tsx"
-    onerror="handleLoadError()"
-  ><\/script>
-  <body class="tina-tailwind">
-    <div id="root"></div>
-  </body>
-</html>`;
-
-// src/utils/theme.ts
-var import_chalk3 = __toESM(require("chalk"));
-var successText = import_chalk3.default.bold.green;
-var focusText = import_chalk3.default.bold;
-var dangerText = import_chalk3.default.bold.red;
-var neutralText = import_chalk3.default.bold.cyan;
-var linkText = import_chalk3.default.bold.cyan;
-var labelText = import_chalk3.default.bold;
-var cmdText = import_chalk3.default.inverse;
-var indentedCmd = (str) => {
-  return `  \u2503 ` + str;
-};
-var indentText = (str) => {
-  return String(str).split("\n").map((line) => `   ${line}`).join("\n");
+  const alias = {
+    TINA_IMPORT: configManager.prebuildFilePath,
+    SCHEMA_IMPORT: configManager.generatedGraphQLJSONPath,
+    STATIC_MEDIA_IMPORT: staticMediaPath,
+    crypto: import_node_path2.default.join(configManager.spaRootPath, "src", "dummy-client.ts"),
+    fs: import_node_path2.default.join(configManager.spaRootPath, "src", "dummy-client.ts"),
+    os: import_node_path2.default.join(configManager.spaRootPath, "src", "dummy-client.ts"),
+    path: import_node_path2.default.join(configManager.spaRootPath, "src", "dummy-client.ts")
+  };
+  if (configManager.shouldSkipSDK()) {
+    alias["CLIENT_IMPORT"] = import_node_path2.default.join(
+      configManager.spaRootPath,
+      "src",
+      "dummy-client.ts"
+    );
+  } else {
+    alias["CLIENT_IMPORT"] = configManager.isUsingTs() ? configManager.generatedTypesTSFilePath : configManager.generatedTypesJSFilePath;
+  }
+  let basePath;
+  if (configManager.config.build.basePath) {
+    basePath = configManager.config.build.basePath;
+  }
+  const fullVersion = configManager.getTinaGraphQLVersion();
+  const version2 = `${fullVersion.major}.${fullVersion.minor}`;
+  const config2 = {
+    root: configManager.spaRootPath,
+    base: `/${basePath ? `${(0, import_normalize_path2.default)(basePath)}/` : ""}${(0, import_normalize_path2.default)(
+      configManager.config.build.outputFolder
+    )}/`,
+    appType: "spa",
+    resolve: {
+      alias,
+      dedupe: ["graphql", "tinacms", "react", "react-dom", "react-router-dom"]
+    },
+    define: {
+      /**
+       * Since we prebuild the config.ts, it's possible for modules to be loaded which make
+       * use of `process`. The main scenario where this is an issue is when co-locating schema
+       * definitions with source files, and specifically source files which impor from NextJS.
+       *
+       * Some examples of what NextJS uses for `process.env` are:
+       *  - `process.env.__NEXT_TRAILING_SLASH`
+       *  - `process.env.__NEXT_CROSS_ORIGIN`
+       *  - `process.env.__NEXT_I18N_SUPPORT`
+       *
+       * Also, interestingly some of the advice for handling this doesn't work, references to replacing
+       * `process.env` with `{}` are problematic, because browsers don't understand the `{}.` syntax,
+       * but node does. This was a surprise, but using `new Object()` seems to do the trick.
+       */
+      "process.env": `new Object(${JSON.stringify(publicEnv)})`,
+      // Used by picomatch https://github.com/micromatch/picomatch/blob/master/lib/utils.js#L4
+      "process.platform": `"${process.platform}"`,
+      __API_URL__: `"${apiURL}"`,
+      __BASE_PATH__: `"${((_e = (_d = configManager.config) == null ? void 0 : _d.build) == null ? void 0 : _e.basePath) || ""}"`,
+      __TINA_GRAPHQL_VERSION__: version2
+    },
+    logLevel: "error",
+    // Vite import warnings are noisy
+    optimizeDeps: {
+      force: true,
+      // Not 100% sure why this isn't being picked up automatically, this works from within the monorepo
+      // but breaks externally
+      include: ["react/jsx-runtime", "react/jsx-dev-runtime"]
+    },
+    server: {
+      host: (_h = (_g = (_f = configManager.config) == null ? void 0 : _f.build) == null ? void 0 : _g.host) != null ? _h : false,
+      watch: noWatch ? {
+        ignored: ["**/*"]
+      } : {
+        // Ignore everything except for the alias fields we specified above
+        ignored: [
+          `${configManager.tinaFolderPath}/**/!(config.prebuild.jsx|_graphql.json)`
+        ]
+      },
+      fs: {
+        strict: false
+      }
+    },
+    build: {
+      sourcemap: false,
+      outDir: configManager.outputFolderPath,
+      emptyOutDir: true,
+      rollupOptions
+    },
+    plugins: [
+      /**
+       * `splitVendorChunkPlugin` is needed because `tinacms` is quite large,
+       * Vite's chunking strategy chokes on memory issues for smaller machines (ie. on CI).
+       */
+      (0, import_plugin_react.default)({
+        babel: {
+          // Supresses the warning [NOTE] babel The code generator has deoptimised the styling of
+          compact: true
+        }
+      }),
+      (0, import_vite.splitVendorChunkPlugin)(),
+      tinaTailwind(configManager.spaRootPath, configManager.prebuildFilePath),
+      ...plugins
+    ]
+  };
+  return config2;
 };
-var logText = import_chalk3.default.italic.gray;
-var warnText = import_chalk3.default.yellowBright.bgBlack;
-var titleText = import_chalk3.default.bgHex("d2f1f8").hex("ec4816");
-var CONFIRMATION_TEXT = import_chalk3.default.dim("enter to confirm");
-
-// src/next/commands/dev-command/server/index.ts
-var import_vite4 = require("vite");
 
 // src/next/vite/plugins.ts
 var import_pluginutils = require("@rollup/pluginutils");
 var import_fs = __toESM(require("fs"));
-var import_vite3 = require("vite");
+var import_vite2 = require("vite");
 var import_esbuild = require("esbuild");
 var import_path3 = __toESM(require("path"));
 var import_body_parser = __toESM(require("body-parser"));
@@ -1172,8 +1164,7 @@ var createMediaRouter = (config2) => {
 };
 var parseMediaFolder = (str) => {
   let returnString = str;
-  if (returnString.startsWith("/"))
-    returnString = returnString.substr(1);
+  if (returnString.startsWith("/")) returnString = returnString.substr(1);
   if (returnString.endsWith("/"))
     returnString = returnString.substr(0, returnString.length - 1);
   return returnString;
@@ -1433,13 +1424,14 @@ function viteTransformExtension({
             previousExport: exportAsDefault ? null : code
           }
         });
-        const res = await (0, import_vite3.transformWithEsbuild)(componentCode, id, {
+        const res = await (0, import_vite2.transformWithEsbuild)(componentCode, id, {
           loader: "jsx",
           ...esbuildOptions
         });
         return {
           code: res.code,
           map: null
+          // TODO:
         };
       }
     }
@@ -1453,13 +1445,21 @@ var createDevServer = async (configManager, database, searchIndex, apiURL, noWat
     devServerEndPointsPlugin({ apiURL, configManager, database, searchIndex }),
     viteTransformExtension()
   ];
-  return (0, import_vite4.createServer)(
+  return (0, import_vite3.createServer)(
     await createConfig({
       configManager,
       database,
       apiURL,
       plugins,
       noWatch,
+      /**
+       * Ensure Vite's import scan uses the spaMainPath as the input
+       * so it properly finds everything. This is for dev only, and when
+       * running the server outside of this monorepo vite fails to find
+       * and optimize the imports, so you get errors about it not being
+       * able to find an export from a module, and it's always a CJS
+       * module that Vite would usually transform to an ES module.
+       */
       rollupOptions: {
         input: configManager.spaMainPath,
         onwarn(warning, warn) {
@@ -1468,10 +1468,6 @@ var createDevServer = async (configManager, database, searchIndex, apiURL, noWat
           }
           warn(warning);
         }
-      },
-      viteConfigEnv: {
-        command: "serve",
-        mode: "development"
       }
     })
   );
@@ -1589,6 +1585,7 @@ var GenericSdkVisitor = class extends import_visitor_plugin_common.ClientSideBas
         node,
         documentVariableName,
         operationType,
+        // This is the only line that is different
         operationResultType: `{data: ${operationResultType}, errors?: { message: string, locations: { line: number, column: number }[], path: string[] }[], variables: ${operationVariablesTypes}, query: string}`,
         operationVariablesTypes
       });
@@ -1637,6 +1634,8 @@ var plugin = (schema, documents, config2) => {
   const visitor = new GenericSdkVisitor(schema, allFragments, config2);
   const visitorResult = (0, import_graphql3.visit)(allAst, { leave: visitor });
   return {
+    // We will take care of imports
+    // prepend: visitor.getImports(),
     content: [
       visitor.fragments,
       ...visitorResult.definitions.filter((t) => typeof t === "string"),
@@ -1652,6 +1651,7 @@ var generateTypes = async (schema, queryPathGlob = process.cwd(), fragDocPath =
   docs = await loadGraphQLDocuments(queryPathGlob);
   fragDocs = await loadGraphQLDocuments(fragDocPath);
   const res = await (0, import_core.codegen)({
+    // Filename is not used. This is because the typescript plugin returns a string instead of writing to a file.
     filename: process.cwd(),
     schema: (0, import_graphql5.parse)((0, import_graphql5.printSchema)(schema)),
     documents: [...docs, ...fragDocs],
@@ -1686,9 +1686,12 @@ var loadGraphQLDocuments = async (globPath) => {
       loaders: [new import_graphql_file_loader.GraphQLFileLoader()]
     });
   } catch (e) {
-    if ((e.message || "").includes(
-      "Unable to find any GraphQL type definitions for the following pointers:"
-    )) {
+    if (
+      // https://www.graphql-tools.com/docs/documents-loading#no-files-found
+      (e.message || "").includes(
+        "Unable to find any GraphQL type definitions for the following pointers:"
+      )
+    ) {
     } else {
       throw e;
     }
@@ -1850,12 +1853,9 @@ var Codegen = class {
     const baseUrl = ((_d = this.configManager.config.tinaioConfig) == null ? void 0 : _d.contentApiUrlOverride) || `https://${TINA_HOST}`;
     if ((!branch || !clientId || !token) && !this.port && !this.configManager.config.contentApiUrlOverride) {
       const missing = [];
-      if (!branch)
-        missing.push("branch");
-      if (!clientId)
-        missing.push("clientId");
-      if (!token)
-        missing.push("token");
+      if (!branch) missing.push("branch");
+      if (!clientId) missing.push("clientId");
+      if (!token) missing.push("token");
       throw new Error(
         `Client not configured properly. Missing ${missing.join(
           ", "
@@ -2009,7 +2009,11 @@ schema {
   }
 };
 var maybeWarnFragmentSize = async (filepath) => {
-  if ((await import_fs_extra4.default.stat(filepath)).size > 100 * 1024) {
+  if (
+    // is the file bigger than 100kb?
+    (await import_fs_extra4.default.stat(filepath)).size > // convert to 100 kb to bytes
+    100 * 1024
+  ) {
     console.warn(
       "Warning: frags.gql is very large (>100kb). Consider setting the reference depth to 1 or 0. See code snippet below."
     );
@@ -2037,6 +2041,7 @@ var import_many_level = require("many-level");
 var import_memory_level = require("memory-level");
 var createDBServer = (port) => {
   const levelHost = new import_many_level.ManyLevelHost(
+    // @ts-ignore
     new import_memory_level.MemoryLevel({
       valueEncoding: "json"
     })
@@ -2311,6 +2316,7 @@ var import_search = require("@tinacms/search");
 var DevCommand = class extends BaseCommand {
   constructor() {
     super(...arguments);
+    // NOTE: camelCase commands for string options don't work if there's an `=` used https://github.com/arcanis/clipanion/issues/141
     this.watchFolders = import_clipanion2.Option.String("-w,--watchFolders", {
       description: "DEPRECATED - a list of folders (relative to where this is being run) that the cli will watch for changes"
     });
@@ -2529,6 +2535,20 @@ ${dangerText(e.message)}
       heading: "Tina Dev Server is running...",
       items: [
         ...summaryItems
+        // {
+        //   emoji: '📚',
+        //   heading: 'Useful links',
+        //   subItems: [
+        //     {
+        //       key: 'Custom queries',
+        //       value: 'https://tina.io/querying',
+        //     },
+        //     {
+        //       key: 'Visual editing',
+        //       value: 'https://tina.io/visual-editing',
+        //     },
+        //   ],
+        // },
       ]
     });
     await this.startSubCommand();
@@ -2600,7 +2620,7 @@ var import_path6 = __toESM(require("path"));
 var import_graphql11 = require("@tinacms/graphql");
 
 // src/next/commands/build-command/server.ts
-var import_vite6 = require("vite");
+var import_vite5 = require("vite");
 var buildProductionSpa = async (configManager, database, apiURL) => {
   const publicEnv = {};
   Object.keys(process.env).forEach((key) => {
@@ -2632,13 +2652,9 @@ var buildProductionSpa = async (configManager, database, apiURL) => {
         }
         warn(warning);
       }
-    },
-    viteConfigEnv: {
-      command: "build",
-      mode: "production"
     }
   });
-  return (0, import_vite6.build)(config2);
+  return (0, import_vite5.build)(config2);
 };
 
 // src/next/commands/build-command/index.ts
@@ -2775,6 +2791,9 @@ var BuildCommand = class extends BaseCommand {
     this.tinaGraphQLVersion = import_clipanion3.Option.String("--tina-graphql-version", {
       description: "Specify the version of @tinacms/graphql to use (defaults to latest)"
     });
+    /**
+     * This option allows the user to skip the tina cloud checks if they want to. This could be useful for mismatched GraphQL versions or if they want to build only using the local client and never connect to Tina Cloud
+     */
     this.skipCloudChecks = import_clipanion3.Option.Boolean("--skip-cloud-checks", false, {
       description: "Skips checking the provided cloud config."
     });
@@ -3515,6 +3534,7 @@ var auditDocuments = async (args) => {
         logger.error(import_chalk5.default.red(err.message));
         if (err.originalError.originalError) {
           logger.error(
+            // @ts-ignore FIXME: this doesn't seem right
             import_chalk5.default.red(`    ${err.originalError.originalError.message}`)
           );
         }
@@ -3720,7 +3740,9 @@ var detectEnvironment = async ({
   const usingSrc = import_fs_extra8.default.pathExistsSync(import_path7.default.join(baseDir, "src")) && (import_fs_extra8.default.pathExistsSync(import_path7.default.join(baseDir, "src", "app")) || import_fs_extra8.default.pathExistsSync(import_path7.default.join(baseDir, "src", "pages")));
   const tinaFolder = import_path7.default.join(baseDir, "tina");
   const tinaConfigExists = Boolean(
-    await import_fs_extra8.default.pathExists(tinaFolder) && (await import_fs_extra8.default.readdir(tinaFolder)).find((x) => x.includes("config"))
+    // Does the tina folder exist?
+    await import_fs_extra8.default.pathExists(tinaFolder) && // Does the tina folder contain a config file?
+    (await import_fs_extra8.default.readdir(tinaFolder)).find((x) => x.includes("config"))
   );
   const pagesDir = [baseDir, usingSrc ? "src" : false, "pages"].filter(
     Boolean
@@ -3955,6 +3977,7 @@ var supportedDatabaseAdapters = {
       {
         from: "mongodb",
         imported: [],
+        // not explicitly imported
         packageName: "mongodb"
       }
     ]
@@ -4027,6 +4050,10 @@ var chooseDatabaseAdapter = async ({
           title: "MongoDB",
           value: "mongodb"
         }
+        // {
+        //   title: "I'll create my own database adapter",
+        //   value: 'other',
+        // },
       ]
     }
   ]);
@@ -4304,6 +4331,7 @@ async function configure(env, opts) {
     packageManager,
     forestryMigrate: false,
     isLocalEnvVarName: "TINA_PUBLIC_IS_LOCAL",
+    // TODO: give this a better default
     typescript: false
   };
   if (config2.framework.name === "next") {
@@ -4407,15 +4435,25 @@ var import_js_yaml = __toESM(require("js-yaml"));
 var import_zod = __toESM(require("zod"));
 
 // src/cmds/forestry-migrate/util/errorSingleton.ts
-var ErrorSingleton = class {
+var ErrorSingleton = class _ErrorSingleton {
+  /**
+   * The Singleton's constructor should always be private to prevent direct
+   * construction calls with the `new` operator.
+   */
   constructor() {
   }
+  /**
+   * The static method that controls the access to the singleton instance.
+   *
+   * This implementation let you subclass the Singleton class while keeping
+   * just one instance of each subclass around.
+   */
   static getInstance() {
-    if (!ErrorSingleton.instance) {
-      ErrorSingleton.instance = new ErrorSingleton();
-      ErrorSingleton.instance.collectionNameErrors = [];
+    if (!_ErrorSingleton.instance) {
+      _ErrorSingleton.instance = new _ErrorSingleton();
+      _ErrorSingleton.instance.collectionNameErrors = [];
     }
-    return ErrorSingleton.instance;
+    return _ErrorSingleton.instance;
   }
   addErrorName(error) {
     this.collectionNameErrors.push(error);
@@ -4458,8 +4496,7 @@ var makeFieldsWithInternalCode = ({
   if (hasBody) {
     return [bodyField, `__TINA_INTERNAL__:::...${field}():::`];
   } else {
-    if (spread)
-      return `__TINA_INTERNAL__:::...${field}():::`;
+    if (spread) return `__TINA_INTERNAL__:::...${field}():::`;
     return `__TINA_INTERNAL__:::${field}():::`;
   }
 };
@@ -4543,6 +4580,7 @@ var forestryConfigSchema = import_zod.default.object({
   )
 });
 var forestryFieldWithoutField = import_zod.default.object({
+  // TODO: maybe better type this?
   type: import_zod.default.union([
     import_zod.default.literal("text"),
     import_zod.default.literal("datetime"),
@@ -4566,6 +4604,7 @@ var forestryFieldWithoutField = import_zod.default.object({
   default: import_zod.default.any().optional(),
   template: import_zod.default.string().optional(),
   config: import_zod.default.object({
+    // min and max are used for lists
     min: import_zod.default.number().optional().nullable(),
     max: import_zod.default.number().optional().nullable(),
     required: import_zod.default.boolean().optional().nullable(),
@@ -4579,6 +4618,7 @@ var forestryFieldWithoutField = import_zod.default.object({
         import_zod.default.literal("pages"),
         import_zod.default.literal("documents"),
         import_zod.default.literal("simple"),
+        // TODO: I want to ignore this key if its invalid
         import_zod.default.string()
       ]).optional().nullable(),
       section: import_zod.default.string().optional().nullable()
@@ -4614,6 +4654,7 @@ var transformForestryFieldsToTinaFields = ({
     }
     let field;
     switch (forestryField2.type) {
+      // Single filed types
       case "text":
         field = {
           type: "string",
@@ -4693,6 +4734,7 @@ var transformForestryFieldsToTinaFields = ({
           );
         }
         break;
+      // List Types
       case "list":
         field = {
           type: "string",
@@ -4715,6 +4757,7 @@ var transformForestryFieldsToTinaFields = ({
           }
         };
         break;
+      // Object (Group) types
       case "field_group":
         field = {
           type: "object",
@@ -4755,6 +4798,7 @@ var transformForestryFieldsToTinaFields = ({
           });
           const fieldsString = stringifyLabelWithField(template2.label);
           const t = {
+            // @ts-ignore
             fields: makeFieldsWithInternalCode({
               hasBody: false,
               field: fieldsString
@@ -4792,6 +4836,7 @@ var transformForestryFieldsToTinaFields = ({
           spread: true
         });
         tinaFields.push(
+          // @ts-ignore
           field2
         );
         break;
@@ -4851,6 +4896,7 @@ var parseSections = ({ val }) => {
 
 // src/cmds/forestry-migrate/index.ts
 var BODY_FIELD = {
+  // This is the body field
   type: "rich-text",
   name: "body",
   label: "Body of Document",
@@ -4909,8 +4955,7 @@ var generateAllTemplates = async ({
 };
 var generateCollectionFromForestrySection = (args) => {
   const { section, templateMap } = args;
-  if (section.read_only)
-    return;
+  if (section.read_only) return;
   let format3 = "md";
   if (section.new_doc_ext) {
     const ext = checkExt(section.new_doc_ext);
@@ -4977,12 +5022,14 @@ var generateCollectionFromForestrySection = (args) => {
     if (((forestryTemplates == null ? void 0 : forestryTemplates.length) || 0) > 1) {
       c = {
         ...baseCollection,
+        // @ts-expect-error
         templates: forestryTemplates.map((tem) => {
           const currentTemplate = templateMap.get(tem);
           const fieldsString = stringifyLabelWithField(
             currentTemplate.templateObj.label
           );
           return {
+            // fields: [BODY_FIELD],
             fields: makeFieldsWithInternalCode({
               hasBody,
               field: fieldsString,
@@ -5000,6 +5047,8 @@ var generateCollectionFromForestrySection = (args) => {
       const fieldsString = stringifyLabelWithField(template.templateObj.label);
       c = {
         ...baseCollection,
+        // fields: [BODY_FIELD],
+        // @ts-expect-error
         fields: makeFieldsWithInternalCode({
           field: fieldsString,
           hasBody,
@@ -5747,6 +5796,7 @@ var makeImportsVisitor = (sourceFile, importMap) => (ctx) => (node) => {
           ) : [];
           const newImports = [
             .../* @__PURE__ */ new Set([
+              // we use Set to remove duplicates
               ...existingImports,
               ...imports
             ])
@@ -5901,6 +5951,7 @@ var addSelfHostedTinaAuthToConfig = async (config2, configFile) => {
   );
   const { configImports, configAuthProviderClass, extraTinaCollections } = config2.authProvider;
   const importMap = {
+    // iterate over configImports and add them to the import map
     ...configImports.reduce((acc, { from, imported }) => {
       acc[from] = imported;
       return acc;
@@ -6075,7 +6126,13 @@ async function apply({
       config: config2
     });
   }
-  if (env.tinaConfigExists && params.isBackendInit && config2.hosting === "self-host" && (((_a = config2.authProvider) == null ? void 0 : _a.name) || "") !== "tina-cloud") {
+  if (
+    // if the config was just generated we do not need to update the config file because it will be generated correctly
+    env.tinaConfigExists && // Are we running tinacms init backend
+    params.isBackendInit && // Do the user choose the 'self-host' option
+    config2.hosting === "self-host" && // the user did not choose the 'tina-cloud' auth provider
+    (((_a = config2.authProvider) == null ? void 0 : _a.name) || "") !== "tina-cloud"
+  ) {
     await addSelfHostedTinaAuthToConfig(config2, env.generatedFiles["config"]);
   }
   logNextSteps({
@@ -6368,6 +6425,7 @@ var other = ({ packageManager }) => {
   const packageManagers = {
     pnpm: `pnpm`,
     npm: `npx`,
+    // npx is the way to run executables that aren't in your "scripts"
     yarn: `yarn`
   };
   return `${packageManagers[packageManager]} tinacms dev -c "<your dev command>"`;
@@ -6380,6 +6438,7 @@ var frameworkDevCmds = {
     const packageManagers = {
       pnpm: `pnpm`,
       npm: `npm run`,
+      // npx is the way to run executables that aren't in your "scripts"
       yarn: `yarn`
     };
     return `${packageManagers[packageManager]} dev`;
@@ -6637,5 +6696,3 @@ cli.register(import_clipanion8.Builtins.DefinitionsCommand);
 cli.register(import_clipanion8.Builtins.HelpCommand);
 cli.register(import_clipanion8.Builtins.VersionCommand);
 var src_default = cli;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});