@tinacms/cli 0.0.0-c45ac5d-20241213020122 → 0.0.0-c6a6335-20250416234606

package/dist/index.js

@@ -17,37 +17,34 @@ 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
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  default: () => src_default
+var index_exports = {};
+__export(index_exports, {
+  default: () => index_default
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 var import_clipanion8 = require("clipanion");
 
 // package.json
-var version = "1.6.13";
+var version = "1.9.5";
 
 // src/next/commands/dev-command/index.ts
-var import_clipanion2 = require("clipanion");
-var import_fs_extra6 = __toESM(require("fs-extra"));
 var import_path5 = __toESM(require("path"));
-var import_chokidar = __toESM(require("chokidar"));
 var import_graphql10 = require("@tinacms/graphql");
-
-// src/next/config-manager.ts
-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_path = __toESM(require("normalize-path"));
-var import_chalk2 = __toESM(require("chalk"));
+var import_search = require("@tinacms/search");
+var import_async_lock = __toESM(require("async-lock"));
+var import_chokidar = __toESM(require("chokidar"));
+var import_clipanion2 = require("clipanion");
+var import_fs_extra6 = __toESM(require("fs-extra"));
 
 // src/logger/index.ts
 var import_chalk = __toESM(require("chalk"));
@@ -57,7 +54,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,2102 +157,2180 @@ var S_SUCCESS = s("\u25C6", "*");
 var S_WARN = s("\u25B2", "!");
 var S_ERROR = s("\u25A0", "x");
 
-// src/next/config-manager.ts
-var TINA_FOLDER = "tina";
-var LEGACY_TINA_FOLDER = ".tina";
-var GENERATED_FOLDER = "__generated__";
-var GRAPHQL_JSON_FILE = "_graphql.json";
-var GRAPHQL_GQL_FILE = "schema.gql";
-var SCHEMA_JSON_FILE = "_schema.json";
-var LOOKUP_JSON_FILE = "_lookup.json";
-var ConfigManager = class {
-  constructor({
-    rootPath = process.cwd(),
-    tinaGraphQLVersion,
-    legacyNoSDK
-  }) {
-    this.rootPath = (0, import_normalize_path.default)(rootPath);
-    this.tinaGraphQLVersionFromCLI = tinaGraphQLVersion;
-    this.legacyNoSDK = legacyNoSDK;
-  }
-  isUsingTs() {
-    return [".ts", ".tsx"].includes(import_path.default.extname(this.tinaConfigFilePath));
-  }
-  hasSelfHostedConfig() {
-    return !!this.selfHostedDatabaseFilePath;
+// src/utils/spinner.ts
+var import_cli_spinner = require("cli-spinner");
+async function localSpin({
+  waitFor,
+  text
+}) {
+  const spinner = new import_cli_spinner.Spinner({
+    text: `${text} %s`,
+    stream: process.stderr,
+    onTick: function(msg) {
+      this.clearLine(this.stream);
+      this.stream.write(msg);
+    }
+  });
+  spinner.setSpinnerString("\u280B\u2819\u2839\u2838\u283C\u2834\u2826\u2827\u2807\u280F");
+  spinner.start();
+  const res = await waitFor();
+  spinner.stop();
+  console.log("");
+  return res;
+}
+function spin({
+  waitFor,
+  text
+}) {
+  if (process.env.CI) {
+    console.log(text);
+    return waitFor();
+  } else {
+    return localSpin({
+      text,
+      waitFor
+    });
   }
-  hasSeparateContentRoot() {
-    return this.rootPath !== this.contentRootPath;
+}
+
+// src/utils/theme.ts
+var import_chalk2 = __toESM(require("chalk"));
+var successText = import_chalk2.default.bold.green;
+var focusText = import_chalk2.default.bold;
+var dangerText = import_chalk2.default.bold.red;
+var neutralText = import_chalk2.default.bold.cyan;
+var linkText = import_chalk2.default.bold.cyan;
+var labelText = import_chalk2.default.bold;
+var cmdText = import_chalk2.default.inverse;
+var indentedCmd = (str) => {
+  return `  \u2503 ` + str;
+};
+var indentText = (str) => {
+  return String(str).split("\n").map((line) => `   ${line}`).join("\n");
+};
+var logText = import_chalk2.default.italic.gray;
+var warnText = import_chalk2.default.yellowBright.bgBlack;
+var titleText = import_chalk2.default.bgHex("d2f1f8").hex("ec4816");
+var CONFIRMATION_TEXT = import_chalk2.default.dim("enter to confirm");
+
+// src/next/codegen/index.ts
+var import_fs_extra = __toESM(require("fs-extra"));
+var import_path = __toESM(require("path"));
+var import_graphql5 = require("graphql");
+
+// src/next/codegen/codegen/index.ts
+var import_graphql4 = require("graphql");
+
+// src/next/codegen/codegen/plugin.ts
+var AddGeneratedClientFunc = (apiURL) => {
+  return (_schema, _documents, _config, _info) => {
+    return `
+// TinaSDK generated code
+import { createClient, TinaClient } from "tinacms/dist/client";
+
+const generateRequester = (
+  client: TinaClient,
+) => {
+  const requester: (
+    doc: any,
+    vars?: any,
+    options?: {
+      branch?: string,
+      /**
+       * Aside from \`method\` and \`body\`, all fetch options are passed
+       * through to underlying fetch request
+       */
+      fetchOptions?: Omit<Parameters<typeof fetch>[1], 'body' | 'method'>,
+    },
+    client
+  ) => Promise<any> = async (doc, vars, options) => {
+    let url = client.apiUrl
+    if (options?.branch) {
+      const index = client.apiUrl.lastIndexOf('/')
+      url = client.apiUrl.substring(0, index + 1) + options.branch
+    }
+    const data = await client.request({
+      query: doc,
+      variables: vars,
+      url,
+    }, options)
+
+    return { data: data?.data, errors: data?.errors, query: doc, variables: vars || {} }
   }
-  shouldSkipSDK() {
-    var _a;
-    if (this.legacyNoSDK) {
-      return this.legacyNoSDK;
+
+  return requester
+}
+
+/**
+ * @experimental this class can be used but may change in the future
+ **/
+export const ExperimentalGetTinaClient = () =>
+  getSdk(
+    generateRequester(
+      createClient({
+        url: "${apiURL}",
+        queries,
+      })
+    )
+  )
+
+export const queries = (
+  client: TinaClient,
+) => {
+  const requester = generateRequester(client)
+  return getSdk(requester)
+}
+`;
+  };
+};
+var AddGeneratedClient = (apiURL) => ({
+  plugin: AddGeneratedClientFunc(apiURL)
+});
+
+// src/next/codegen/codegen/index.ts
+var import_graphql_file_loader = require("@graphql-tools/graphql-file-loader");
+var import_core = require("@graphql-codegen/core");
+var import_load = require("@graphql-tools/load");
+var import_typescript_operations = require("@graphql-codegen/typescript-operations");
+var import_typescript = require("@graphql-codegen/typescript");
+
+// src/next/codegen/codegen/sdkPlugin/index.ts
+var import_graphql2 = require("graphql");
+var import_graphql3 = require("graphql");
+
+// src/next/codegen/codegen/sdkPlugin/visitor.ts
+var import_visitor_plugin_common = require("@graphql-codegen/visitor-plugin-common");
+var import_auto_bind = __toESM(require("auto-bind"));
+var import_graphql = require("graphql");
+var GenericSdkVisitor = class extends import_visitor_plugin_common.ClientSideBaseVisitor {
+  constructor(schema, fragments, rawConfig) {
+    super(schema, fragments, rawConfig, {
+      usingObservableFrom: rawConfig.usingObservableFrom
+    });
+    this._operationsToInclude = [];
+    (0, import_auto_bind.default)(this);
+    if (this.config.usingObservableFrom) {
+      this._additionalImports.push(this.config.usingObservableFrom);
+    }
+    if (this.config.documentMode !== import_visitor_plugin_common.DocumentMode.string) {
     }
-    return ((_a = this.config.client) == null ? void 0 : _a.skip) || false;
   }
-  async processConfig() {
-    this.tinaFolderPath = await this.getTinaFolderPath(this.rootPath);
-    this.envFilePath = import_path.default.resolve(
-      import_path.default.join(this.tinaFolderPath, "..", ".env")
-    );
-    dotenv.config({ path: this.envFilePath });
-    this.tinaConfigFilePath = await this.getPathWithExtension(
-      import_path.default.join(this.tinaFolderPath, "config")
-    );
-    if (!this.tinaConfigFilePath) {
+  buildOperation(node, documentVariableName, operationType, operationResultType, operationVariablesTypes) {
+    if (node.name == null) {
       throw new Error(
-        `Unable to find config file in ${this.tinaFolderPath}. Looking for a file named "config.{ts,tsx,js,jsx}"`
+        "Plugin 'generic-sdk' cannot generate SDK for unnamed operation.\n\n" + (0, import_graphql.print)(node)
       );
+    } else {
+      this._operationsToInclude.push({
+        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
+      });
     }
-    this.selfHostedDatabaseFilePath = await this.getPathWithExtension(
-      import_path.default.join(this.tinaFolderPath, "database")
-    );
-    this.generatedFolderPath = import_path.default.join(this.tinaFolderPath, GENERATED_FOLDER);
-    this.generatedCachePath = import_path.default.join(
-      this.generatedFolderPath,
-      ".cache",
-      String(new Date().getTime())
-    );
-    this.generatedGraphQLGQLPath = import_path.default.join(
-      this.generatedFolderPath,
-      GRAPHQL_GQL_FILE
-    );
-    this.generatedGraphQLJSONPath = import_path.default.join(
-      this.generatedFolderPath,
-      GRAPHQL_JSON_FILE
-    );
-    this.generatedSchemaJSONPath = import_path.default.join(
-      this.generatedFolderPath,
-      SCHEMA_JSON_FILE
-    );
-    this.generatedLookupJSONPath = import_path.default.join(
-      this.generatedFolderPath,
-      LOOKUP_JSON_FILE
-    );
-    this.generatedQueriesFilePath = import_path.default.join(
-      this.generatedFolderPath,
-      "queries.gql"
-    );
-    this.generatedFragmentsFilePath = import_path.default.join(
-      this.generatedFolderPath,
-      "frags.gql"
-    );
-    this.generatedTypesTSFilePath = import_path.default.join(
-      this.generatedFolderPath,
-      "types.ts"
-    );
-    this.generatedTypesJSFilePath = import_path.default.join(
-      this.generatedFolderPath,
-      "types.js"
-    );
-    this.generatedTypesDFilePath = import_path.default.join(
-      this.generatedFolderPath,
-      "types.d.ts"
-    );
-    this.userQueriesAndFragmentsGlob = import_path.default.join(
-      this.tinaFolderPath,
-      "queries/**/*.{graphql,gql}"
-    );
-    this.generatedQueriesAndFragmentsGlob = import_path.default.join(
-      this.generatedFolderPath,
-      "*.{graphql,gql}"
-    );
-    this.generatedClientTSFilePath = import_path.default.join(
-      this.generatedFolderPath,
-      "client.ts"
-    );
-    this.generatedClientJSFilePath = import_path.default.join(
-      this.generatedFolderPath,
-      "client.js"
-    );
-    this.generatedClientDFilePath = import_path.default.join(
-      this.generatedFolderPath,
-      "client.d.ts"
-    );
-    this.generatedDatabaseClientDFilePath = import_path.default.join(
-      this.generatedFolderPath,
-      "databaseClient.d.ts"
-    );
-    this.generatedDatabaseClientTSFilePath = import_path.default.join(
-      this.generatedFolderPath,
-      "databaseClient.ts"
-    );
-    this.generatedDatabaseClientJSFilePath = import_path.default.join(
-      this.generatedFolderPath,
-      "databaseClient.js"
-    );
-    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_extra.default.outputFile(this.generatedClientTSFilePath, file);
-      } else {
-        await import_fs_extra.default.outputFile(this.generatedClientJSFilePath, file);
-      }
-    }
-    const { config: config2, prebuildPath, watchList } = await this.loadConfigFile(
-      this.generatedFolderPath,
-      this.tinaConfigFilePath
-    );
-    this.watchList = watchList;
-    this.config = config2;
-    this.prebuildFilePath = prebuildPath;
-    this.publicFolderPath = import_path.default.join(
-      this.rootPath,
-      this.config.build.publicFolder
-    );
-    this.outputFolderPath = import_path.default.join(
-      this.publicFolderPath,
-      this.config.build.outputFolder
-    );
-    this.outputHTMLFilePath = import_path.default.join(this.outputFolderPath, "index.html");
-    this.outputGitignorePath = import_path.default.join(this.outputFolderPath, ".gitignore");
-    const fullLocalContentPath = import_path.default.join(
-      this.tinaFolderPath,
-      this.config.localContentPath || ""
-    );
-    if (this.config.localContentPath) {
-      const localContentPathExists = await import_fs_extra.default.pathExists(fullLocalContentPath);
-      if (localContentPathExists) {
-        logger.info(`Using separate content repo at ${fullLocalContentPath}`);
-        this.contentRootPath = fullLocalContentPath;
-      } else {
-        logger.warn(
-          `${import_chalk2.default.yellow("Warning:")} The localContentPath ${import_chalk2.default.cyan(
-            fullLocalContentPath
-          )} does not exist. Please create it or remove the localContentPath from your config file at ${import_chalk2.default.cyan(
-            this.tinaConfigFilePath
-          )}`
-        );
-      }
-    }
-    if (!this.contentRootPath) {
-      this.contentRootPath = this.rootPath;
-    }
-    this.generatedFolderPathContentRepo = import_path.default.join(
-      await this.getTinaFolderPath(this.contentRootPath),
-      GENERATED_FOLDER
-    );
-    this.spaMainPath = require.resolve("@tinacms/app");
-    this.spaRootPath = import_path.default.join(this.spaMainPath, "..", "..");
-  }
-  async getTinaFolderPath(rootPath) {
-    const tinaFolderPath = import_path.default.join(rootPath, TINA_FOLDER);
-    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_extra.default.pathExists(legacyFolderPath);
-    if (legacyFolderExists) {
-      this.isUsingLegacyFolder = true;
-      return legacyFolderPath;
-    }
-    throw new Error(
-      `Unable to find Tina folder, if you're working in folder outside of the Tina config be sure to specify --rootPath`
-    );
+    return null;
   }
-  getTinaGraphQLVersion() {
-    var _a, _b;
-    if (this.tinaGraphQLVersionFromCLI) {
-      return this.tinaGraphQLVersionFromCLI;
-    }
-    const generatedSchema = import_fs_extra.default.readJSONSync(this.generatedSchemaJSONPath);
-    if (!generatedSchema || !(typeof (generatedSchema == null ? void 0 : generatedSchema.version) !== "undefined") || !(typeof ((_a = generatedSchema == null ? void 0 : generatedSchema.version) == null ? void 0 : _a.major) === "string") || !(typeof ((_b = generatedSchema == null ? void 0 : generatedSchema.version) == null ? void 0 : _b.minor) === "string")) {
-      throw new Error(
-        `Can not find Tina GraphQL version in ${this.generatedSchemaJSONPath}`
+  get sdkContent() {
+    const usingObservable = !!this.config.usingObservableFrom;
+    const allPossibleActions = this._operationsToInclude.map((o) => {
+      const optionalVariables = !o.node.variableDefinitions || o.node.variableDefinitions.length === 0 || o.node.variableDefinitions.every(
+        (v) => v.type.kind !== import_graphql.Kind.NON_NULL_TYPE || v.defaultValue
       );
-    }
-    return `${generatedSchema.version.major}.${generatedSchema.version.minor}`;
+      const returnType = usingObservable && o.operationType === "Subscription" ? "Observable" : "Promise";
+      return `${o.node.name.value}(variables${optionalVariables ? "?" : ""}: ${o.operationVariablesTypes}, options?: C): ${returnType}<${o.operationResultType}> {
+    return requester<${o.operationResultType}, ${o.operationVariablesTypes}>(${o.documentVariableName}, variables, options);
+  }`;
+    }).map((s2) => (0, import_visitor_plugin_common.indentMultiline)(s2, 2));
+    return `export type Requester<C= {}> = <R, V>(doc: ${this.config.documentMode === import_visitor_plugin_common.DocumentMode.string ? "string" : "DocumentNode"}, vars?: V, options?: C) => ${usingObservable ? "Promise<R> & Observable<R>" : "Promise<R>"}
+  export function getSdk<C>(requester: Requester<C>) {
+    return {
+  ${allPossibleActions.join(",\n")}
+    };
   }
-  printGeneratedClientFilePath() {
-    if (this.isUsingTs()) {
-      return this.generatedClientTSFilePath.replace(`${this.rootPath}/`, "");
-    }
-    return this.generatedClientJSFilePath.replace(`${this.rootPath}/`, "");
+  export type Sdk = ReturnType<typeof getSdk>;`;
   }
-  printGeneratedTypesFilePath() {
-    return this.generatedTypesTSFilePath.replace(`${this.rootPath}/`, "");
+};
+
+// src/next/codegen/codegen/sdkPlugin/index.ts
+var plugin = (schema, documents, config2) => {
+  const allAst = (0, import_graphql3.concatAST)(
+    documents.reduce((prev, v) => {
+      return [...prev, v.document];
+    }, [])
+  );
+  const allFragments = [
+    ...allAst.definitions.filter(
+      (d) => d.kind === import_graphql3.Kind.FRAGMENT_DEFINITION
+    ).map((fragmentDef) => ({
+      node: fragmentDef,
+      name: fragmentDef.name.value,
+      onType: fragmentDef.typeCondition.name.value,
+      isExternal: false
+    })),
+    ...config2.externalFragments || []
+  ];
+  const visitor = new GenericSdkVisitor(schema, allFragments, config2);
+  const visitorResult = (0, import_graphql2.visit)(allAst, { leave: visitor });
+  return {
+    // We will take care of imports
+    // prepend: visitor.getImports(),
+    content: [
+      visitor.fragments,
+      ...visitorResult.definitions.filter((t) => typeof t === "string"),
+      visitor.sdkContent
+    ].join("\n")
+  };
+};
+
+// src/next/codegen/codegen/index.ts
+var generateTypes = async (schema, queryPathGlob = process.cwd(), fragDocPath = process.cwd(), apiURL) => {
+  let docs = [];
+  let fragDocs = [];
+  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_graphql4.parse)((0, import_graphql4.printSchema)(schema)),
+    documents: [...docs, ...fragDocs],
+    config: {},
+    plugins: [
+      { typescript: {} },
+      { typescriptOperations: {} },
+      {
+        typescriptSdk: {}
+      },
+      { AddGeneratedClient: {} }
+    ],
+    pluginMap: {
+      typescript: {
+        plugin: import_typescript.plugin
+      },
+      typescriptOperations: {
+        plugin: import_typescript_operations.plugin
+      },
+      typescriptSdk: {
+        plugin
+      },
+      AddGeneratedClient: AddGeneratedClient(apiURL)
+    }
+  });
+  return res;
+};
+var loadGraphQLDocuments = async (globPath) => {
+  let result = [];
+  try {
+    result = await (0, import_load.loadDocuments)(globPath, {
+      loaders: [new import_graphql_file_loader.GraphQLFileLoader()]
+    });
+  } catch (e) {
+    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;
+    }
   }
-  printoutputHTMLFilePath() {
-    return this.outputHTMLFilePath.replace(`${this.publicFolderPath}/`, "");
+  return result;
+};
+
+// src/next/codegen/index.ts
+var import_esbuild = require("esbuild");
+var import_graphql6 = require("@tinacms/graphql");
+var import_normalize_path = __toESM(require("normalize-path"));
+var TINA_HOST = "content.tinajs.io";
+var Codegen = class {
+  constructor({
+    configManager,
+    port,
+    queryDoc,
+    fragDoc,
+    isLocal,
+    graphqlSchemaDoc,
+    tinaSchema,
+    lookup,
+    noClientBuildCache
+  }) {
+    this.isLocal = isLocal;
+    this.graphqlSchemaDoc = graphqlSchemaDoc;
+    this.configManager = configManager;
+    this.port = port;
+    this.schema = (0, import_graphql5.buildASTSchema)(graphqlSchemaDoc);
+    this.tinaSchema = tinaSchema;
+    this.queryDoc = queryDoc;
+    this.fragDoc = fragDoc;
+    this.lookup = lookup;
+    this.noClientBuildCache = noClientBuildCache;
   }
-  printRelativePath(filename) {
-    if (filename) {
-      return filename.replace(/\\/g, "/").replace(`${this.rootPath}/`, "");
+  async writeConfigFile(fileName, data) {
+    const filePath = import_path.default.join(
+      this.configManager.generatedFolderPath,
+      fileName
+    );
+    await import_fs_extra.default.ensureFile(filePath);
+    await import_fs_extra.default.outputFile(filePath, data);
+    if (this.configManager.hasSeparateContentRoot()) {
+      const filePath2 = import_path.default.join(
+        this.configManager.generatedFolderPathContentRepo,
+        fileName
+      );
+      await import_fs_extra.default.ensureFile(filePath2);
+      await import_fs_extra.default.outputFile(filePath2, data);
     }
-    throw `No path provided to print`;
   }
-  printPrebuildFilePath() {
-    return this.prebuildFilePath.replace(/\\/g, "/").replace(`${this.rootPath}/${this.tinaFolderPath}/`, "");
+  async removeGeneratedFilesIfExists() {
+    await unlinkIfExists(this.configManager.generatedClientJSFilePath);
+    await unlinkIfExists(this.configManager.generatedTypesDFilePath);
+    await unlinkIfExists(this.configManager.generatedTypesJSFilePath);
+    await unlinkIfExists(this.configManager.generatedTypesTSFilePath);
+    await unlinkIfExists(this.configManager.generatedClientTSFilePath);
+    await unlinkIfExists(this.configManager.generatedQueriesFilePath);
+    await unlinkIfExists(this.configManager.generatedFragmentsFilePath);
   }
-  printContentRelativePath(filename) {
-    if (filename) {
-      return filename.replace(/\\/g, "/").replace(`${this.contentRootPath}/`, "");
+  async execute() {
+    await this.writeConfigFile(
+      "_graphql.json",
+      JSON.stringify(this.graphqlSchemaDoc)
+    );
+    const { search, ...rest } = this.tinaSchema.schema.config;
+    this.tinaSchema.schema.config = rest;
+    await this.writeConfigFile(
+      "_schema.json",
+      JSON.stringify(this.tinaSchema.schema)
+    );
+    await this.writeConfigFile("_lookup.json", JSON.stringify(this.lookup));
+    const { apiURL, localUrl, tinaCloudUrl } = this._createApiUrl();
+    this.apiURL = apiURL;
+    this.localUrl = localUrl;
+    this.productionUrl = tinaCloudUrl;
+    if (this.configManager.shouldSkipSDK()) {
+      await this.removeGeneratedFilesIfExists();
+      return apiURL;
     }
-    throw `No path provided to print`;
-  }
-  async getPathWithExtension(filepath) {
-    const extensions = ["tsx", "ts", "jsx", "js"];
-    let result;
-    await Promise.all(
-      extensions.map(async (ext) => {
-        if (result) {
-          return;
-        }
-        const filepathWithExtension = `${filepath}.${ext}`;
-        const exists = import_fs_extra.default.existsSync(filepathWithExtension);
-        if (exists) {
-          result = filepathWithExtension;
-        }
-      })
+    await import_fs_extra.default.outputFile(
+      this.configManager.generatedQueriesFilePath,
+      this.queryDoc
     );
-    return result;
-  }
-  async loadDatabaseFile() {
-    const tmpdir = import_path.default.join(import_os.default.tmpdir(), Date.now().toString());
-    const outfile = import_path.default.join(tmpdir, "database.build.js");
-    await esbuild.build({
-      entryPoints: [this.selfHostedDatabaseFilePath],
-      bundle: true,
-      platform: "node",
-      outfile,
-      loader: loaders
-    });
-    const result = require(outfile);
-    import_fs_extra.default.removeSync(outfile);
-    return result.default;
-  }
-  async loadConfigFile(generatedFolderPath, configFilePath) {
-    const tmpdir = import_path.default.join(import_os.default.tmpdir(), Date.now().toString());
-    const prebuild = import_path.default.join(this.generatedFolderPath, "config.prebuild.jsx");
-    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");
-    import_fs_extra.default.outputFileSync(tempTSConfigFile, "{}");
-    const result2 = await esbuild.build({
-      entryPoints: [configFilePath],
-      bundle: true,
-      target: ["es2020"],
-      platform: "browser",
-      format: "esm",
-      logLevel: "silent",
-      packages: "external",
-      ignoreAnnotations: true,
-      outfile: prebuild,
-      loader: loaders,
-      metafile: true
-    });
-    const flattenedList = [];
-    Object.keys(result2.metafile.inputs).forEach((key) => {
-      if (key.includes("node_modules") || key.includes("__generated__")) {
-        return;
+    await import_fs_extra.default.outputFile(
+      this.configManager.generatedFragmentsFilePath,
+      this.fragDoc
+    );
+    await maybeWarnFragmentSize(this.configManager.generatedFragmentsFilePath);
+    const { clientString } = await this.genClient();
+    const databaseClientString = this.configManager.hasSelfHostedConfig() ? await this.genDatabaseClient() : "";
+    const { codeString, schemaString } = await this.genTypes();
+    await import_fs_extra.default.outputFile(
+      this.configManager.generatedGraphQLGQLPath,
+      schemaString
+    );
+    if (this.configManager.isUsingTs()) {
+      await import_fs_extra.default.outputFile(
+        this.configManager.generatedTypesTSFilePath,
+        codeString
+      );
+      await import_fs_extra.default.outputFile(
+        this.configManager.generatedClientTSFilePath,
+        clientString
+      );
+      if (this.configManager.hasSelfHostedConfig()) {
+        await import_fs_extra.default.outputFile(
+          this.configManager.generatedDatabaseClientTSFilePath,
+          databaseClientString
+        );
+      }
+      await unlinkIfExists(this.configManager.generatedClientJSFilePath);
+      await unlinkIfExists(this.configManager.generatedTypesDFilePath);
+      await unlinkIfExists(this.configManager.generatedTypesJSFilePath);
+    } else {
+      await import_fs_extra.default.outputFile(
+        this.configManager.generatedTypesDFilePath,
+        codeString
+      );
+      const jsTypes = await (0, import_esbuild.transform)(codeString, { loader: "ts" });
+      await import_fs_extra.default.outputFile(
+        this.configManager.generatedTypesJSFilePath,
+        jsTypes.code
+      );
+      await import_fs_extra.default.outputFile(
+        this.configManager.generatedClientDFilePath,
+        clientString
+      );
+      const jsClient = await (0, import_esbuild.transform)(clientString, { loader: "ts" });
+      await import_fs_extra.default.outputFile(
+        this.configManager.generatedClientJSFilePath,
+        jsClient.code
+      );
+      await unlinkIfExists(this.configManager.generatedTypesTSFilePath);
+      await unlinkIfExists(this.configManager.generatedClientTSFilePath);
+      if (this.configManager.hasSelfHostedConfig()) {
+        const jsDatabaseClient = await (0, import_esbuild.transform)(databaseClientString, {
+          loader: "ts"
+        });
+        await import_fs_extra.default.outputFile(
+          this.configManager.generatedDatabaseClientJSFilePath,
+          jsDatabaseClient.code
+        );
+        await import_fs_extra.default.outputFile(
+          this.configManager.generatedDatabaseClientDFilePath,
+          databaseClientString
+        );
+        await unlinkIfExists(
+          this.configManager.generatedDatabaseClientTSFilePath
+        );
       }
-      flattenedList.push(key);
-    });
-    await esbuild.build({
-      entryPoints: [configFilePath],
-      bundle: true,
-      target: ["es2020"],
-      logLevel: "silent",
-      platform: "node",
-      outfile,
-      loader: loaders
-    });
-    await esbuild.build({
-      entryPoints: [outfile],
-      bundle: true,
-      logLevel: "silent",
-      platform: "node",
-      outfile: outfile2,
-      loader: loaders
-    });
-    let result;
-    try {
-      result = require(outfile2);
-    } catch (e) {
-      console.error("Unexpected error loading config");
-      console.error(e);
-      throw e;
     }
-    import_fs_extra.default.removeSync(outfile);
-    import_fs_extra.default.removeSync(outfile2);
-    return {
-      config: result.default,
-      prebuildPath: prebuild,
-      watchList: flattenedList
-    };
+    return apiURL;
   }
-};
-var loaders = {
-  ".aac": "file",
-  ".css": "file",
-  ".eot": "file",
-  ".flac": "file",
-  ".gif": "file",
-  ".jpeg": "file",
-  ".jpg": "file",
-  ".json": "json",
-  ".mp3": "file",
-  ".mp4": "file",
-  ".ogg": "file",
-  ".otf": "file",
-  ".png": "file",
-  ".svg": "file",
-  ".ttf": "file",
-  ".wav": "file",
-  ".webm": "file",
-  ".webp": "file",
-  ".woff": "file",
-  ".woff2": "file",
-  ".js": "jsx",
-  ".jsx": "jsx",
-  ".tsx": "tsx"
-};
+  _createApiUrl() {
+    var _a, _b, _c, _d;
+    const branch = (_a = this.configManager.config) == null ? void 0 : _a.branch;
+    const clientId = (_b = this.configManager.config) == null ? void 0 : _b.clientId;
+    const token = (_c = this.configManager.config) == null ? void 0 : _c.token;
+    const fullVersion = this.configManager.getTinaGraphQLVersion();
+    const version2 = `${fullVersion.major}.${fullVersion.minor}`;
+    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");
+      throw new Error(
+        `Client not configured properly. Missing ${missing.join(
+          ", "
+        )}. Please visit https://tina.io/docs/tina-cloud/overview for more information`
+      );
+    }
+    let localUrl = `http://localhost:${this.port}/graphql`;
+    let tinaCloudUrl = `${baseUrl}/${version2}/content/${clientId}/github/${branch}`;
+    let apiURL = this.isLocal ? `http://localhost:${this.port}/graphql` : `${baseUrl}/${version2}/content/${clientId}/github/${branch}`;
+    if (this.configManager.config.contentApiUrlOverride) {
+      apiURL = this.configManager.config.contentApiUrlOverride;
+      localUrl = apiURL;
+      tinaCloudUrl = apiURL;
+    }
+    return { apiURL, localUrl, tinaCloudUrl };
+  }
+  getApiURL() {
+    if (!this.apiURL)
+      throw new Error("apiURL not set. Please run execute() first");
+    return this.apiURL;
+  }
+  async genDatabaseClient() {
+    var _a, _b;
+    const authCollection = this.tinaSchema.getCollections().find((c) => c.isAuthCollection);
+    let authFields = [];
+    if (authCollection) {
+      const usersFields = (0, import_graphql6.mapUserFields)(authCollection, []);
+      if (usersFields.length === 0) {
+        throw new Error("No user field found");
+      }
+      if (usersFields.length > 1) {
+        throw new Error("Only one user field is allowed");
+      }
+      authFields = (_b = (_a = usersFields[0]) == null ? void 0 : _a.collectable) == null ? void 0 : _b.fields.map((f) => {
+        if (f.type !== "password" && f.type !== "object") {
+          if (f.uid) {
+            return `id:${f.name}`;
+          } else {
+            return `${f.name}`;
+          }
+        } else if (f.type === "password") {
+          return `_password: ${f.name} { passwordChangeRequired }`;
+        }
+      });
+    }
+    return `// @ts-nocheck
+import { resolve } from "@tinacms/datalayer";
+import type { TinaClient } from "tinacms/dist/client";
 
-// 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;
+import { queries } from "./types";
+import database from "../database";
+
+export async function databaseRequest({ query, variables, user }) {
+  const result = await resolve({
+    config: {
+      useRelativeMedia: true,
+    },
+    database,
+    query,
+    variables,
+    verbose: true,
+    ctxUser: user,
+  });
+
+  return result;
 }
-#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);
+
+export async function authenticate({ username, password }) {
+    return databaseRequest({
+      query: \`query auth($username:String!, $password:String!) {
+              authenticate(sub:$username, password:$password) {
+               ${authFields.join(" ")}
+              }
+            }\`,
+      variables: { username, password },
+    })
 }
-#no-assets-placeholder h1 {
-  font-size: 24px;
-  margin-bottom: 20px;
+
+export async function authorize(user: { sub: string }) {
+  return databaseRequest({
+    query: \`query authz { authorize { ${authFields.join(" ")}} }\`,
+    variables: {},
+    user
+  })
 }
-#no-assets-placeholder p {
-  margin-bottom: 10px;
+
+function createDatabaseClient<GenQueries = Record<string, unknown>>({
+  queries,
+}: {
+  queries: (client: {
+    request: TinaClient<GenQueries>["request"];
+  }) => GenQueries;
+}) {
+  const request = async ({ query, variables, user }) => {
+    const data = await databaseRequest({ query, variables, user });
+    return { data: data.data as any, query, variables, errors: data.errors || null };
+  };
+  const q = queries({
+    request,
+  });
+  return { queries: q, request, authenticate, authorize };
 }
-#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>`;
+export const databaseClient = createDatabaseClient({ queries });
 
-// 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;
+export const client = databaseClient;
+
+export default databaseClient;
+`;
+  }
+  async genClient() {
+    var _a, _b, _c;
+    const token = (_a = this.configManager.config) == null ? void 0 : _a.token;
+    const errorPolicy = (_c = (_b = this.configManager.config) == null ? void 0 : _b.client) == null ? void 0 : _c.errorPolicy;
+    const apiURL = this.getApiURL();
+    const clientString = `import { createClient } from "tinacms/dist/client";
+import { queries } from "./types";
+export const client = createClient({ ${this.noClientBuildCache === false ? `cacheDir: '${(0, import_normalize_path.default)(
+      this.configManager.generatedCachePath
+    )}', ` : ""}url: '${apiURL}', token: '${token}', queries, ${errorPolicy ? `errorPolicy: '${errorPolicy}'` : ""} });
+export default client;
+  `;
+    return { apiURL, clientString };
+  }
+  async genTypes() {
+    const typescriptTypes = await generateTypes(
+      this.schema,
+      this.configManager.userQueriesAndFragmentsGlob,
+      this.configManager.generatedQueriesAndFragmentsGlob,
+      this.getApiURL()
+    );
+    const codeString = `//@ts-nocheck
+  // DO NOT MODIFY THIS FILE. This file is automatically generated by Tina
+  export function gql(strings: TemplateStringsArray, ...args: string[]): string {
+    let str = ''
+    strings.forEach((string, i) => {
+      str += string + (args[i] || '')
+    })
+    return str
+  }
+  ${typescriptTypes}
+  `;
+    const schemaString = `# DO NOT MODIFY THIS FILE. This file is automatically generated by Tina
+${(0, import_graphql5.printSchema)(this.schema)}
+schema {
+  query: Query
+  mutation: Mutation
+}
+`;
+    return { codeString, schemaString };
+  }
 };
-var indentText = (str) => {
-  return String(str).split("\n").map((line) => `   ${line}`).join("\n");
+var maybeWarnFragmentSize = async (filepath) => {
+  if (
+    // is the file bigger than 100kb?
+    (await import_fs_extra.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."
+    );
+    console.log(
+      `const schema = defineSchema({
+          client: {
+              referenceDepth: 1,
+          },
+        // ...
+    })`
+    );
+  }
+};
+var unlinkIfExists = async (filepath) => {
+  if (import_fs_extra.default.existsSync(filepath)) {
+    import_fs_extra.default.unlinkSync(filepath);
+  }
 };
-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"));
+// src/next/config-manager.ts
 var import_fs_extra2 = __toESM(require("fs-extra"));
+var import_path2 = __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_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_extra2.default.pathExists(fullDirectoryPath);
-  if (!exists) {
-    return { "0": [] };
+var import_chalk3 = __toESM(require("chalk"));
+var TINA_FOLDER = "tina";
+var LEGACY_TINA_FOLDER = ".tina";
+var GENERATED_FOLDER = "__generated__";
+var GRAPHQL_JSON_FILE = "_graphql.json";
+var GRAPHQL_GQL_FILE = "schema.gql";
+var SCHEMA_JSON_FILE = "_schema.json";
+var LOOKUP_JSON_FILE = "_lookup.json";
+var ConfigManager = class {
+  constructor({
+    rootPath = process.cwd(),
+    tinaGraphQLVersion,
+    legacyNoSDK
+  }) {
+    this.rootPath = (0, import_normalize_path2.default)(rootPath);
+    this.tinaGraphQLVersionFromCLI = tinaGraphQLVersion;
+    this.legacyNoSDK = legacyNoSDK;
   }
-  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);
+  isUsingTs() {
+    return [".ts", ".tsx"].includes(import_path2.default.extname(this.tinaConfigFilePath));
   }
-  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;
+  hasSelfHostedConfig() {
+    return !!this.selfHostedDatabaseFilePath;
   }
-  return chunkArrayIntoObject(staticMediaItems, 20);
-}
-var createConfig = async ({
-  configManager,
-  database,
-  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);
-      }
+  hasSeparateContentRoot() {
+    return this.rootPath !== this.contentRootPath;
+  }
+  shouldSkipSDK() {
+    var _a;
+    if (this.legacyNoSDK) {
+      return this.legacyNoSDK;
     }
-  });
-  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, `[]`);
+    return ((_a = this.config.client) == null ? void 0 : _a.skip) || false;
   }
-  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"
+  async processConfig() {
+    this.tinaFolderPath = await this.getTinaFolderPath(this.rootPath);
+    this.envFilePath = import_path2.default.resolve(
+      import_path2.default.join(this.tinaFolderPath, "..", ".env")
     );
-  } else {
-    alias["CLIENT_IMPORT"] = configManager.isUsingTs() ? configManager.generatedTypesTSFilePath : configManager.generatedTypesJSFilePath;
-  }
-  let basePath;
-  if (configManager.config.build.basePath) {
-    basePath = configManager.config.build.basePath;
-  }
-  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: {
-      "process.env": `new Object(${JSON.stringify(publicEnv)})`,
-      "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__: `"${configManager.getTinaGraphQLVersion()}"`
-    },
-    logLevel: "error",
-    optimizeDeps: {
-      force: true,
-      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: ["**/*"]
-      } : {
-        ignored: [
-          `${configManager.tinaFolderPath}/**/!(config.prebuild.jsx|_graphql.json)`
-        ]
-      },
-      fs: {
-        strict: false
+    dotenv.config({ path: this.envFilePath });
+    this.tinaConfigFilePath = await this.getPathWithExtension(
+      import_path2.default.join(this.tinaFolderPath, "config")
+    );
+    if (!this.tinaConfigFilePath) {
+      throw new Error(
+        `Unable to find config file in ${this.tinaFolderPath}. Looking for a file named "config.{ts,tsx,js,jsx}"`
+      );
+    }
+    this.selfHostedDatabaseFilePath = await this.getPathWithExtension(
+      import_path2.default.join(this.tinaFolderPath, "database")
+    );
+    this.generatedFolderPath = import_path2.default.join(this.tinaFolderPath, GENERATED_FOLDER);
+    this.generatedCachePath = import_path2.default.join(
+      this.generatedFolderPath,
+      ".cache",
+      String((/* @__PURE__ */ new Date()).getTime())
+    );
+    this.generatedGraphQLGQLPath = import_path2.default.join(
+      this.generatedFolderPath,
+      GRAPHQL_GQL_FILE
+    );
+    this.generatedGraphQLJSONPath = import_path2.default.join(
+      this.generatedFolderPath,
+      GRAPHQL_JSON_FILE
+    );
+    this.generatedSchemaJSONPath = import_path2.default.join(
+      this.generatedFolderPath,
+      SCHEMA_JSON_FILE
+    );
+    this.generatedLookupJSONPath = import_path2.default.join(
+      this.generatedFolderPath,
+      LOOKUP_JSON_FILE
+    );
+    this.generatedQueriesFilePath = import_path2.default.join(
+      this.generatedFolderPath,
+      "queries.gql"
+    );
+    this.generatedFragmentsFilePath = import_path2.default.join(
+      this.generatedFolderPath,
+      "frags.gql"
+    );
+    this.generatedTypesTSFilePath = import_path2.default.join(
+      this.generatedFolderPath,
+      "types.ts"
+    );
+    this.generatedTypesJSFilePath = import_path2.default.join(
+      this.generatedFolderPath,
+      "types.js"
+    );
+    this.generatedTypesDFilePath = import_path2.default.join(
+      this.generatedFolderPath,
+      "types.d.ts"
+    );
+    this.userQueriesAndFragmentsGlob = import_path2.default.join(
+      this.tinaFolderPath,
+      "queries/**/*.{graphql,gql}"
+    );
+    this.generatedQueriesAndFragmentsGlob = import_path2.default.join(
+      this.generatedFolderPath,
+      "*.{graphql,gql}"
+    );
+    this.generatedClientTSFilePath = import_path2.default.join(
+      this.generatedFolderPath,
+      "client.ts"
+    );
+    this.generatedClientJSFilePath = import_path2.default.join(
+      this.generatedFolderPath,
+      "client.js"
+    );
+    this.generatedClientDFilePath = import_path2.default.join(
+      this.generatedFolderPath,
+      "client.d.ts"
+    );
+    this.generatedDatabaseClientDFilePath = import_path2.default.join(
+      this.generatedFolderPath,
+      "databaseClient.d.ts"
+    );
+    this.generatedDatabaseClientTSFilePath = import_path2.default.join(
+      this.generatedFolderPath,
+      "databaseClient.ts"
+    );
+    this.generatedDatabaseClientJSFilePath = import_path2.default.join(
+      this.generatedFolderPath,
+      "databaseClient.js"
+    );
+    const clientExists = this.isUsingTs() ? await import_fs_extra2.default.pathExists(this.generatedClientTSFilePath) : await import_fs_extra2.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);
+      } else {
+        await import_fs_extra2.default.outputFile(this.generatedClientJSFilePath, file);
       }
-    },
-    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/next/vite/plugins.ts
-var import_pluginutils = require("@rollup/pluginutils");
-var import_fs = __toESM(require("fs"));
-var import_vite2 = require("vite");
-var import_esbuild = require("esbuild");
-var import_path3 = __toESM(require("path"));
-var import_body_parser = __toESM(require("body-parser"));
-var import_cors = __toESM(require("cors"));
-var import_graphql = require("@tinacms/graphql");
-
-// src/next/commands/dev-command/server/media.ts
-var import_fs_extra3 = __toESM(require("fs-extra"));
-var import_path2 = __toESM(require("path"));
-var import_busboy = __toESM(require("busboy"));
-var createMediaRouter = (config2) => {
-  const mediaFolder = import_path2.default.join(
-    config2.rootPath,
-    config2.publicFolder,
-    config2.mediaRoot
-  );
-  const mediaModel = new MediaModel(config2);
-  const handleList = async (req, res) => {
-    const requestURL = new URL(req.url, config2.apiURL);
-    const folder = requestURL.pathname.replace("/media/list/", "");
-    const limit = requestURL.searchParams.get("limit");
-    const cursor = requestURL.searchParams.get("cursor");
-    const media = await mediaModel.listMedia({
-      searchPath: folder,
-      cursor,
-      limit
-    });
-    res.end(JSON.stringify(media));
-  };
-  const handleDelete = async (req, res) => {
-    const file = decodeURIComponent(req.url.slice("/media/".length));
-    const didDelete = await mediaModel.deleteMedia({ searchPath: file });
-    res.end(JSON.stringify(didDelete));
-  };
-  const handlePost = async function(req, res) {
-    const bb = (0, import_busboy.default)({ headers: req.headers });
-    bb.on("file", async (_name, file, _info) => {
-      var _a;
-      const fullPath = decodeURI((_a = req.url) == null ? void 0 : _a.slice("/media/upload/".length));
-      const saveTo = import_path2.default.join(mediaFolder, ...fullPath.split("/"));
-      await import_fs_extra3.default.ensureDir(import_path2.default.dirname(saveTo));
-      file.pipe(import_fs_extra3.default.createWriteStream(saveTo));
-    });
-    bb.on("error", (error) => {
-      res.statusCode = 500;
-      if (error instanceof Error) {
-        res.end(JSON.stringify({ message: error }));
+    }
+    const { config: config2, prebuildPath, watchList } = await this.loadConfigFile(
+      this.generatedFolderPath,
+      this.tinaConfigFilePath
+    );
+    this.watchList = watchList;
+    this.config = config2;
+    this.prebuildFilePath = prebuildPath;
+    this.publicFolderPath = import_path2.default.join(
+      this.rootPath,
+      this.config.build.publicFolder
+    );
+    this.outputFolderPath = import_path2.default.join(
+      this.publicFolderPath,
+      this.config.build.outputFolder
+    );
+    this.outputHTMLFilePath = import_path2.default.join(this.outputFolderPath, "index.html");
+    this.outputGitignorePath = import_path2.default.join(this.outputFolderPath, ".gitignore");
+    const fullLocalContentPath = import_path2.default.join(
+      this.tinaFolderPath,
+      this.config.localContentPath || ""
+    );
+    if (this.config.localContentPath) {
+      const localContentPathExists = await import_fs_extra2.default.pathExists(fullLocalContentPath);
+      if (localContentPathExists) {
+        logger.info(`Using separate content repo at ${fullLocalContentPath}`);
+        this.contentRootPath = fullLocalContentPath;
       } else {
-        res.end(JSON.stringify({ message: "Unknown error while uploading" }));
+        logger.warn(
+          `${import_chalk3.default.yellow("Warning:")} The localContentPath ${import_chalk3.default.cyan(
+            fullLocalContentPath
+          )} does not exist. Please create it or remove the localContentPath from your config file at ${import_chalk3.default.cyan(
+            this.tinaConfigFilePath
+          )}`
+        );
       }
-    });
-    bb.on("close", () => {
-      res.statusCode = 200;
-      res.end(JSON.stringify({ success: true }));
-    });
-    req.pipe(bb);
-  };
-  return { handleList, handleDelete, handlePost };
-};
-var parseMediaFolder = (str) => {
-  let returnString = str;
-  if (returnString.startsWith("/"))
-    returnString = returnString.substr(1);
-  if (returnString.endsWith("/"))
-    returnString = returnString.substr(0, returnString.length - 1);
-  return returnString;
-};
-var MediaModel = class {
-  constructor({ rootPath, publicFolder, mediaRoot }) {
-    this.rootPath = rootPath;
-    this.mediaRoot = mediaRoot;
-    this.publicFolder = publicFolder;
+    }
+    if (!this.contentRootPath) {
+      this.contentRootPath = this.rootPath;
+    }
+    this.generatedFolderPathContentRepo = import_path2.default.join(
+      await this.getTinaFolderPath(this.contentRootPath),
+      GENERATED_FOLDER
+    );
+    this.spaMainPath = require.resolve("@tinacms/app");
+    this.spaRootPath = import_path2.default.join(this.spaMainPath, "..", "..");
   }
-  async listMedia(args) {
-    try {
-      const folderPath = (0, import_path2.join)(
-        this.rootPath,
-        this.publicFolder,
-        this.mediaRoot,
-        args.searchPath
-      );
-      const searchPath = parseMediaFolder(args.searchPath);
-      if (!await import_fs_extra3.default.pathExists(folderPath)) {
-        return {
-          files: [],
-          directories: []
-        };
-      }
-      const filesStr = await import_fs_extra3.default.readdir(folderPath);
-      const filesProm = filesStr.map(async (file) => {
-        const filePath = (0, import_path2.join)(folderPath, file);
-        const stat = await import_fs_extra3.default.stat(filePath);
-        let src = `/${file}`;
-        const isFile = stat.isFile();
-        if (!isFile) {
-          return {
-            isFile,
-            size: stat.size,
-            src,
-            filename: file
-          };
-        }
-        if (searchPath) {
-          src = `/${searchPath}${src}`;
-        }
-        if (this.mediaRoot) {
-          src = `/${this.mediaRoot}${src}`;
-        }
-        return {
-          isFile,
-          size: stat.size,
-          src,
-          filename: file
-        };
-      });
-      const offset = Number(args.cursor) || 0;
-      const limit = Number(args.limit) || 20;
-      const rawItems = await Promise.all(filesProm);
-      const sortedItems = rawItems.sort((a, b) => {
-        if (a.isFile && !b.isFile) {
-          return 1;
-        }
-        if (!a.isFile && b.isFile) {
-          return -1;
-        }
-        return 0;
-      });
-      const limitItems = sortedItems.slice(offset, offset + limit);
-      const files = limitItems.filter((x) => x.isFile);
-      const directories = limitItems.filter((x) => !x.isFile).map((x) => x.src);
-      const cursor = rawItems.length > offset + limit ? String(offset + limit) : null;
-      return {
-        files,
-        directories,
-        cursor
-      };
-    } catch (error) {
-      console.error(error);
+  async getTinaFolderPath(rootPath) {
+    const tinaFolderPath = import_path2.default.join(rootPath, TINA_FOLDER);
+    const tinaFolderExists = await import_fs_extra2.default.pathExists(tinaFolderPath);
+    if (tinaFolderExists) {
+      this.isUsingLegacyFolder = false;
+      return tinaFolderPath;
+    }
+    const legacyFolderPath = import_path2.default.join(rootPath, LEGACY_TINA_FOLDER);
+    const legacyFolderExists = await import_fs_extra2.default.pathExists(legacyFolderPath);
+    if (legacyFolderExists) {
+      this.isUsingLegacyFolder = true;
+      return legacyFolderPath;
+    }
+    throw new Error(
+      `Unable to find Tina folder, if you're working in folder outside of the Tina config be sure to specify --rootPath`
+    );
+  }
+  getTinaGraphQLVersion() {
+    if (this.tinaGraphQLVersionFromCLI) {
+      const version2 = this.tinaGraphQLVersionFromCLI.split(".");
       return {
-        files: [],
-        directories: [],
-        error: error == null ? void 0 : error.toString()
+        fullVersion: this.tinaGraphQLVersionFromCLI,
+        major: version2[0] || "x",
+        minor: version2[1] || "x",
+        patch: version2[2] || "x"
       };
     }
-  }
-  async deleteMedia(args) {
-    try {
-      const file = (0, import_path2.join)(
-        this.rootPath,
-        this.publicFolder,
-        this.mediaRoot,
-        args.searchPath
+    const generatedSchema = import_fs_extra2.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}`
       );
-      await import_fs_extra3.default.stat(file);
-      await import_fs_extra3.default.remove(file);
-      return { ok: true };
-    } catch (error) {
-      console.error(error);
-      return { ok: false, message: error == null ? void 0 : error.toString() };
     }
+    return generatedSchema.version;
   }
-};
-
-// src/next/commands/dev-command/server/searchIndex.ts
-var createSearchIndexRouter = ({
-  config: config2,
-  searchIndex
-}) => {
-  const put = async (req, res) => {
-    const { docs } = req.body;
-    const result = await searchIndex.PUT(docs);
-    res.writeHead(200, { "Content-Type": "application/json" });
-    res.end(JSON.stringify({ result }));
-  };
-  const get = async (req, res) => {
-    const requestURL = new URL(req.url, config2.apiURL);
-    const query = requestURL.searchParams.get("q");
-    const optionsParam = requestURL.searchParams.get("options");
-    let options = {
-      DOCUMENTS: false
-    };
-    if (optionsParam) {
-      options = {
-        ...options,
-        ...JSON.parse(optionsParam)
-      };
+  printGeneratedClientFilePath() {
+    if (this.isUsingTs()) {
+      return this.generatedClientTSFilePath.replace(`${this.rootPath}/`, "");
     }
-    res.writeHead(200, { "Content-Type": "application/json" });
-    if (query) {
-      const result = await searchIndex.QUERY(JSON.parse(query), options);
-      res.end(JSON.stringify(result));
-    } else {
-      res.end(JSON.stringify({ RESULT: [] }));
+    return this.generatedClientJSFilePath.replace(`${this.rootPath}/`, "");
+  }
+  printGeneratedTypesFilePath() {
+    return this.generatedTypesTSFilePath.replace(`${this.rootPath}/`, "");
+  }
+  printoutputHTMLFilePath() {
+    return this.outputHTMLFilePath.replace(`${this.publicFolderPath}/`, "");
+  }
+  printRelativePath(filename) {
+    if (filename) {
+      return filename.replace(/\\/g, "/").replace(`${this.rootPath}/`, "");
     }
-  };
-  const del = async (req, res) => {
-    const requestURL = new URL(req.url, config2.apiURL);
-    const docId = requestURL.pathname.split("/").filter(Boolean).slice(1).join("/");
-    const result = await searchIndex.DELETE(docId);
-    res.writeHead(200, { "Content-Type": "application/json" });
-    res.end(JSON.stringify({ result }));
-  };
-  return { del, get, put };
-};
-
-// src/next/vite/plugins.ts
-var transformTsxPlugin = ({
-  configManager: _configManager
-}) => {
-  const plug = {
-    name: "transform-tsx",
-    async transform(code, id) {
-      const extName = import_path3.default.extname(id);
-      if (extName.startsWith(".tsx") || extName.startsWith(".ts")) {
-        const result = await (0, import_esbuild.transform)(code, { loader: "tsx" });
-        return {
-          code: result.code
-        };
-      }
+    throw `No path provided to print`;
+  }
+  printPrebuildFilePath() {
+    return this.prebuildFilePath.replace(/\\/g, "/").replace(`${this.rootPath}/${this.tinaFolderPath}/`, "");
+  }
+  printContentRelativePath(filename) {
+    if (filename) {
+      return filename.replace(/\\/g, "/").replace(`${this.contentRootPath}/`, "");
     }
-  };
-  return plug;
-};
-var devServerEndPointsPlugin = ({
-  configManager,
-  apiURL,
-  database,
-  searchIndex
-}) => {
-  const plug = {
-    name: "graphql-endpoints",
-    configureServer(server) {
-      server.middlewares.use((0, import_cors.default)());
-      server.middlewares.use(import_body_parser.default.json({ limit: "5mb" }));
-      server.middlewares.use(async (req, res, next) => {
-        var _a;
-        const mediaPaths = (_a = configManager.config.media) == null ? void 0 : _a.tina;
-        const mediaRouter = createMediaRouter({
-          rootPath: configManager.rootPath,
-          apiURL,
-          publicFolder: parseMediaFolder((mediaPaths == null ? void 0 : mediaPaths.publicFolder) || ""),
-          mediaRoot: parseMediaFolder((mediaPaths == null ? void 0 : mediaPaths.mediaRoot) || "")
-        });
-        const searchIndexRouter = createSearchIndexRouter({
-          config: { apiURL, searchPath: "searchIndex" },
-          searchIndex
-        });
-        if (req.url.startsWith("/media/upload")) {
-          await mediaRouter.handlePost(req, res);
-          return;
-        }
-        if (req.url.startsWith("/media")) {
-          if (req.method === "DELETE") {
-            await mediaRouter.handleDelete(req, res);
-            return;
-          }
-        }
-        if (req.url.startsWith("/media/list")) {
-          await mediaRouter.handleList(req, res);
-          return;
-        }
-        if (req.url === "/altair") {
-          res.end(
-            JSON.stringify({
-              status: "The GraphQL playground has moved to <your-dev-url>/index.html#/graphql"
-            })
-          );
-          return;
-        }
-        if (req.url === "/graphql") {
-          const { query, variables } = req.body;
-          const result = await (0, import_graphql.resolve)({
-            config: {
-              useRelativeMedia: true
-            },
-            database,
-            query,
-            variables,
-            verbose: false
-          });
-          res.end(JSON.stringify(result));
+    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;
+    await Promise.all(
+      extensions.map(async (ext) => {
+        if (result) {
           return;
         }
-        if (req.url.startsWith("/searchIndex")) {
-          if (req.method === "POST") {
-            await searchIndexRouter.put(req, res);
-          } else if (req.method === "GET") {
-            await searchIndexRouter.get(req, res);
-          } else if (req.method === "DELETE") {
-            await searchIndexRouter.del(req, res);
-          }
-          return;
-        }
-        next();
-      });
-    }
-  };
-  return plug;
-};
-function viteTransformExtension({
-  exportAsDefault = true,
-  svgrOptions,
-  esbuildOptions,
-  include = "**/*.svg",
-  exclude
-} = {}) {
-  const filter = (0, import_pluginutils.createFilter)(include, exclude);
-  return {
-    name: "vite-plugin-svgr",
-    async transform(code, id) {
-      if (filter(id)) {
-        const { transform: transform2 } = await Promise.resolve().then(() => __toESM(require("@svgr/core")));
-        const svgCode = await import_fs.default.promises.readFile(
-          id.replace(/\?.*$/, ""),
-          "utf8"
-        );
-        const componentCode = await transform2(svgCode, svgrOptions, {
-          filePath: id,
-          caller: {
-            previousExport: exportAsDefault ? null : code
-          }
-        });
-        const res = await (0, import_vite2.transformWithEsbuild)(componentCode, id, {
-          loader: "jsx",
-          ...esbuildOptions
-        });
-        return {
-          code: res.code,
-          map: null
-        };
-      }
-    }
-  };
-}
-
-// src/next/commands/dev-command/server/index.ts
-var createDevServer = async (configManager, database, searchIndex, apiURL, noWatch) => {
-  const plugins = [
-    transformTsxPlugin({ configManager }),
-    devServerEndPointsPlugin({ apiURL, configManager, database, searchIndex }),
-    viteTransformExtension()
-  ];
-  return (0, import_vite3.createServer)(
-    await createConfig({
-      configManager,
-      database,
-      apiURL,
-      plugins,
-      noWatch,
-      rollupOptions: {
-        input: configManager.spaMainPath,
-        onwarn(warning, warn) {
-          if (warning.code === "MODULE_LEVEL_DIRECTIVE") {
-            return;
-          }
-          warn(warning);
+        const filepathWithExtension = `${filepath}.${ext}`;
+        const exists = import_fs_extra2.default.existsSync(filepathWithExtension);
+        if (exists) {
+          result = filepathWithExtension;
         }
+      })
+    );
+    return result;
+  }
+  async loadDatabaseFile() {
+    const tmpdir = import_path2.default.join(import_os.default.tmpdir(), Date.now().toString());
+    const outfile = import_path2.default.join(tmpdir, "database.build.js");
+    await esbuild.build({
+      entryPoints: [this.selfHostedDatabaseFilePath],
+      bundle: true,
+      platform: "node",
+      outfile,
+      loader: loaders
+    });
+    const result = require(outfile);
+    import_fs_extra2.default.removeSync(outfile);
+    return result.default;
+  }
+  async loadConfigFile(generatedFolderPath, configFilePath) {
+    const tmpdir = import_path2.default.join(import_os.default.tmpdir(), Date.now().toString());
+    const preBuildConfigPath = import_path2.default.join(
+      this.generatedFolderPath,
+      "config.prebuild.jsx"
+    );
+    const outfile = import_path2.default.join(tmpdir, "config.build.jsx");
+    const outfile2 = import_path2.default.join(tmpdir, "config.build.js");
+    const tempTSConfigFile = import_path2.default.join(tmpdir, "tsconfig.json");
+    import_fs_extra2.default.outputFileSync(tempTSConfigFile, "{}");
+    const result2 = await esbuild.build({
+      entryPoints: [configFilePath],
+      bundle: true,
+      target: ["es2020"],
+      platform: "browser",
+      format: "esm",
+      logLevel: "silent",
+      packages: "external",
+      ignoreAnnotations: true,
+      outfile: preBuildConfigPath,
+      loader: loaders,
+      metafile: true
+    });
+    const flattenedList = [];
+    Object.keys(result2.metafile.inputs).forEach((key) => {
+      if (key.includes("node_modules") || key.includes("__generated__")) {
+        return;
       }
+      flattenedList.push(key);
+    });
+    await esbuild.build({
+      entryPoints: [configFilePath],
+      bundle: true,
+      target: ["es2020"],
+      logLevel: "silent",
+      platform: "node",
+      outfile,
+      loader: loaders
+    });
+    await esbuild.build({
+      entryPoints: [outfile],
+      bundle: true,
+      // Suppress warning about comparison with -0 from client module
+      logLevel: "silent",
+      platform: "node",
+      outfile: outfile2,
+      loader: loaders
+    });
+    let result;
+    try {
+      result = require(outfile2);
+    } catch (e) {
+      console.error("Unexpected error loading config");
+      console.error(e);
+      throw e;
+    }
+    import_fs_extra2.default.removeSync(outfile);
+    import_fs_extra2.default.removeSync(outfile2);
+    return {
+      config: result.default,
+      prebuildPath: preBuildConfigPath,
+      watchList: flattenedList
+    };
+  }
+};
+var loaders = {
+  ".aac": "file",
+  ".css": "file",
+  ".eot": "file",
+  ".flac": "file",
+  ".gif": "file",
+  ".jpeg": "file",
+  ".jpg": "file",
+  ".json": "json",
+  ".mp3": "file",
+  ".mp4": "file",
+  ".ogg": "file",
+  ".otf": "file",
+  ".png": "file",
+  ".svg": "file",
+  ".ttf": "file",
+  ".wav": "file",
+  ".webm": "file",
+  ".webp": "file",
+  ".woff": "file",
+  ".woff2": "file",
+  ".js": "jsx",
+  ".jsx": "jsx",
+  ".tsx": "tsx"
+};
+
+// src/next/database.ts
+var import_graphql7 = require("@tinacms/graphql");
+var import_readable_stream = require("readable-stream");
+var import_net = require("net");
+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"
     })
   );
+  const dbServer = (0, import_net.createServer)(function(socket) {
+    return (0, import_readable_stream.pipeline)(socket, levelHost.createRpcStream(), socket, () => {
+    });
+  });
+  dbServer.once("error", (err) => {
+    if ((err == null ? void 0 : err.code) === "EADDRINUSE") {
+      throw new Error(
+        `Tina Dev server is already in use. Datalayer server is busy on port ${port}`
+      );
+    }
+  });
+  dbServer.listen(port);
 };
-
-// src/next/codegen/index.ts
-var import_fs_extra4 = __toESM(require("fs-extra"));
-var import_path4 = __toESM(require("path"));
-var import_graphql6 = require("graphql");
-
-// src/next/codegen/codegen/index.ts
-var import_graphql5 = require("graphql");
-
-// src/next/codegen/codegen/plugin.ts
-var AddGeneratedClientFunc = (apiURL) => {
-  return (_schema, _documents, _config, _info) => {
-    return `
-// TinaSDK generated code
-import { createClient, TinaClient } from "tinacms/dist/client";
-
-const generateRequester = (
-  client: TinaClient,
-) => {
-  const requester: (
-    doc: any,
-    vars?: any,
-    options?: {
-      branch?: string,
-      /**
-       * Aside from \`method\` and \`body\`, all fetch options are passed
-       * through to underlying fetch request
-       */
-      fetchOptions?: Omit<Parameters<typeof fetch>[1], 'body' | 'method'>,
-    },
-    client
-  ) => Promise<any> = async (doc, vars, options) => {
-    let url = client.apiUrl
-    if (options?.branch) {
-      const index = client.apiUrl.lastIndexOf('/')
-      url = client.apiUrl.substring(0, index + 1) + options.branch
+async function createAndInitializeDatabase(configManager, datalayerPort, bridgeOverride) {
+  let database;
+  const bridge = bridgeOverride || new import_graphql7.FilesystemBridge(configManager.rootPath, configManager.contentRootPath);
+  if (configManager.hasSelfHostedConfig() && configManager.config.contentApiUrlOverride) {
+    database = await configManager.loadDatabaseFile();
+    database.bridge = bridge;
+  } else {
+    if (configManager.hasSelfHostedConfig() && !configManager.config.contentApiUrlOverride) {
+      logger.warn(
+        `Found a database config file at ${configManager.printRelativePath(
+          configManager.selfHostedDatabaseFilePath
+        )} but there was no "contentApiUrlOverride" set. Falling back to built-in datalayer`
+      );
     }
-    const data = await client.request({
-      query: doc,
-      variables: vars,
-      url,
-    }, options)
-
-    return { data: data?.data, errors: data?.errors, query: doc, variables: vars || {} }
+    const level = new import_graphql7.TinaLevelClient(datalayerPort);
+    level.openConnection();
+    database = (0, import_graphql7.createDatabaseInternal)({
+      bridge,
+      level,
+      tinaDirectory: configManager.isUsingLegacyFolder ? LEGACY_TINA_FOLDER : TINA_FOLDER
+    });
   }
-
-  return requester
+  return database;
 }
 
-/**
- * @experimental this class can be used but may change in the future
- **/
-export const ExperimentalGetTinaClient = () =>
-  getSdk(
-    generateRequester(
-      createClient({
-        url: "${apiURL}",
-        queries,
-      })
-    )
-  )
+// src/next/commands/baseCommands.ts
+var import_clipanion = require("clipanion");
+var import_chalk4 = __toESM(require("chalk"));
 
-export const queries = (
-  client: TinaClient,
-) => {
-  const requester = generateRequester(client)
-  return getSdk(requester)
-}
-`;
-  };
+// src/utils/start-subprocess.ts
+var import_child_process = __toESM(require("child_process"));
+var startSubprocess2 = async ({ command: command2 }) => {
+  if (typeof command2 === "string") {
+    const commands = command2.split(" ");
+    const firstCommand = commands[0];
+    const args = commands.slice(1) || [];
+    const ps = import_child_process.default.spawn(firstCommand, args, {
+      stdio: "inherit",
+      shell: true
+    });
+    ps.on("error", (code) => {
+      logger.error(
+        dangerText(
+          `An error has occurred in the Next.js child process. Error message below`
+        )
+      );
+      logger.error(`name: ${code.name}
+message: ${code.message}
+
+stack: ${code.stack || "No stack was provided"}`);
+    });
+    ps.on("close", (code) => {
+      logger.info(`child process exited with code ${code}`);
+      process.exit(code);
+    });
+    return ps;
+  }
 };
-var AddGeneratedClient = (apiURL) => ({
-  plugin: AddGeneratedClientFunc(apiURL)
-});
 
-// src/next/codegen/codegen/index.ts
-var import_graphql_file_loader = require("@graphql-tools/graphql-file-loader");
-var import_core = require("@graphql-codegen/core");
-var import_load = require("@graphql-tools/load");
-var import_typescript_operations = require("@graphql-codegen/typescript-operations");
-var import_typescript = require("@graphql-codegen/typescript");
-
-// src/next/codegen/codegen/sdkPlugin/index.ts
-var import_graphql3 = require("graphql");
-var import_graphql4 = require("graphql");
-
-// src/next/codegen/codegen/sdkPlugin/visitor.ts
-var import_visitor_plugin_common = require("@graphql-codegen/visitor-plugin-common");
-var import_auto_bind = __toESM(require("auto-bind"));
-var import_graphql2 = require("graphql");
-var GenericSdkVisitor = class extends import_visitor_plugin_common.ClientSideBaseVisitor {
-  constructor(schema, fragments, rawConfig) {
-    super(schema, fragments, rawConfig, {
-      usingObservableFrom: rawConfig.usingObservableFrom
+// src/next/commands/baseCommands.ts
+var import_graphql8 = require("@tinacms/graphql");
+var import_fs_extra3 = __toESM(require("fs-extra"));
+var BaseCommand = class extends import_clipanion.Command {
+  constructor() {
+    super(...arguments);
+    this.experimentalDataLayer = import_clipanion.Option.Boolean("--experimentalData", {
+      description: "DEPRECATED - Build the server with additional data querying capabilities"
+    });
+    this.isomorphicGitBridge = import_clipanion.Option.Boolean("--isomorphicGitBridge", {
+      description: "DEPRECATED - Enable Isomorphic Git Bridge Implementation"
+    });
+    this.port = import_clipanion.Option.String("-p,--port", "4001", {
+      description: "Specify a port to run the server on. (default 4001)"
+    });
+    this.datalayerPort = import_clipanion.Option.String("--datalayer-port", "9000", {
+      description: "Specify a port to run the datalayer server on. (default 9000)"
+    });
+    this.subCommand = import_clipanion.Option.String("-c,--command", {
+      description: "The sub-command to run"
+    });
+    this.rootPath = import_clipanion.Option.String("--rootPath", {
+      description: "Specify the root directory to run the CLI from (defaults to current working directory)"
+    });
+    this.verbose = import_clipanion.Option.Boolean("-v,--verbose", false, {
+      description: "increase verbosity of logged output"
+    });
+    this.noSDK = import_clipanion.Option.Boolean("--noSDK", false, {
+      description: "DEPRECATED - This should now be set in the config at client.skip = true'. Don't generate the generated client SDK"
+    });
+    this.noTelemetry = import_clipanion.Option.Boolean("--noTelemetry", false, {
+      description: "Disable anonymous telemetry that is collected"
     });
-    this._operationsToInclude = [];
-    (0, import_auto_bind.default)(this);
-    if (this.config.usingObservableFrom) {
-      this._additionalImports.push(this.config.usingObservableFrom);
-    }
-    if (this.config.documentMode !== import_visitor_plugin_common.DocumentMode.string) {
-    }
   }
-  buildOperation(node, documentVariableName, operationType, operationResultType, operationVariablesTypes) {
-    if (node.name == null) {
-      throw new Error(
-        "Plugin 'generic-sdk' cannot generate SDK for unnamed operation.\n\n" + (0, import_graphql2.print)(node)
+  async startSubCommand() {
+    let subProc;
+    if (this.subCommand) {
+      subProc = await startSubprocess2({ command: this.subCommand });
+      logger.info(
+        `Running web application with command: ${import_chalk4.default.cyan(this.subCommand)}`
       );
-    } else {
-      this._operationsToInclude.push({
-        node,
-        documentVariableName,
-        operationType,
-        operationResultType: `{data: ${operationResultType}, errors?: { message: string, locations: { line: number, column: number }[], path: string[] }[], variables: ${operationVariablesTypes}, query: string}`,
-        operationVariablesTypes
-      });
     }
-    return null;
+    function exitHandler(options, exitCode) {
+      if (subProc) {
+        subProc.kill();
+      }
+      process.exit();
+    }
+    process.on("exit", exitHandler);
+    process.on("SIGINT", exitHandler);
+    process.on("SIGUSR1", exitHandler);
+    process.on("SIGUSR2", exitHandler);
+    process.on("uncaughtException", (error) => {
+      logger.error(`Uncaught exception ${error.name}`);
+      console.error(error);
+    });
   }
-  get sdkContent() {
-    const usingObservable = !!this.config.usingObservableFrom;
-    const allPossibleActions = this._operationsToInclude.map((o) => {
-      const optionalVariables = !o.node.variableDefinitions || o.node.variableDefinitions.length === 0 || o.node.variableDefinitions.every(
-        (v) => v.type.kind !== import_graphql2.Kind.NON_NULL_TYPE || v.defaultValue
+  logDeprecationWarnings() {
+    if (this.isomorphicGitBridge) {
+      logger.warn("--isomorphicGitBridge has been deprecated");
+    }
+    if (this.experimentalDataLayer) {
+      logger.warn(
+        "--experimentalDataLayer has been deprecated, the data layer is now built-in automatically"
       );
-      const returnType = usingObservable && o.operationType === "Subscription" ? "Observable" : "Promise";
-      return `${o.node.name.value}(variables${optionalVariables ? "?" : ""}: ${o.operationVariablesTypes}, options?: C): ${returnType}<${o.operationResultType}> {
-    return requester<${o.operationResultType}, ${o.operationVariablesTypes}>(${o.documentVariableName}, variables, options);
-  }`;
-    }).map((s2) => (0, import_visitor_plugin_common.indentMultiline)(s2, 2));
-    return `export type Requester<C= {}> = <R, V>(doc: ${this.config.documentMode === import_visitor_plugin_common.DocumentMode.string ? "string" : "DocumentNode"}, vars?: V, options?: C) => ${usingObservable ? "Promise<R> & Observable<R>" : "Promise<R>"}
-  export function getSdk<C>(requester: Requester<C>) {
-    return {
-  ${allPossibleActions.join(",\n")}
-    };
-  }
-  export type Sdk = ReturnType<typeof getSdk>;`;
-  }
-};
-
-// src/next/codegen/codegen/sdkPlugin/index.ts
-var plugin = (schema, documents, config2) => {
-  const allAst = (0, import_graphql4.concatAST)(
-    documents.reduce((prev, v) => {
-      return [...prev, v.document];
-    }, [])
-  );
-  const allFragments = [
-    ...allAst.definitions.filter(
-      (d) => d.kind === import_graphql4.Kind.FRAGMENT_DEFINITION
-    ).map((fragmentDef) => ({
-      node: fragmentDef,
-      name: fragmentDef.name.value,
-      onType: fragmentDef.typeCondition.name.value,
-      isExternal: false
-    })),
-    ...config2.externalFragments || []
-  ];
-  const visitor = new GenericSdkVisitor(schema, allFragments, config2);
-  const visitorResult = (0, import_graphql3.visit)(allAst, { leave: visitor });
-  return {
-    content: [
-      visitor.fragments,
-      ...visitorResult.definitions.filter((t) => typeof t === "string"),
-      visitor.sdkContent
-    ].join("\n")
-  };
-};
-
-// src/next/codegen/codegen/index.ts
-var generateTypes = async (schema, queryPathGlob = process.cwd(), fragDocPath = process.cwd(), apiURL) => {
-  let docs = [];
-  let fragDocs = [];
-  docs = await loadGraphQLDocuments(queryPathGlob);
-  fragDocs = await loadGraphQLDocuments(fragDocPath);
-  const res = await (0, import_core.codegen)({
-    filename: process.cwd(),
-    schema: (0, import_graphql5.parse)((0, import_graphql5.printSchema)(schema)),
-    documents: [...docs, ...fragDocs],
-    config: {},
-    plugins: [
-      { typescript: {} },
-      { typescriptOperations: {} },
-      {
-        typescriptSdk: {}
-      },
-      { AddGeneratedClient: {} }
-    ],
-    pluginMap: {
-      typescript: {
-        plugin: import_typescript.plugin
-      },
-      typescriptOperations: {
-        plugin: import_typescript_operations.plugin
-      },
-      typescriptSdk: {
-        plugin
-      },
-      AddGeneratedClient: AddGeneratedClient(apiURL)
     }
-  });
-  return res;
-};
-var loadGraphQLDocuments = async (globPath) => {
-  let result = [];
-  try {
-    result = await (0, import_load.loadDocuments)(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:"
-    )) {
-    } else {
-      throw e;
+    if (this.noSDK) {
+      logger.warn(
+        "--noSDK has been deprecated, and will be unsupported in a future release. This should be set in the config at client.skip = true"
+      );
     }
   }
-  return result;
-};
-
-// src/next/codegen/index.ts
-var import_esbuild2 = require("esbuild");
-var import_graphql7 = require("@tinacms/graphql");
-var import_normalize_path3 = __toESM(require("normalize-path"));
-var TINA_HOST = "content.tinajs.io";
-var Codegen = class {
-  constructor({
-    configManager,
-    port,
-    queryDoc,
-    fragDoc,
-    isLocal,
-    graphqlSchemaDoc,
+  async indexContentWithSpinner({
+    database,
+    graphQLSchema,
     tinaSchema,
-    lookup,
-    noClientBuildCache
+    configManager,
+    partialReindex,
+    text
   }) {
-    this.isLocal = isLocal;
-    this.graphqlSchemaDoc = graphqlSchemaDoc;
-    this.configManager = configManager;
-    this.port = port;
-    this.schema = (0, import_graphql6.buildASTSchema)(graphqlSchemaDoc);
-    this.tinaSchema = tinaSchema;
-    this.queryDoc = queryDoc;
-    this.fragDoc = fragDoc;
-    this.lookup = lookup;
-    this.noClientBuildCache = noClientBuildCache;
-  }
-  async writeConfigFile(fileName, data) {
-    const filePath = import_path4.default.join(this.configManager.generatedFolderPath, fileName);
-    await import_fs_extra4.default.ensureFile(filePath);
-    await import_fs_extra4.default.outputFile(filePath, data);
-    if (this.configManager.hasSeparateContentRoot()) {
-      const filePath2 = import_path4.default.join(
-        this.configManager.generatedFolderPathContentRepo,
-        fileName
-      );
-      await import_fs_extra4.default.ensureFile(filePath2);
-      await import_fs_extra4.default.outputFile(filePath2, data);
-    }
-  }
-  async removeGeneratedFilesIfExists() {
-    await unlinkIfExists(this.configManager.generatedClientJSFilePath);
-    await unlinkIfExists(this.configManager.generatedTypesDFilePath);
-    await unlinkIfExists(this.configManager.generatedTypesJSFilePath);
-    await unlinkIfExists(this.configManager.generatedTypesTSFilePath);
-    await unlinkIfExists(this.configManager.generatedClientTSFilePath);
-    await unlinkIfExists(this.configManager.generatedQueriesFilePath);
-    await unlinkIfExists(this.configManager.generatedFragmentsFilePath);
-  }
-  async execute() {
-    await this.writeConfigFile(
-      "_graphql.json",
-      JSON.stringify(this.graphqlSchemaDoc)
-    );
-    const { search, ...rest } = this.tinaSchema.schema.config;
-    this.tinaSchema.schema.config = rest;
-    await this.writeConfigFile(
-      "_schema.json",
-      JSON.stringify(this.tinaSchema.schema)
-    );
-    await this.writeConfigFile("_lookup.json", JSON.stringify(this.lookup));
-    const { apiURL, localUrl, tinaCloudUrl } = this._createApiUrl();
-    this.apiURL = apiURL;
-    this.localUrl = localUrl;
-    this.productionUrl = tinaCloudUrl;
-    if (this.configManager.shouldSkipSDK()) {
-      await this.removeGeneratedFilesIfExists();
-      return apiURL;
-    }
-    await import_fs_extra4.default.outputFile(
-      this.configManager.generatedQueriesFilePath,
-      this.queryDoc
-    );
-    await import_fs_extra4.default.outputFile(
-      this.configManager.generatedFragmentsFilePath,
-      this.fragDoc
-    );
-    await maybeWarnFragmentSize(this.configManager.generatedFragmentsFilePath);
-    const { clientString } = await this.genClient();
-    const databaseClientString = this.configManager.hasSelfHostedConfig() ? await this.genDatabaseClient() : "";
-    const { codeString, schemaString } = await this.genTypes();
-    await import_fs_extra4.default.outputFile(
-      this.configManager.generatedGraphQLGQLPath,
-      schemaString
-    );
-    if (this.configManager.isUsingTs()) {
-      await import_fs_extra4.default.outputFile(
-        this.configManager.generatedTypesTSFilePath,
-        codeString
-      );
-      await import_fs_extra4.default.outputFile(
-        this.configManager.generatedClientTSFilePath,
-        clientString
-      );
-      if (this.configManager.hasSelfHostedConfig()) {
-        await import_fs_extra4.default.outputFile(
-          this.configManager.generatedDatabaseClientTSFilePath,
-          databaseClientString
-        );
-      }
-      await unlinkIfExists(this.configManager.generatedClientJSFilePath);
-      await unlinkIfExists(this.configManager.generatedTypesDFilePath);
-      await unlinkIfExists(this.configManager.generatedTypesJSFilePath);
-    } else {
-      await import_fs_extra4.default.outputFile(
-        this.configManager.generatedTypesDFilePath,
-        codeString
-      );
-      const jsTypes = await (0, import_esbuild2.transform)(codeString, { loader: "ts" });
-      await import_fs_extra4.default.outputFile(
-        this.configManager.generatedTypesJSFilePath,
-        jsTypes.code
-      );
-      await import_fs_extra4.default.outputFile(
-        this.configManager.generatedClientDFilePath,
-        clientString
-      );
-      const jsClient = await (0, import_esbuild2.transform)(clientString, { loader: "ts" });
-      await import_fs_extra4.default.outputFile(
-        this.configManager.generatedClientJSFilePath,
-        jsClient.code
-      );
-      await unlinkIfExists(this.configManager.generatedTypesTSFilePath);
-      await unlinkIfExists(this.configManager.generatedClientTSFilePath);
-      if (this.configManager.hasSelfHostedConfig()) {
-        const jsDatabaseClient = await (0, import_esbuild2.transform)(databaseClientString, {
-          loader: "ts"
-        });
-        await import_fs_extra4.default.outputFile(
-          this.configManager.generatedDatabaseClientJSFilePath,
-          jsDatabaseClient.code
-        );
-        await import_fs_extra4.default.outputFile(
-          this.configManager.generatedDatabaseClientDFilePath,
-          databaseClientString
-        );
-        await unlinkIfExists(
-          this.configManager.generatedDatabaseClientTSFilePath
-        );
-      }
-    }
-    return apiURL;
-  }
-  _createApiUrl() {
-    var _a, _b, _c, _d;
-    const branch = (_a = this.configManager.config) == null ? void 0 : _a.branch;
-    const clientId = (_b = this.configManager.config) == null ? void 0 : _b.clientId;
-    const token = (_c = this.configManager.config) == null ? void 0 : _c.token;
-    const version2 = this.configManager.getTinaGraphQLVersion();
-    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");
-      throw new Error(
-        `Client not configured properly. Missing ${missing.join(
-          ", "
-        )}. Please visit https://tina.io/docs/tina-cloud/overview for more information`
-      );
-    }
-    let localUrl = `http://localhost:${this.port}/graphql`;
-    let tinaCloudUrl = `${baseUrl}/${version2}/content/${clientId}/github/${branch}`;
-    let apiURL = this.isLocal ? `http://localhost:${this.port}/graphql` : `${baseUrl}/${version2}/content/${clientId}/github/${branch}`;
-    if (this.configManager.config.contentApiUrlOverride) {
-      apiURL = this.configManager.config.contentApiUrlOverride;
-      localUrl = apiURL;
-      tinaCloudUrl = apiURL;
-    }
-    return { apiURL, localUrl, tinaCloudUrl };
-  }
-  getApiURL() {
-    if (!this.apiURL)
-      throw new Error("apiURL not set. Please run execute() first");
-    return this.apiURL;
-  }
-  async genDatabaseClient() {
-    var _a, _b;
-    const authCollection = this.tinaSchema.getCollections().find((c) => c.isAuthCollection);
-    let authFields = [];
-    if (authCollection) {
-      const usersFields = (0, import_graphql7.mapUserFields)(authCollection, []);
-      if (usersFields.length === 0) {
-        throw new Error("No user field found");
-      }
-      if (usersFields.length > 1) {
-        throw new Error("Only one user field is allowed");
-      }
-      authFields = (_b = (_a = usersFields[0]) == null ? void 0 : _a.collectable) == null ? void 0 : _b.fields.map((f) => {
-        if (f.type !== "password" && f.type !== "object") {
-          if (f.uid) {
-            return `id:${f.name}`;
+    const textToUse = text || "Indexing local files";
+    const warnings = [];
+    await spin({
+      waitFor: async () => {
+        var _a, _b;
+        const rootPath = configManager.rootPath;
+        let sha;
+        try {
+          sha = await (0, import_graphql8.getSha)({ fs: import_fs_extra3.default, dir: rootPath });
+        } catch (e) {
+          if (partialReindex) {
+            console.error(
+              "Failed to get sha. NOTE: `--partial-reindex` only supported for git repositories"
+            );
+            throw e;
+          }
+        }
+        const lastSha = await database.getMetadata("lastSha");
+        const exists = lastSha && await (0, import_graphql8.shaExists)({ fs: import_fs_extra3.default, dir: rootPath, sha: lastSha });
+        let res;
+        if (partialReindex && lastSha && exists && sha) {
+          const pathFilter = {};
+          if (configManager.isUsingLegacyFolder) {
+            pathFilter[".tina/__generated__/_schema.json"] = {};
           } else {
-            return `${f.name}`;
+            pathFilter["tina/tina-lock.json"] = {};
           }
-        } else if (f.type === "password") {
-          return `_password: ${f.name} { passwordChangeRequired }`;
+          for (const collection of tinaSchema.getCollections()) {
+            pathFilter[collection.path] = {
+              matches: ((_a = collection.match) == null ? void 0 : _a.exclude) || ((_b = collection.match) == null ? void 0 : _b.include) ? tinaSchema.getMatches({ collection }) : void 0
+            };
+          }
+          const { added, modified, deleted } = await (0, import_graphql8.getChangedFiles)({
+            fs: import_fs_extra3.default,
+            dir: rootPath,
+            from: lastSha,
+            to: sha,
+            pathFilter
+          });
+          const tinaPathUpdates = modified.filter(
+            (path14) => path14.startsWith(".tina/__generated__/_schema.json") || path14.startsWith("tina/tina-lock.json")
+          );
+          if (tinaPathUpdates.length > 0) {
+            res = await database.indexContent({
+              graphQLSchema,
+              tinaSchema
+            });
+          } else {
+            if (added.length > 0 || modified.length > 0) {
+              await database.indexContentByPaths([...added, ...modified]);
+            }
+            if (deleted.length > 0) {
+              await database.deleteContentByPaths(deleted);
+            }
+          }
+        } else {
+          res = await database.indexContent({
+            graphQLSchema,
+            tinaSchema
+          });
+        }
+        if (sha) {
+          await database.setMetadata("lastSha", sha);
+        }
+        if (res == null ? void 0 : res.warnings) {
+          warnings.push(...res.warnings);
         }
+      },
+      text: textToUse
+    });
+    if (warnings.length > 0) {
+      logger.warn(`Indexing completed with ${warnings.length} warning(s)`);
+      warnings.forEach((warning) => {
+        logger.warn(warnText(`${warning}`));
       });
     }
-    return `// @ts-nocheck
-import { resolve } from "@tinacms/datalayer";
-import type { TinaClient } from "tinacms/dist/client";
-
-import { queries } from "./types";
-import database from "../database";
-
-export async function databaseRequest({ query, variables, user }) {
-  const result = await resolve({
-    config: {
-      useRelativeMedia: true,
-    },
-    database,
-    query,
-    variables,
-    verbose: true,
-    ctxUser: user,
-  });
+  }
+};
 
-  return result;
+// 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;
 }
-
-export async function authenticate({ username, password }) {
-    return databaseRequest({
-      query: \`query auth($username:String!, $password:String!) {
-              authenticate(sub:$username, password:$password) {
-               ${authFields.join(" ")}
-              }
-            }\`,
-      variables: { username, password },
-    })
+#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);
 }
-
-export async function authorize(user: { sub: string }) {
-  return databaseRequest({
-    query: \`query authz { authorize { ${authFields.join(" ")}} }\`,
-    variables: {},
-    user
-  })
+#no-assets-placeholder h1 {
+  font-size: 24px;
+  margin-bottom: 20px;
 }
-
-function createDatabaseClient<GenQueries = Record<string, unknown>>({
-  queries,
-}: {
-  queries: (client: {
-    request: TinaClient<GenQueries>["request"];
-  }) => GenQueries;
-}) {
-  const request = async ({ query, variables, user }) => {
-    const data = await databaseRequest({ query, variables, user });
-    return { data: data.data as any, query, variables, errors: data.errors || null };
-  };
-  const q = queries({
-    request,
-  });
-  return { queries: q, request, authenticate, authorize };
+#no-assets-placeholder p {
+  margin-bottom: 10px;
 }
-
-export const databaseClient = createDatabaseClient({ queries });
-
-export const client = databaseClient;
-
-export default databaseClient;
-`;
-  }
-  async genClient() {
-    var _a, _b, _c;
-    const token = (_a = this.configManager.config) == null ? void 0 : _a.token;
-    const errorPolicy = (_c = (_b = this.configManager.config) == null ? void 0 : _b.client) == null ? void 0 : _c.errorPolicy;
-    const apiURL = this.getApiURL();
-    const clientString = `import { createClient } from "tinacms/dist/client";
-import { queries } from "./types";
-export const client = createClient({ ${this.noClientBuildCache === false ? `cacheDir: '${(0, import_normalize_path3.default)(
-      this.configManager.generatedCachePath
-    )}', ` : ""}url: '${apiURL}', token: '${token}', queries, ${errorPolicy ? `errorPolicy: '${errorPolicy}'` : ""} });
-export default client;
-  `;
-    return { apiURL, clientString };
-  }
-  async genTypes() {
-    const typescriptTypes = await generateTypes(
-      this.schema,
-      this.configManager.userQueriesAndFragmentsGlob,
-      this.configManager.generatedQueriesAndFragmentsGlob,
-      this.getApiURL()
-    );
-    const codeString = `//@ts-nocheck
-  // DO NOT MODIFY THIS FILE. This file is automatically generated by Tina
-  export function gql(strings: TemplateStringsArray, ...args: string[]): string {
-    let str = ''
-    strings.forEach((string, i) => {
-      str += string + (args[i] || '')
-    })
-    return str
-  }
-  ${typescriptTypes}
-  `;
-    const schemaString = `# DO NOT MODIFY THIS FILE. This file is automatically generated by Tina
-${(0, import_graphql6.printSchema)(this.schema)}
-schema {
-  query: Query
-  mutation: Mutation
+#no-assets-placeholder a {
+  color: #0077cc;
+  text-decoration: none;
 }
-`;
-    return { codeString, schemaString };
-  }
-};
-var maybeWarnFragmentSize = async (filepath) => {
-  if ((await import_fs_extra4.default.stat(filepath)).size > 100 * 1024) {
-    console.warn(
-      "Warning: frags.gql is very large (>100kb). Consider setting the reference depth to 1 or 0. See code snippet below."
-    );
-    console.log(
-      `const schema = defineSchema({
-          client: {
-              referenceDepth: 1,
-          },
-        // ...
-    })`
-    );
-  }
-};
-var unlinkIfExists = async (filepath) => {
-  if (import_fs_extra4.default.existsSync(filepath)) {
-    import_fs_extra4.default.unlinkSync(filepath);
-  }
-};
+#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>
 
-// src/next/database.ts
-var import_graphql8 = require("@tinacms/graphql");
-var import_readable_stream = require("readable-stream");
-var import_net = require("net");
-var import_many_level = require("many-level");
-var import_memory_level = require("memory-level");
-var createDBServer = (port) => {
-  const levelHost = new import_many_level.ManyLevelHost(
-    new import_memory_level.MemoryLevel({
-      valueEncoding: "json"
-    })
-  );
-  const dbServer = (0, import_net.createServer)(function(socket) {
-    return (0, import_readable_stream.pipeline)(socket, levelHost.createRpcStream(), socket, () => {
-    });
-  });
-  dbServer.once("error", (err) => {
-    if ((err == null ? void 0 : err.code) === "EADDRINUSE") {
-      throw new Error(
-        `Tina Dev server is already in use. Datalayer server is busy on port ${port}`
-      );
-    }
-  });
-  dbServer.listen(port);
-};
-async function createAndInitializeDatabase(configManager, datalayerPort, bridgeOverride) {
-  let database;
-  const bridge = bridgeOverride || new import_graphql8.FilesystemBridge(configManager.rootPath, configManager.contentRootPath);
-  if (configManager.hasSelfHostedConfig() && configManager.config.contentApiUrlOverride) {
-    database = await configManager.loadDatabaseFile();
-    database.bridge = bridge;
-  } else {
-    if (configManager.hasSelfHostedConfig() && !configManager.config.contentApiUrlOverride) {
-      logger.warn(
-        `Found a database config file at ${configManager.printRelativePath(
-          configManager.selfHostedDatabaseFilePath
-        )} but there was no "contentApiUrlOverride" set. Falling back to built-in datalayer`
-      );
-    }
-    const level = new import_graphql8.TinaLevelClient(datalayerPort);
-    level.openConnection();
-    database = (0, import_graphql8.createDatabaseInternal)({
-      bridge,
-      level,
-      tinaDirectory: configManager.isUsingLegacyFolder ? LEGACY_TINA_FOLDER : TINA_FOLDER
-    });
+  <!-- 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}';
   }
-  return database;
-}
+  </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/next/commands/baseCommands.ts
-var import_clipanion = require("clipanion");
-var import_chalk4 = __toESM(require("chalk"));
+// src/next/commands/dev-command/server/index.ts
+var import_vite3 = require("vite");
 
-// src/utils/start-subprocess.ts
-var import_child_process = __toESM(require("child_process"));
-var startSubprocess2 = async ({ command: command2 }) => {
-  if (typeof command2 === "string") {
-    const commands = command2.split(" ");
-    const firstCommand = commands[0];
-    const args = commands.slice(1) || [];
-    const ps = import_child_process.default.spawn(firstCommand, args, {
-      stdio: "inherit",
-      shell: true
-    });
-    ps.on("error", (code) => {
-      logger.error(
-        dangerText(
-          `An error has occurred in the Next.js child process. Error message below`
-        )
-      );
-      logger.error(`name: ${code.name}
-message: ${code.message}
+// src/next/vite/index.ts
+var import_node_path2 = __toESM(require("path"));
+var import_plugin_react = __toESM(require("@vitejs/plugin-react"));
+var import_fs_extra4 = __toESM(require("fs-extra"));
+var import_normalize_path3 = __toESM(require("normalize-path"));
+var import_vite = require("vite");
 
-stack: ${code.stack || "No stack was provided"}`);
-    });
-    ps.on("close", (code) => {
-      logger.info(`child process exited with code ${code}`);
-      process.exit(code);
-    });
-    return ps;
-  }
+// 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/utils/spinner.ts
-var import_cli_spinner = require("cli-spinner");
-async function localSpin({
-  waitFor,
-  text
+// src/next/vite/index.ts
+async function listFilesRecursively({
+  directoryPath,
+  config: config2,
+  roothPath
 }) {
-  const spinner = new import_cli_spinner.Spinner({
-    text: `${text} %s`,
-    stream: process.stderr,
-    onTick: function(msg) {
-      this.clearLine(this.stream);
-      this.stream.write(msg);
+  const fullDirectoryPath = import_node_path2.default.join(
+    roothPath,
+    config2.publicFolder,
+    directoryPath
+  );
+  const exists = await import_fs_extra4.default.pathExists(fullDirectoryPath);
+  if (!exists) {
+    return { "0": [] };
+  }
+  const items = await import_fs_extra4.default.readdir(fullDirectoryPath);
+  const staticMediaItems = [];
+  for (const item of items) {
+    const itemPath = import_node_path2.default.join(fullDirectoryPath, item);
+    const stats = await import_fs_extra4.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
+      });
     }
-  });
-  spinner.setSpinnerString("\u280B\u2819\u2839\u2838\u283C\u2834\u2826\u2827\u2807\u280F");
-  spinner.start();
-  const res = await waitFor();
-  spinner.stop();
-  console.log("");
-  return res;
+    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);
 }
-function spin({
-  waitFor,
-  text
-}) {
-  if (process.env.CI) {
-    console.log(text);
-    return waitFor();
-  } else {
-    return localSpin({
-      text,
-      waitFor
+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_extra4.default.outputFile(staticMediaPath, JSON.stringify(staticMedia, null, 2));
+  } else {
+    await import_fs_extra4.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_path3.default)(basePath)}/` : ""}${(0, import_normalize_path3.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;
+};
 
-// src/next/commands/baseCommands.ts
+// src/next/vite/plugins.ts
+var import_pluginutils = require("@rollup/pluginutils");
+var import_fs = __toESM(require("fs"));
+var import_vite2 = require("vite");
+var import_esbuild2 = require("esbuild");
+var import_path4 = __toESM(require("path"));
+var import_body_parser = __toESM(require("body-parser"));
+var import_cors = __toESM(require("cors"));
 var import_graphql9 = require("@tinacms/graphql");
+
+// src/next/commands/dev-command/server/media.ts
 var import_fs_extra5 = __toESM(require("fs-extra"));
-var BaseCommand = class extends import_clipanion.Command {
-  constructor() {
-    super(...arguments);
-    this.experimentalDataLayer = import_clipanion.Option.Boolean("--experimentalData", {
-      description: "DEPRECATED - Build the server with additional data querying capabilities"
-    });
-    this.isomorphicGitBridge = import_clipanion.Option.Boolean("--isomorphicGitBridge", {
-      description: "DEPRECATED - Enable Isomorphic Git Bridge Implementation"
-    });
-    this.port = import_clipanion.Option.String("-p,--port", "4001", {
-      description: "Specify a port to run the server on. (default 4001)"
-    });
-    this.datalayerPort = import_clipanion.Option.String("--datalayer-port", "9000", {
-      description: "Specify a port to run the datalayer server on. (default 9000)"
-    });
-    this.subCommand = import_clipanion.Option.String("-c,--command", {
-      description: "The sub-command to run"
-    });
-    this.rootPath = import_clipanion.Option.String("--rootPath", {
-      description: "Specify the root directory to run the CLI from (defaults to current working directory)"
+var import_path3 = __toESM(require("path"));
+var import_busboy = __toESM(require("busboy"));
+var createMediaRouter = (config2) => {
+  const mediaFolder = import_path3.default.join(
+    config2.rootPath,
+    config2.publicFolder,
+    config2.mediaRoot
+  );
+  const mediaModel = new MediaModel(config2);
+  const handleList = async (req, res) => {
+    const requestURL = new URL(req.url, config2.apiURL);
+    const folder = requestURL.pathname.replace("/media/list/", "");
+    const limit = requestURL.searchParams.get("limit");
+    const cursor = requestURL.searchParams.get("cursor");
+    const media = await mediaModel.listMedia({
+      searchPath: folder,
+      cursor,
+      limit
     });
-    this.verbose = import_clipanion.Option.Boolean("-v,--verbose", false, {
-      description: "increase verbosity of logged output"
+    res.end(JSON.stringify(media));
+  };
+  const handleDelete = async (req, res) => {
+    const file = decodeURIComponent(req.url.slice("/media/".length));
+    const didDelete = await mediaModel.deleteMedia({ searchPath: file });
+    res.end(JSON.stringify(didDelete));
+  };
+  const handlePost = async function(req, res) {
+    const bb = (0, import_busboy.default)({ headers: req.headers });
+    bb.on("file", async (_name, file, _info) => {
+      var _a;
+      const fullPath = decodeURI((_a = req.url) == null ? void 0 : _a.slice("/media/upload/".length));
+      const saveTo = import_path3.default.join(mediaFolder, ...fullPath.split("/"));
+      await import_fs_extra5.default.ensureDir(import_path3.default.dirname(saveTo));
+      file.pipe(import_fs_extra5.default.createWriteStream(saveTo));
     });
-    this.noSDK = import_clipanion.Option.Boolean("--noSDK", false, {
-      description: "DEPRECATED - This should now be set in the config at client.skip = true'. Don't generate the generated client SDK"
+    bb.on("error", (error) => {
+      res.statusCode = 500;
+      if (error instanceof Error) {
+        res.end(JSON.stringify({ message: error }));
+      } else {
+        res.end(JSON.stringify({ message: "Unknown error while uploading" }));
+      }
     });
-    this.noTelemetry = import_clipanion.Option.Boolean("--noTelemetry", false, {
-      description: "Disable anonymous telemetry that is collected"
+    bb.on("close", () => {
+      res.statusCode = 200;
+      res.end(JSON.stringify({ success: true }));
     });
+    req.pipe(bb);
+  };
+  return { handleList, handleDelete, handlePost };
+};
+var parseMediaFolder = (str) => {
+  let returnString = str;
+  if (returnString.startsWith("/")) returnString = returnString.substr(1);
+  if (returnString.endsWith("/"))
+    returnString = returnString.substr(0, returnString.length - 1);
+  return returnString;
+};
+var MediaModel = class {
+  constructor({ rootPath, publicFolder, mediaRoot }) {
+    this.rootPath = rootPath;
+    this.mediaRoot = mediaRoot;
+    this.publicFolder = publicFolder;
   }
-  async startSubCommand() {
-    let subProc;
-    if (this.subCommand) {
-      subProc = await startSubprocess2({ command: this.subCommand });
-      logger.info(`Starting subprocess: ${import_chalk4.default.cyan(this.subCommand)}`);
-    }
-    function exitHandler(options, exitCode) {
-      if (subProc) {
-        subProc.kill();
+  async listMedia(args) {
+    try {
+      const folderPath = (0, import_path3.join)(
+        this.rootPath,
+        this.publicFolder,
+        this.mediaRoot,
+        decodeURIComponent(args.searchPath)
+      );
+      const searchPath = parseMediaFolder(args.searchPath);
+      if (!await import_fs_extra5.default.pathExists(folderPath)) {
+        return {
+          files: [],
+          directories: []
+        };
       }
-      process.exit();
+      const filesStr = await import_fs_extra5.default.readdir(folderPath);
+      const filesProm = filesStr.map(async (file) => {
+        const filePath = (0, import_path3.join)(folderPath, file);
+        const stat = await import_fs_extra5.default.stat(filePath);
+        let src = `/${file}`;
+        const isFile = stat.isFile();
+        if (!isFile) {
+          return {
+            isFile,
+            size: stat.size,
+            src,
+            filename: file
+          };
+        }
+        if (searchPath) {
+          src = `/${searchPath}${src}`;
+        }
+        if (this.mediaRoot) {
+          src = `/${this.mediaRoot}${src}`;
+        }
+        return {
+          isFile,
+          size: stat.size,
+          src,
+          filename: file
+        };
+      });
+      const offset = Number(args.cursor) || 0;
+      const limit = Number(args.limit) || 20;
+      const rawItems = await Promise.all(filesProm);
+      const sortedItems = rawItems.sort((a, b) => {
+        if (a.isFile && !b.isFile) {
+          return 1;
+        }
+        if (!a.isFile && b.isFile) {
+          return -1;
+        }
+        return 0;
+      });
+      const limitItems = sortedItems.slice(offset, offset + limit);
+      const files = limitItems.filter((x) => x.isFile);
+      const directories = limitItems.filter((x) => !x.isFile).map((x) => x.src);
+      const cursor = rawItems.length > offset + limit ? String(offset + limit) : null;
+      return {
+        files,
+        directories,
+        cursor
+      };
+    } catch (error) {
+      console.error(error);
+      return {
+        files: [],
+        directories: [],
+        error: error == null ? void 0 : error.toString()
+      };
     }
-    process.on("exit", exitHandler);
-    process.on("SIGINT", exitHandler);
-    process.on("SIGUSR1", exitHandler);
-    process.on("SIGUSR2", exitHandler);
-    process.on("uncaughtException", (error) => {
-      logger.error(`Uncaught exception ${error.name}`);
+  }
+  async deleteMedia(args) {
+    try {
+      const file = (0, import_path3.join)(
+        this.rootPath,
+        this.publicFolder,
+        this.mediaRoot,
+        decodeURIComponent(args.searchPath)
+      );
+      await import_fs_extra5.default.stat(file);
+      await import_fs_extra5.default.remove(file);
+      return { ok: true };
+    } catch (error) {
       console.error(error);
-    });
+      return { ok: false, message: error == null ? void 0 : error.toString() };
+    }
   }
-  logDeprecationWarnings() {
-    if (this.isomorphicGitBridge) {
-      logger.warn("--isomorphicGitBridge has been deprecated");
+};
+
+// src/next/commands/dev-command/server/searchIndex.ts
+var createSearchIndexRouter = ({
+  config: config2,
+  searchIndex
+}) => {
+  const put = async (req, res) => {
+    const { docs } = req.body;
+    const result = await searchIndex.PUT(docs);
+    res.writeHead(200, { "Content-Type": "application/json" });
+    res.end(JSON.stringify({ result }));
+  };
+  const get = async (req, res) => {
+    const requestURL = new URL(req.url, config2.apiURL);
+    const query = requestURL.searchParams.get("q");
+    const optionsParam = requestURL.searchParams.get("options");
+    let options = {
+      DOCUMENTS: false
+    };
+    if (optionsParam) {
+      options = {
+        ...options,
+        ...JSON.parse(optionsParam)
+      };
     }
-    if (this.experimentalDataLayer) {
-      logger.warn(
-        "--experimentalDataLayer has been deprecated, the data layer is now built-in automatically"
-      );
+    res.writeHead(200, { "Content-Type": "application/json" });
+    if (query) {
+      const result = await searchIndex.QUERY(JSON.parse(query), options);
+      res.end(JSON.stringify(result));
+    } else {
+      res.end(JSON.stringify({ RESULT: [] }));
     }
-    if (this.noSDK) {
-      logger.warn(
-        "--noSDK has been deprecated, and will be unsupported in a future release. This should be set in the config at client.skip = true"
-      );
+  };
+  const del = async (req, res) => {
+    const requestURL = new URL(req.url, config2.apiURL);
+    const docId = requestURL.pathname.split("/").filter(Boolean).slice(1).join("/");
+    const result = await searchIndex.DELETE(docId);
+    res.writeHead(200, { "Content-Type": "application/json" });
+    res.end(JSON.stringify({ result }));
+  };
+  return { del, get, put };
+};
+
+// src/next/vite/plugins.ts
+var transformTsxPlugin = ({
+  configManager: _configManager
+}) => {
+  const plug = {
+    name: "transform-tsx",
+    async transform(code, id) {
+      const extName = import_path4.default.extname(id);
+      if (extName.startsWith(".tsx") || extName.startsWith(".ts")) {
+        const result = await (0, import_esbuild2.transform)(code, { loader: "tsx" });
+        return {
+          code: result.code
+        };
+      }
     }
-  }
-  async indexContentWithSpinner({
-    database,
-    graphQLSchema,
-    tinaSchema,
-    configManager,
-    partialReindex,
-    text
-  }) {
-    const textToUse = text || "Indexing local files";
-    const warnings = [];
-    await spin({
-      waitFor: async () => {
-        var _a, _b;
-        const rootPath = configManager.rootPath;
-        let sha;
-        try {
-          sha = await (0, import_graphql9.getSha)({ fs: import_fs_extra5.default, dir: rootPath });
-        } catch (e) {
-          if (partialReindex) {
-            console.error(
-              "Failed to get sha. NOTE: `--partial-reindex` only supported for git repositories"
-            );
-            throw e;
-          }
-        }
-        const lastSha = await database.getMetadata("lastSha");
-        const exists = lastSha && await (0, import_graphql9.shaExists)({ fs: import_fs_extra5.default, dir: rootPath, sha: lastSha });
-        let res;
-        if (partialReindex && lastSha && exists && sha) {
-          const pathFilter = {};
-          if (configManager.isUsingLegacyFolder) {
-            pathFilter[".tina/__generated__/_schema.json"] = {};
-          } else {
-            pathFilter["tina/tina-lock.json"] = {};
-          }
-          for (const collection of tinaSchema.getCollections()) {
-            pathFilter[collection.path] = {
-              matches: ((_a = collection.match) == null ? void 0 : _a.exclude) || ((_b = collection.match) == null ? void 0 : _b.include) ? tinaSchema.getMatches({ collection }) : void 0
-            };
-          }
-          const { added, modified, deleted } = await (0, import_graphql9.getChangedFiles)({
-            fs: import_fs_extra5.default,
-            dir: rootPath,
-            from: lastSha,
-            to: sha,
-            pathFilter
-          });
-          const tinaPathUpdates = modified.filter(
-            (path14) => path14.startsWith(".tina/__generated__/_schema.json") || path14.startsWith("tina/tina-lock.json")
+  };
+  return plug;
+};
+var devServerEndPointsPlugin = ({
+  configManager,
+  apiURL,
+  database,
+  searchIndex,
+  databaseLock
+}) => {
+  const plug = {
+    name: "graphql-endpoints",
+    configureServer(server) {
+      server.middlewares.use((0, import_cors.default)());
+      server.middlewares.use(import_body_parser.default.json({ limit: "5mb" }));
+      server.middlewares.use(async (req, res, next) => {
+        var _a;
+        const mediaPaths = (_a = configManager.config.media) == null ? void 0 : _a.tina;
+        const mediaRouter = createMediaRouter({
+          rootPath: configManager.rootPath,
+          apiURL,
+          publicFolder: parseMediaFolder((mediaPaths == null ? void 0 : mediaPaths.publicFolder) || ""),
+          mediaRoot: parseMediaFolder((mediaPaths == null ? void 0 : mediaPaths.mediaRoot) || "")
+        });
+        const searchIndexRouter = createSearchIndexRouter({
+          config: { apiURL, searchPath: "searchIndex" },
+          searchIndex
+        });
+        if (req.url.startsWith("/media/upload")) {
+          await mediaRouter.handlePost(req, res);
+          return;
+        }
+        if (req.url.startsWith("/media")) {
+          if (req.method === "DELETE") {
+            await mediaRouter.handleDelete(req, res);
+            return;
+          }
+        }
+        if (req.url.startsWith("/media/list")) {
+          await mediaRouter.handleList(req, res);
+          return;
+        }
+        if (req.url === "/altair") {
+          res.end(
+            JSON.stringify({
+              status: "The GraphQL playground has moved to <your-dev-url>/index.html#/graphql"
+            })
           );
-          if (tinaPathUpdates.length > 0) {
-            res = await database.indexContent({
-              graphQLSchema,
-              tinaSchema
+          return;
+        }
+        if (req.url === "/graphql") {
+          const { query, variables } = req.body;
+          let result;
+          await databaseLock(async () => {
+            result = await (0, import_graphql9.resolve)({
+              config: {
+                useRelativeMedia: true
+              },
+              database,
+              query,
+              variables,
+              verbose: false
             });
-          } else {
-            if (added.length > 0 || modified.length > 0) {
-              await database.indexContentByPaths([...added, ...modified]);
-            }
-            if (deleted.length > 0) {
-              await database.deleteContentByPaths(deleted);
-            }
-          }
-        } else {
-          res = await database.indexContent({
-            graphQLSchema,
-            tinaSchema
           });
+          res.end(JSON.stringify(result));
+          return;
         }
-        if (sha) {
-          await database.setMetadata("lastSha", sha);
-        }
-        if (res == null ? void 0 : res.warnings) {
-          warnings.push(...res.warnings);
+        if (req.url.startsWith("/searchIndex")) {
+          if (req.method === "POST") {
+            await searchIndexRouter.put(req, res);
+          } else if (req.method === "GET") {
+            await searchIndexRouter.get(req, res);
+          } else if (req.method === "DELETE") {
+            await searchIndexRouter.del(req, res);
+          }
+          return;
         }
-      },
-      text: textToUse
-    });
-    if (warnings.length > 0) {
-      logger.warn(`Indexing completed with ${warnings.length} warning(s)`);
-      warnings.forEach((warning) => {
-        logger.warn(warnText(`${warning}`));
+        next();
       });
     }
-  }
+  };
+  return plug;
+};
+function viteTransformExtension({
+  exportAsDefault = true,
+  svgrOptions,
+  esbuildOptions,
+  include = "**/*.svg",
+  exclude
+} = {}) {
+  const filter = (0, import_pluginutils.createFilter)(include, exclude);
+  return {
+    name: "vite-plugin-svgr",
+    async transform(code, id) {
+      if (filter(id)) {
+        const { transform: transform2 } = await Promise.resolve().then(() => __toESM(require("@svgr/core")));
+        const svgCode = await import_fs.default.promises.readFile(
+          id.replace(/\?.*$/, ""),
+          "utf8"
+        );
+        const componentCode = await transform2(svgCode, svgrOptions, {
+          filePath: id,
+          caller: {
+            previousExport: exportAsDefault ? null : code
+          }
+        });
+        const res = await (0, import_vite2.transformWithEsbuild)(componentCode, id, {
+          loader: "jsx",
+          ...esbuildOptions
+        });
+        return {
+          code: res.code,
+          map: null
+          // TODO:
+        };
+      }
+    }
+  };
+}
+
+// src/next/commands/dev-command/server/index.ts
+var createDevServer = async (configManager, database, searchIndex, apiURL, noWatch, databaseLock) => {
+  const plugins = [
+    transformTsxPlugin({ configManager }),
+    devServerEndPointsPlugin({
+      apiURL,
+      configManager,
+      database,
+      searchIndex,
+      databaseLock
+    }),
+    viteTransformExtension()
+  ];
+  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) {
+          if (warning.code === "MODULE_LEVEL_DIRECTIVE") {
+            return;
+          }
+          warn(warning);
+        }
+      }
+    })
+  );
 };
 
 // src/next/commands/dev-command/index.ts
-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"
     });
@@ -2262,6 +2340,10 @@ var DevCommand = class extends BaseCommand {
     this.outputSearchIndexPath = import_clipanion2.Option.String("--outputSearchIndexPath", {
       description: "Path to write the search index to"
     });
+    this.noServer = import_clipanion2.Option.Boolean("--no-server", false, {
+      description: "Do not start the dev server"
+    });
+    this.indexingLock = new import_async_lock.default();
   }
   async catch(error) {
     logger.error("Error occured during tinacms dev");
@@ -2282,10 +2364,13 @@ var DevCommand = class extends BaseCommand {
       rootPath: this.rootPath,
       legacyNoSDK: this.noSDK
     });
-    logger.info("Starting Tina Dev Server");
+    logger.info("\u{1F999} TinaCMS Dev Server is initializing...");
     this.logDeprecationWarnings();
     createDBServer(Number(this.datalayerPort));
     let database = null;
+    const dbLock = async (fn) => {
+      return this.indexingLock.acquire("Key", fn);
+    };
     const setup = async ({ firstTime }) => {
       try {
         await configManager.processConfig();
@@ -2336,9 +2421,6 @@ var DevCommand = class extends BaseCommand {
             await import_fs_extra6.default.outputFile(filePath, tinaLockContent);
           }
         }
-        if (!this.noWatch) {
-          this.watchQueries(configManager, async () => await codegen2.execute());
-        }
         await this.indexContentWithSpinner({
           database,
           graphQLSchema: graphQLSchema2,
@@ -2348,6 +2430,13 @@ var DevCommand = class extends BaseCommand {
         if (!firstTime) {
           logger.error("Re-index complete");
         }
+        if (!this.noWatch) {
+          this.watchQueries(
+            configManager,
+            dbLock,
+            async () => await codegen2.execute()
+          );
+        }
         return { apiURL: apiURL2, database, graphQLSchema: graphQLSchema2, tinaSchema: tinaSchema2 };
       } catch (e) {
         logger.error(`
@@ -2382,14 +2471,6 @@ ${dangerText(e.message)}
       tokenSplitRegex: (_d = (_c = configManager.config.search) == null ? void 0 : _c.tina) == null ? void 0 : _d.tokenSplitRegex
     });
     await searchIndexClient.onStartIndexing();
-    const server = await createDevServer(
-      configManager,
-      database,
-      searchIndexClient.searchIndex,
-      apiURL,
-      this.noWatch
-    );
-    await server.listen(Number(this.port));
     const searchIndexer = new import_search.SearchIndexer({
       batchSize: ((_e = configManager.config.search) == null ? void 0 : _e.indexBatchSize) || 100,
       bridge: new import_graphql10.FilesystemBridge(
@@ -2411,16 +2492,34 @@ ${dangerText(e.message)}
         await searchIndexClient.export(this.outputSearchIndexPath);
       }
     }
+    if (this.noServer) {
+      logger.info("--no-server option specified - Dev server not started");
+      process.exit(0);
+    }
     if (!this.noWatch) {
       this.watchContentFiles(
         configManager,
         database,
+        dbLock,
         configManager.config.search && searchIndexer
       );
+    }
+    const server = await createDevServer(
+      configManager,
+      database,
+      searchIndexClient.searchIndex,
+      apiURL,
+      this.noWatch,
+      dbLock
+    );
+    await server.listen(Number(this.port));
+    if (!this.noWatch) {
       import_chokidar.default.watch(configManager.watchList).on("change", async () => {
-        logger.info(`Tina config change detected, rebuilding`);
-        await setup({ firstTime: false });
-        server.ws.send({ type: "full-reload", path: "*" });
+        await dbLock(async () => {
+          logger.info(`Tina config change detected, rebuilding`);
+          await setup({ firstTime: false });
+          server.ws.send({ type: "full-reload", path: "*" });
+        });
       });
     }
     const subItems = [];
@@ -2433,7 +2532,7 @@ ${dangerText(e.message)}
     const summaryItems = [
       {
         emoji: "\u{1F999}",
-        heading: "Tina Config",
+        heading: "TinaCMS URLs",
         subItems: [
           {
             key: "CMS",
@@ -2468,14 +2567,28 @@ ${dangerText(e.message)}
       });
     }
     summary({
-      heading: "Tina Dev Server is running...",
+      heading: "\u2705 \u{1F999} TinaCMS Dev Server is active:",
       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();
   }
-  watchContentFiles(configManager, database, searchIndexer) {
+  watchContentFiles(configManager, database, databaseLock, searchIndexer) {
     const collectionContentFiles = [];
     configManager.config.schema.collections.forEach((collection) => {
       const collectionGlob = `${import_path5.default.join(
@@ -2491,39 +2604,42 @@ ${dangerText(e.message)}
       if (!ready) {
         return;
       }
-      const pathFromRoot = configManager.printContentRelativePath(addedFile);
-      await database.indexContentByPaths([pathFromRoot]).catch(console.error);
-      if (searchIndexer) {
-        await searchIndexer.indexContentByPaths([pathFromRoot]).catch(console.error);
-      }
+      await databaseLock(async () => {
+        const pathFromRoot = configManager.printContentRelativePath(addedFile);
+        await database.indexContentByPaths([pathFromRoot]).catch(console.error);
+        if (searchIndexer) {
+          await searchIndexer.indexContentByPaths([pathFromRoot]).catch(console.error);
+        }
+      });
     }).on("change", async (changedFile) => {
       const pathFromRoot = configManager.printContentRelativePath(changedFile);
-      await database.indexContentByPaths([pathFromRoot]).catch(console.error);
-      if (searchIndexer) {
-        await searchIndexer.indexContentByPaths([pathFromRoot]).catch(console.error);
-      }
+      await databaseLock(async () => {
+        await database.indexContentByPaths([pathFromRoot]).catch(console.error);
+        if (searchIndexer) {
+          await searchIndexer.indexContentByPaths([pathFromRoot]).catch(console.error);
+        }
+      });
     }).on("unlink", async (removedFile) => {
       const pathFromRoot = configManager.printContentRelativePath(removedFile);
-      await database.deleteContentByPaths([pathFromRoot]).catch(console.error);
-      if (searchIndexer) {
-        await searchIndexer.deleteIndexContent([pathFromRoot]).catch(console.error);
-      }
+      await databaseLock(async () => {
+        await database.deleteContentByPaths([pathFromRoot]).catch(console.error);
+        if (searchIndexer) {
+          await searchIndexer.deleteIndexContent([pathFromRoot]).catch(console.error);
+        }
+      });
     });
   }
-  watchQueries(configManager, callback) {
-    let ready = false;
-    import_chokidar.default.watch(configManager.userQueriesAndFragmentsGlob).on("ready", () => {
-      ready = true;
-    }).on("add", async (addedFile) => {
-      await callback();
-    }).on("change", async (changedFile) => {
-      await callback();
-    }).on("unlink", async (removedFile) => {
-      await callback();
-    });
+  watchQueries(configManager, databaseLock, callback) {
+    const executeCallback = async (_) => {
+      await databaseLock(async () => {
+        await callback();
+      });
+    };
+    import_chokidar.default.watch(configManager.userQueriesAndFragmentsGlob).on("add", executeCallback).on("change", executeCallback).on("unlink", executeCallback);
   }
 };
 DevCommand.paths = [["dev"], ["server:start"]];
+// Prevent indexes and reads occurring at once
 DevCommand.usage = import_clipanion2.Command.Usage({
   category: `Commands`,
   description: `Builds Tina and starts the dev server`,
@@ -2534,12 +2650,41 @@ DevCommand.usage = import_clipanion2.Command.Usage({
 });
 
 // src/next/commands/build-command/index.ts
-var import_clipanion3 = require("clipanion");
-var import_progress2 = __toESM(require("progress"));
-var import_fs_extra7 = __toESM(require("fs-extra"));
 var import_crypto = __toESM(require("crypto"));
 var import_path6 = __toESM(require("path"));
+var import_core3 = require("@graphql-inspector/core");
 var import_graphql11 = require("@tinacms/graphql");
+var import_schema_tools2 = require("@tinacms/schema-tools");
+var import_search2 = require("@tinacms/search");
+var import_clipanion3 = require("clipanion");
+var import_fs_extra7 = __toESM(require("fs-extra"));
+var import_graphql12 = require("graphql");
+var import_progress2 = __toESM(require("progress"));
+
+// src/utils/index.ts
+var import_core2 = require("@graphql-inspector/core");
+var getFaqLink = (type) => {
+  switch (type) {
+    case import_core2.ChangeType.FieldRemoved: {
+      return "https://tina.io/docs/introduction/faq#how-do-i-resolve-the-local-graphql-schema-doesnt-match-the-remote-graphql-schema-errors";
+    }
+    default:
+      return null;
+  }
+};
+
+// src/utils/sleep.ts
+function timeout(ms) {
+  return new Promise((resolve2) => setTimeout(resolve2, ms));
+}
+async function sleepAndCallFunc({
+  fn,
+  ms
+}) {
+  await timeout(ms);
+  const res = await fn();
+  return res;
+}
 
 // src/next/commands/build-command/server.ts
 var import_vite5 = require("vite");
@@ -2579,29 +2724,9 @@ var buildProductionSpa = async (configManager, database, apiURL) => {
   return (0, import_vite5.build)(config2);
 };
 
-// src/next/commands/build-command/index.ts
-var import_schema_tools2 = require("@tinacms/schema-tools");
-var import_graphql12 = require("graphql");
-var import_core3 = require("@graphql-inspector/core");
-
 // src/next/commands/build-command/waitForDB.ts
-var import_progress = __toESM(require("progress"));
 var import_schema_tools = require("@tinacms/schema-tools");
-
-// src/utils/sleep.ts
-function timeout(ms) {
-  return new Promise((resolve2) => setTimeout(resolve2, ms));
-}
-async function sleepAndCallFunc({
-  fn,
-  ms
-}) {
-  await timeout(ms);
-  const res = await fn();
-  return res;
-}
-
-// src/next/commands/build-command/waitForDB.ts
+var import_progress = __toESM(require("progress"));
 var POLLING_INTERVAL = 5e3;
 var STATUS_INPROGRESS = "inprogress";
 var STATUS_COMPLETE = "complete";
@@ -2617,12 +2742,12 @@ var waitForDB = async (config2, apiUrl, previewName, verbose) => {
   const { clientId, branch, isLocalClient, host } = (0, import_schema_tools.parseURL)(apiUrl);
   if (isLocalClient || !host || !clientId || !branch) {
     if (verbose) {
-      logger.info(logText("Not using Tina Cloud, skipping DB check"));
+      logger.info(logText("Not using TinaCloud, skipping DB check"));
     }
     return;
   }
   const bar2 = new import_progress.default(
-    "Checking indexing process in Tina Cloud... :prog",
+    "Checking indexing process in TinaCloud... :prog",
     1
   );
   const pollForStatus = async () => {
@@ -2656,11 +2781,11 @@ var waitForDB = async (config2, apiUrl, previewName, verbose) => {
         await sleepAndCallFunc({ fn: pollForStatus, ms: POLLING_INTERVAL });
       } else if (status === STATUS_FAILED) {
         throw new IndexFailedError(
-          `Attempting to index but responded with status 'failed'. To retry the indexing process, click the "Reindex" button for '${previewName || branch}' in the Tina Cloud configuration for this project.  ${error}`
+          `Attempting to index but responded with status 'failed'. To retry the indexing process, click the "Reindex" button for '${previewName || branch}' in the TinaCloud configuration for this project.  ${error}`
         );
       } else {
         throw new IndexFailedError(
-          `Attempting to index but responded with status 'unknown'. To retry the indexing process, click the "Reindex" button for '${previewName || branch}' in the Tina Cloud configuration for this project.  ${error}`
+          `Attempting to index but responded with status 'unknown'. To retry the indexing process, click the "Reindex" button for '${previewName || branch}' in the TinaCloud configuration for this project.  ${error}`
         );
       }
     } catch (e) {
@@ -2677,26 +2802,11 @@ var waitForDB = async (config2, apiUrl, previewName, verbose) => {
     }
   };
   await spin({
-    text: "Checking indexing process in Tina Cloud...",
+    text: "Checking indexing process in TinaCloud...",
     waitFor: pollForStatus
   });
 };
 
-// src/next/commands/build-command/index.ts
-var import_search2 = require("@tinacms/search");
-
-// src/utils/index.ts
-var import_core2 = require("@graphql-inspector/core");
-var getFaqLink = (type) => {
-  switch (type) {
-    case import_core2.ChangeType.FieldRemoved: {
-      return "https://tina.io/docs/introduction/faq#how-do-i-resolve-the-local-graphql-schema-doesnt-match-the-remote-graphql-schema-errors";
-    }
-    default:
-      return null;
-  }
-};
-
 // src/next/commands/build-command/index.ts
 var BuildCommand = class extends BaseCommand {
   constructor() {
@@ -2713,6 +2823,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 TinaCloud 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 TinaCloud
+     */
     this.skipCloudChecks = import_clipanion3.Option.Boolean("--skip-cloud-checks", false, {
       description: "Skips checking the provided cloud config."
     });
@@ -2818,7 +2931,8 @@ ${dangerText(e.message)}
         database,
         null,
         apiURL,
-        true
+        true,
+        (lockedFn) => lockedFn()
       );
       await server.listen(Number(this.port));
       console.log("server listening on port", this.port);
@@ -2880,7 +2994,9 @@ ${dangerText(e.message)}
               `ERROR: Branch not configured in tina search configuration.`
             )}`
           );
-          throw new Error("Branch not configured in tina search configuration.");
+          throw new Error(
+            "Branch not configured in tina search configuration."
+          );
         }
         if (!((_d = configManager.config) == null ? void 0 : _d.clientId)) {
           logger.error(`${dangerText(`ERROR: clientId not configured.`)}`);
@@ -3023,7 +3139,7 @@ ${dangerText(e.message)}
       });
       throw e;
     }
-    const branchBar = new import_progress2.default("Checking branch is on Tina Cloud. :prog", 1);
+    const branchBar = new import_progress2.default("Checking branch is on TinaCloud. :prog", 1);
     if (branchKnown) {
       branchBar.tick({
         prog: "\u2705"
@@ -3060,12 +3176,12 @@ ${dangerText(e.message)}
     });
     logger.error(
       `${dangerText(
-        `ERROR: Branch '${branch}' is not on Tina Cloud.`
+        `ERROR: Branch '${branch}' is not on TinaCloud.`
       )} Please make sure that branch '${branch}' exists in your repository and that you have pushed your all changes to the remote. View all all branches and there current status here: ${linkText(
         `https://app.tina.io/projects/${clientId}/configuration`
       )}`
     );
-    throw new Error("Branch is not on Tina Cloud");
+    throw new Error("Branch is not on TinaCloud");
   }
   async syncProject(configManager, apiURL, options) {
     const { config: config2 } = configManager;
@@ -3127,7 +3243,7 @@ ${dangerText(e.message)}
     );
     const { config: config2 } = configManager;
     const token = config2.token;
-    const { remoteSchema, remoteVersion } = await fetchRemoteGraphqlSchema({
+    const { remoteSchema, remoteProjectVersion } = await fetchRemoteGraphqlSchema({
       url: apiURL,
       token
     });
@@ -3147,7 +3263,7 @@ Additional info: Branch: ${config2.branch}, Client ID: ${config2.clientId} `;
     const localSchemaDocument = await database.getGraphQLSchemaFromBridge();
     const localGraphqlSchema = (0, import_graphql12.buildASTSchema)(localSchemaDocument);
     try {
-      const diffResult = await (0, import_core3.diff)(localGraphqlSchema, remoteGqlSchema);
+      const diffResult = await (0, import_core3.diff)(remoteGqlSchema, localGraphqlSchema);
       if (diffResult.length === 0) {
         bar2.tick({
           prog: "\u2705"
@@ -3160,6 +3276,7 @@ Additional info: Branch: ${config2.branch}, Client ID: ${config2.clientId} `;
         const reason = diffResult[0].message;
         const errorLevel = diffResult[0].criticality.level;
         const faqLink = getFaqLink(type);
+        const tinaGraphQLVersion = configManager.getTinaGraphQLVersion();
         let errorMessage = `The local GraphQL schema doesn't match the remote GraphQL schema. Please push up your changes to GitHub to update your remote GraphQL schema. ${faqLink && `
 Check out '${faqLink}' for possible solutions.`}`;
         errorMessage += `
@@ -3171,7 +3288,7 @@ Additional info:
           errorMessage += `	Branch: ${config2.branch}, Client ID: ${config2.clientId}
 `;
         }
-        errorMessage += `	Local GraphQL version: ${configManager.getTinaGraphQLVersion()} / Remote GraphQL version: ${remoteVersion}
+        errorMessage += `	Local GraphQL version: ${tinaGraphQLVersion.fullVersion} / Remote GraphQL version: ${remoteProjectVersion}
 `;
         errorMessage += `	Last indexed at: ${new Date(
           timestamp
@@ -3203,7 +3320,7 @@ Additional info:
     const { clientId, branch, isLocalClient, host } = (0, import_schema_tools2.parseURL)(apiURL);
     if (isLocalClient || !host || !clientId || !branch) {
       if (verbose) {
-        logger.info(logText("Not using Tina Cloud, skipping Tina Schema check"));
+        logger.info(logText("Not using TinaCloud, skipping Tina Schema check"));
       }
       return;
     }
@@ -3262,7 +3379,7 @@ Additional info:
 BuildCommand.paths = [["build"]];
 BuildCommand.usage = import_clipanion3.Command.Usage({
   category: `Commands`,
-  description: `Build the CMS and autogenerated modules for usage with Tina Cloud`
+  description: `Build the CMS and autogenerated modules for usage with TinaCloud`
 });
 async function request(args) {
   const headers = new Headers();
@@ -3326,7 +3443,8 @@ var fetchRemoteGraphqlSchema = async ({
   const data = await res.json();
   return {
     remoteSchema: data == null ? void 0 : data.data,
-    remoteVersion: res.headers.get("tinacms-grapqhl-version")
+    remoteRuntimeVersion: res.headers.get("tinacms-grapqhl-version"),
+    remoteProjectVersion: res.headers.get("tinacms-graphql-project-version")
   };
 };
 var fetchSchemaSha = async ({
@@ -3451,6 +3569,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}`)
           );
         }
@@ -3656,7 +3775,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
@@ -3760,7 +3881,7 @@ var tinaCloudSetupQuestions = [
   {
     name: "clientId",
     type: "text",
-    message: `What is your Tina Cloud Client ID? (Hit enter to skip and set up yourself later)
+    message: `What is your TinaCloud Client ID? (Hit enter to skip and set up yourself later)
 ${logText(
       "Don't have a Client ID? Create one here: "
     )}${linkText("https://app.tina.io/projects/new")}`,
@@ -3769,7 +3890,7 @@ ${logText(
   {
     name: "token",
     type: "text",
-    message: (prev) => `What is your Tina Cloud Read Only Token?
+    message: (prev) => `What is your TinaCloud Read Only Token?
 ${logText(
       "Don't have a Read Only Token? Create one here: "
     )}${linkText(`https://app.tina.io/projects/${prev || "[XXX]"}/tokens`)}`,
@@ -3891,6 +4012,7 @@ var supportedDatabaseAdapters = {
       {
         from: "mongodb",
         imported: [],
+        // not explicitly imported
         packageName: "mongodb"
       }
     ]
@@ -3963,6 +4085,10 @@ var chooseDatabaseAdapter = async ({
           title: "MongoDB",
           value: "mongodb"
         }
+        // {
+        //   title: "I'll create my own database adapter",
+        //   value: 'other',
+        // },
       ]
     }
   ]);
@@ -3975,8 +4101,8 @@ var chooseDatabaseAdapter = async ({
 };
 
 // src/cmds/init/prompts/authProvider.ts
-var import_prompts5 = __toESM(require("prompts"));
 var import_crypto_js = __toESM(require("crypto-js"));
+var import_prompts5 = __toESM(require("prompts"));
 var supportedAuthProviders = {
   other: {
     name: "other"
@@ -4153,7 +4279,7 @@ var askIfUsingSelfHosted = async () => {
       type: "select",
       choices: [
         {
-          title: "Tina Cloud",
+          title: "TinaCloud",
           value: "tina-cloud"
         },
         {
@@ -4161,7 +4287,7 @@ var askIfUsingSelfHosted = async () => {
           value: "self-host"
         }
       ],
-      message: "Do you want to host your project on Tina Cloud or self-host? (With self-hosting, the graphql api, auth and database will be hosted on your own server.)"
+      message: "Do you want to host your project on TinaCloud or self-host? (With self-hosting, the graphql api, auth and database will be hosted on your own server.)"
     }
   ]);
   return answers;
@@ -4240,6 +4366,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") {
@@ -4343,15 +4470,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);
@@ -4394,8 +4531,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}():::`;
   }
 };
@@ -4479,6 +4615,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"),
@@ -4502,6 +4639,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(),
@@ -4515,6 +4653,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()
@@ -4550,6 +4689,7 @@ var transformForestryFieldsToTinaFields = ({
     }
     let field;
     switch (forestryField2.type) {
+      // Single filed types
       case "text":
         field = {
           type: "string",
@@ -4629,6 +4769,7 @@ var transformForestryFieldsToTinaFields = ({
           );
         }
         break;
+      // List Types
       case "list":
         field = {
           type: "string",
@@ -4651,6 +4792,7 @@ var transformForestryFieldsToTinaFields = ({
           }
         };
         break;
+      // Object (Group) types
       case "field_group":
         field = {
           type: "object",
@@ -4691,6 +4833,7 @@ var transformForestryFieldsToTinaFields = ({
           });
           const fieldsString = stringifyLabelWithField(template2.label);
           const t = {
+            // @ts-ignore
             fields: makeFieldsWithInternalCode({
               hasBody: false,
               field: fieldsString
@@ -4699,7 +4842,6 @@ var transformForestryFieldsToTinaFields = ({
             name: stringifyTemplateName(tem, tem)
           };
           if (t.name != tem) {
-            ;
             t.nameOverride = tem;
           }
           templates2.push(t);
@@ -4728,6 +4870,7 @@ var transformForestryFieldsToTinaFields = ({
           spread: true
         });
         tinaFields.push(
+          // @ts-ignore
           field2
         );
         break;
@@ -4787,6 +4930,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",
@@ -4845,8 +4989,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);
@@ -4913,12 +5056,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,
@@ -4936,6 +5081,8 @@ var generateCollectionFromForestrySection = (args) => {
       const fieldsString = stringifyLabelWithField(template.templateObj.label);
       c = {
         ...baseCollection,
+        // fields: [BODY_FIELD],
+        // @ts-expect-error
         fields: makeFieldsWithInternalCode({
           field: fieldsString,
           hasBody,
@@ -5683,6 +5830,7 @@ var makeImportsVisitor = (sourceFile, importMap) => (ctx) => (node) => {
           ) : [];
           const newImports = [
             .../* @__PURE__ */ new Set([
+              // we use Set to remove duplicates
               ...existingImports,
               ...imports
             ])
@@ -5837,10 +5985,14 @@ var addSelfHostedTinaAuthToConfig = async (config2, configFile) => {
   );
   const { configImports, configAuthProviderClass, extraTinaCollections } = config2.authProvider;
   const importMap = {
-    ...configImports.reduce((acc, { from, imported }) => {
-      acc[from] = imported;
-      return acc;
-    }, {})
+    // iterate over configImports and add them to the import map
+    ...configImports.reduce(
+      (acc, { from, imported }) => {
+        acc[from] = imported;
+        return acc;
+      },
+      {}
+    )
   };
   const transformedSourceFileResult = import_typescript3.default.transform(
     sourceFile,
@@ -6011,7 +6163,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({
@@ -6289,6 +6447,13 @@ ${titleText(" TinaCMS ")} has been initialized!`));
     logger.info(
       "To get started run: " + cmdText(frameworkDevCmds[framework.name]({ packageManager }))
     );
+    if (framework.name === "hugo") {
+      logger.info(
+        focusText("Hugo is required. "),
+        "Don't have Hugo installed? Follow this guide to set it up: ",
+        linkText("https://gohugo.io/installation/")
+      );
+    }
     logger.info(
       "To get your site production ready, run: " + cmdText(`tinacms init backend`)
     );
@@ -6304,6 +6469,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>"`;
@@ -6316,6 +6482,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`;
@@ -6572,6 +6739,4 @@ cli.register(SearchIndexCommand);
 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 = {});
+var index_default = cli;