@tinacms/cli 0.0.0-bd0c18e-20250217004931 → 0.0.0-bdc07c1-20250506013835

package/dist/index.js

@@ -27,32 +27,24 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 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.8.4";
+var version = "1.9.5";
 
 // src/next/commands/dev-command/index.ts
+var import_path5 = __toESM(require("path"));
+var import_graphql10 = require("@tinacms/graphql");
+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"));
-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"));
 
 // src/logger/index.ts
 var import_chalk = __toESM(require("chalk"));
@@ -165,2167 +157,2176 @@ 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((/* @__PURE__ */ 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() {
-    if (this.tinaGraphQLVersionFromCLI) {
-      const version2 = this.tinaGraphQLVersionFromCLI.split(".");
-      return {
-        fullVersion: this.tinaGraphQLVersionFromCLI,
-        major: version2[0] || "x",
-        minor: version2[1] || "x",
-        patch: version2[2] || "x"
-      };
-    }
-    const generatedSchema = import_fs_extra.default.readJSONSync(this.generatedSchemaJSONPath);
-    if (!generatedSchema || !(typeof (generatedSchema == null ? void 0 : generatedSchema.version) !== "undefined")) {
-      throw new Error(
-        `Can not find Tina GraphQL version in ${this.generatedSchemaJSONPath}`
+  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;
-  }
-  printGeneratedClientFilePath() {
-    if (this.isUsingTs()) {
-      return this.generatedClientTSFilePath.replace(`${this.rootPath}/`, "");
-    }
-    return this.generatedClientJSFilePath.replace(`${this.rootPath}/`, "");
-  }
-  printGeneratedTypesFilePath() {
-    return this.generatedTypesTSFilePath.replace(`${this.rootPath}/`, "");
+      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")}
+    };
   }
-  printoutputHTMLFilePath() {
-    return this.outputHTMLFilePath.replace(`${this.publicFolderPath}/`, "");
+  export type Sdk = ReturnType<typeof getSdk>;`;
   }
-  printRelativePath(filename) {
-    if (filename) {
-      return filename.replace(/\\/g, "/").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;
     }
-    throw `No path provided to print`;
   }
-  printPrebuildFilePath() {
-    return this.prebuildFilePath.replace(/\\/g, "/").replace(`${this.rootPath}/${this.tinaFolderPath}/`, "");
+  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;
   }
-  printContentRelativePath(filename) {
-    if (filename) {
-      return filename.replace(/\\/g, "/").replace(`${this.contentRootPath}/`, "");
+  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`;
   }
-  /**
-   * 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;
-        }
-        const filepathWithExtension = `${filepath}.${ext}`;
-        const exists = import_fs_extra.default.existsSync(filepathWithExtension);
-        if (exists) {
-          result = filepathWithExtension;
-        }
-      })
-    );
-    return result;
+  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 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 preBuildConfigPath = import_path.default.join(
-      this.generatedFolderPath,
-      "config.prebuild.jsx"
+  async execute() {
+    await this.writeConfigFile(
+      "_graphql.json",
+      JSON.stringify(this.graphqlSchemaDoc)
     );
-    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: preBuildConfigPath,
-      loader: loaders,
-      metafile: true
-    });
-    const flattenedList = [];
-    Object.keys(result2.metafile.inputs).forEach((key) => {
-      if (key.includes("node_modules") || key.includes("__generated__")) {
-        return;
+    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_extra.default.outputFile(
+      this.configManager.generatedQueriesFilePath,
+      this.queryDoc
+    );
+    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,
-      // 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_extra.default.removeSync(outfile);
-    import_fs_extra.default.removeSync(outfile2);
-    return {
-      config: result.default,
-      prebuildPath: preBuildConfigPath,
-      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;
-}
-#no-assets-placeholder {
-  max-width: 600px;
-  margin: 0 auto;
-  padding: 40px;
-  text-align: center;
-  background-color: #fff;
-  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
-}
-#no-assets-placeholder h1 {
-  font-size: 24px;
-  margin-bottom: 20px;
+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 p {
-  margin-bottom: 10px;
+
+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 a {
-  color: #0077cc;
-  text-decoration: none;
+
+export async function authorize(user: { sub: string }) {
+  return databaseRequest({
+    query: \`query authz { authorize { ${authFields.join(" ")}} }\`,
+    variables: {},
+    user
+  })
 }
-#no-assets-placeholder a:hover {
-  text-decoration: underline;
+
+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 };
 }
-</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",
-    // @ts-ignore
-    config: (viteConfig) => {
-      const plugins = [];
-      const content = [
-        import_node_path.default.join(spaPath, "src/**/*.{vue,js,ts,jsx,tsx,svelte}"),
-        prebuildFilePath,
-        require.resolve("tinacms")
-      ];
-      const tw = (0, import_tailwindcss.default)({
-        theme: {
-          columns: {
-            auto: "auto",
-            1: "1",
-            2: "2",
-            3: "3",
-            4: "4",
-            5: "5",
-            6: "6",
-            7: "7",
-            8: "8",
-            9: "9",
-            10: "10",
-            11: "11",
-            12: "12",
-            "3xs": "256px",
-            "2xs": "288px",
-            xs: "320px",
-            sm: "384px",
-            md: "448px",
-            lg: "512px",
-            xl: "576px",
-            "2xl": "672px",
-            "3xl": "768px",
-            "4xl": "896px",
-            "5xl": "1024px",
-            "6xl": "1152px",
-            "7xl": "1280px"
-          },
-          spacing: {
-            px: "1px",
-            0: "0px",
-            0.5: "2px",
-            1: "4px",
-            1.5: "6px",
-            2: "8px",
-            2.5: "10px",
-            3: "12px",
-            3.5: "14px",
-            4: "16px",
-            5: "20px",
-            6: "24px",
-            7: "28px",
-            8: "32px",
-            9: "36px",
-            10: "40px",
-            11: "44px",
-            12: "48px",
-            14: "56px",
-            16: "64px",
-            18: "72px",
-            20: "80px",
-            24: "96px",
-            28: "114px",
-            32: "128px",
-            36: "144px",
-            40: "160px",
-            44: "176px",
-            48: "192px",
-            52: "208px",
-            56: "224px",
-            60: "240px",
-            64: "256px",
-            72: "288px",
-            80: "320px",
-            96: "384px"
-          },
-          borderRadius: {
-            none: "0px",
-            sm: "2px",
-            DEFAULT: "4px",
-            md: "6px",
-            lg: "8px",
-            xl: "12px",
-            "2xl": "16px",
-            "3xl": "24px",
-            full: "9999px"
-          },
-          borderWidth: {
-            DEFAULT: "1px",
-            0: "0",
-            2: "2px",
-            3: "3px",
-            4: "4px",
-            6: "6px",
-            8: "8px"
-          },
-          fontSize: {
-            xs: ["13px", { lineHeight: "1.33" }],
-            sm: ["14px", { lineHeight: "1.43" }],
-            base: ["16px", { lineHeight: "1.5" }],
-            md: ["16px", { lineHeight: "1.5" }],
-            lg: ["18px", { lineHeight: "1.55" }],
-            xl: ["20px", { lineHeight: "1.4" }],
-            "2xl": ["24px", { lineHeight: "1.33" }],
-            "3xl": ["30px", { lineHeight: "1.2" }],
-            "4xl": ["36px", { lineHeight: "1.1" }],
-            "5xl": ["48px", { lineHeight: "1" }],
-            "6xl": ["60px", { lineHeight: "1" }],
-            "7xl": ["72px", { lineHeight: "1" }],
-            "8xl": ["96px", { lineHeight: "1" }],
-            "9xl": ["128px", { lineHeight: "1" }]
-          },
-          opacity: {
-            0: "0",
-            5: ".05",
-            7: ".07",
-            10: ".1",
-            15: ".15",
-            20: ".2",
-            25: ".25",
-            30: ".3",
-            40: ".4",
-            50: ".5",
-            60: ".6",
-            70: ".7",
-            75: ".75",
-            80: ".8",
-            90: ".9",
-            100: "1"
-          },
-          zIndex: {
-            "-1": "-1",
-            base: "9000",
-            panel: "9400",
-            menu: "9800",
-            chrome: "10200",
-            overlay: "10600",
-            modal: "10800",
-            0: "0",
-            10: "10",
-            20: "20",
-            30: "30",
-            40: "40",
-            25: "25",
-            50: "50",
-            75: "75",
-            100: "100",
-            auto: "auto"
-          },
-          extend: {
-            scale: {
-              97: ".97",
-              103: "1.03"
-            },
-            transitionDuration: {
-              0: "0ms",
-              2e3: "2000ms"
-            },
-            boxShadow: {
-              xs: "0 0 0 1px rgba(0, 0, 0, 0.05)",
-              outline: "0 0 0 3px rgba(66, 153, 225, 0.5)"
-            },
-            colors: {
-              blue: {
-                50: "#DCEEFF",
-                100: "#B4DBFF",
-                200: "#85C5FE",
-                300: "#4EABFE",
-                400: "#2296fe",
-                500: "#0084FF",
-                600: "#0574e4",
-                700: "#0D5DBD",
-                800: "#144696",
-                900: "#1D2C6C",
-                1e3: "#241748"
-              },
-              gray: {
-                50: "#F6F6F9",
-                100: "#EDECF3",
-                150: "#E6E3EF",
-                200: "#E1DDEC",
-                250: "#C9C5D5",
-                300: "#b2adbe",
-                400: "#918c9e",
-                500: "#716c7f",
-                600: "#565165",
-                700: "#433e52",
-                800: "#363145",
-                900: "#252336",
-                1e3: "#1c1b2e"
-              },
-              orange: {
-                400: "#EB6337",
-                500: "#EC4815",
-                600: "#DC4419"
-              },
-              background: "#FFFFFF",
-              foreground: "#0A0A0A",
-              muted: "#F5F5F5",
-              "muted-foreground": "#737373",
-              popover: "#FFFFFF",
-              "popover-foreground": "#0A0A0A",
-              card: "#FFFFFF",
-              "card-foreground": "#0A0A0A",
-              border: "#E5E5E5",
-              input: "#E5E5E5",
-              primary: "#171717",
-              "primary-foreground": "#FAFAFA",
-              secondary: "#F5F5F5",
-              "secondary-foreground": "#171717",
-              accent: "#F5F5F5",
-              "accent-foreground": "#171717",
-              destructive: "#FF3B3B",
-              "destructive-foreground": "#FAFAFA",
-              ring: "#0A0A0A"
-            },
-            fontFamily: {
-              sans: ["Inter", ...import_defaultTheme.default.fontFamily.sans]
-            },
-            lineHeight: {
-              3: "12px",
-              4: "16px",
-              5: "20px",
-              6: "24px",
-              7: "28px",
-              8: "32px",
-              9: "36px",
-              10: "40px"
-            },
-            maxWidth: {
-              form: "900px"
-            },
-            screens: {
-              xs: "320px",
-              sm: "560px",
-              md: "720px",
-              lg: "1030px"
-            }
-          }
-        },
-        content,
-        plugins: [
-          (0, import_typography.default)({ className: "tina-prose" }),
-          import_aspect_ratio.default,
-          import_container_queries.default
-        ]
-      });
-      plugins.push(tw);
-      return {
-        css: {
-          postcss: {
-            plugins
-          }
-        }
-      };
-    }
-  };
-};
-
-// src/next/vite/index.ts
-async function listFilesRecursively({
-  directoryPath,
-  config: config2,
-  roothPath
-}) {
-  const fullDirectoryPath = import_node_path2.default.join(
-    roothPath,
-    config2.publicFolder,
-    directoryPath
-  );
-  const exists = await import_fs_extra2.default.pathExists(fullDirectoryPath);
-  if (!exists) {
-    return { "0": [] };
+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);
+  hasSelfHostedConfig() {
+    return !!this.selfHostedDatabaseFilePath;
+  }
+  hasSeparateContentRoot() {
+    return this.rootPath !== this.contentRootPath;
+  }
+  shouldSkipSDK() {
+    var _a;
+    if (this.legacyNoSDK) {
+      return this.legacyNoSDK;
     }
-    return result;
+    return ((_a = this.config.client) == null ? void 0 : _a.skip) || false;
   }
-  return chunkArrayIntoObject(staticMediaItems, 20);
-}
-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`
+  async processConfig() {
+    this.tinaFolderPath = await this.getTinaFolderPath(this.rootPath);
+    this.envFilePath = import_path2.default.resolve(
+      import_path2.default.join(this.tinaFolderPath, "..", ".env")
+    );
+    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);
+      }
+    }
+    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 {
+        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
+          )}`
         );
-        console.warn(error);
       }
     }
-  });
-  const staticMediaPath = import_node_path2.default.join(
-    configManager.generatedFolderPath,
-    "static-media.json"
-  );
-  if ((_b = (_a = configManager.config.media) == null ? void 0 : _a.tina) == null ? void 0 : _b.static) {
-    const staticMedia = await listFilesRecursively({
-      directoryPath: ((_c = configManager.config.media.tina) == null ? void 0 : _c.mediaRoot) || "",
-      config: configManager.config.media.tina,
-      roothPath: configManager.rootPath
-    });
-    await import_fs_extra2.default.outputFile(staticMediaPath, JSON.stringify(staticMedia, null, 2));
-  } else {
-    await import_fs_extra2.default.outputFile(staticMediaPath, `[]`);
+    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, "..", "..");
   }
-  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 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`
     );
-  } else {
-    alias["CLIENT_IMPORT"] = configManager.isUsingTs() ? configManager.generatedTypesTSFilePath : configManager.generatedTypesJSFilePath;
   }
-  let basePath;
-  if (configManager.config.build.basePath) {
-    basePath = configManager.config.build.basePath;
+  getTinaGraphQLVersion() {
+    if (this.tinaGraphQLVersionFromCLI) {
+      const version2 = this.tinaGraphQLVersionFromCLI.split(".");
+      return {
+        fullVersion: this.tinaGraphQLVersionFromCLI,
+        major: version2[0] || "x",
+        minor: version2[1] || "x",
+        patch: version2[2] || "x"
+      };
+    }
+    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}`
+      );
+    }
+    return generatedSchema.version;
   }
-  const fullVersion = configManager.getTinaGraphQLVersion();
-  const version2 = `${fullVersion.major}.${fullVersion.minor}`;
-  const config2 = {
-    root: configManager.spaRootPath,
-    base: `/${basePath ? `${(0, import_normalize_path2.default)(basePath)}/` : ""}${(0, import_normalize_path2.default)(
-      configManager.config.build.outputFolder
-    )}/`,
-    appType: "spa",
-    resolve: {
-      alias,
-      dedupe: ["graphql", "tinacms", "react", "react-dom", "react-router-dom"]
-    },
-    define: {
-      /**
-       * Since we prebuild the config.ts, it's possible for modules to be loaded which make
-       * use of `process`. The main scenario where this is an issue is when co-locating schema
-       * definitions with source files, and specifically source files which impor from NextJS.
-       *
-       * Some examples of what NextJS uses for `process.env` are:
-       *  - `process.env.__NEXT_TRAILING_SLASH`
-       *  - `process.env.__NEXT_CROSS_ORIGIN`
-       *  - `process.env.__NEXT_I18N_SUPPORT`
-       *
-       * Also, interestingly some of the advice for handling this doesn't work, references to replacing
-       * `process.env` with `{}` are problematic, because browsers don't understand the `{}.` syntax,
-       * but node does. This was a surprise, but using `new Object()` seems to do the trick.
-       */
-      "process.env": `new Object(${JSON.stringify(publicEnv)})`,
-      // Used by picomatch https://github.com/micromatch/picomatch/blob/master/lib/utils.js#L4
-      "process.platform": `"${process.platform}"`,
-      __API_URL__: `"${apiURL}"`,
-      __BASE_PATH__: `"${((_e = (_d = configManager.config) == null ? void 0 : _d.build) == null ? void 0 : _e.basePath) || ""}"`,
-      __TINA_GRAPHQL_VERSION__: version2
-    },
-    logLevel: "error",
-    // Vite import warnings are noisy
-    optimizeDeps: {
-      force: true,
-      // Not 100% sure why this isn't being picked up automatically, this works from within the monorepo
-      // but breaks externally
-      include: ["react/jsx-runtime", "react/jsx-dev-runtime"]
-    },
-    server: {
-      host: (_h = (_g = (_f = configManager.config) == null ? void 0 : _f.build) == null ? void 0 : _g.host) != null ? _h : false,
-      watch: noWatch ? {
-        ignored: ["**/*"]
-      } : {
-        // Ignore everything except for the alias fields we specified above
-        ignored: [
-          `${configManager.tinaFolderPath}/**/!(config.prebuild.jsx|_graphql.json)`
-        ]
-      },
-      fs: {
-        strict: false
-      }
-    },
-    build: {
-      sourcemap: false,
-      outDir: configManager.outputFolderPath,
-      emptyOutDir: true,
-      rollupOptions
-    },
-    plugins: [
-      /**
-       * `splitVendorChunkPlugin` is needed because `tinacms` is quite large,
-       * Vite's chunking strategy chokes on memory issues for smaller machines (ie. on CI).
-       */
-      (0, import_plugin_react.default)({
-        babel: {
-          // Supresses the warning [NOTE] babel The code generator has deoptimised the styling of
-          compact: true
-        }
-      }),
-      (0, import_vite.splitVendorChunkPlugin)(),
-      tinaTailwind(configManager.spaRootPath, configManager.prebuildFilePath),
-      ...plugins
-    ]
-  };
-  return config2;
-};
-
-// 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
+  printGeneratedClientFilePath() {
+    if (this.isUsingTs()) {
+      return this.generatedClientTSFilePath.replace(`${this.rootPath}/`, "");
+    }
+    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}/`, "");
+    }
+    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}/`, "");
+    }
+    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;
+        }
+        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
     });
-    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));
+    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
     });
-    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" }));
+    const flattenedList = [];
+    Object.keys(result2.metafile.inputs).forEach((key) => {
+      if (key.includes("node_modules") || key.includes("__generated__")) {
+        return;
       }
+      flattenedList.push(key);
     });
-    bb.on("close", () => {
-      res.statusCode = 200;
-      res.end(JSON.stringify({ success: true }));
+    await esbuild.build({
+      entryPoints: [configFilePath],
+      bundle: true,
+      target: ["es2020"],
+      logLevel: "silent",
+      platform: "node",
+      outfile,
+      loader: loaders
     });
-    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 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);
-      return {
-        files: [],
-        directories: [],
-        error: error == null ? void 0 : error.toString()
-      };
-    }
-  }
-  async deleteMedia(args) {
+    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 {
-      const file = (0, import_path2.join)(
-        this.rootPath,
-        this.publicFolder,
-        this.mediaRoot,
-        args.searchPath
-      );
-      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() };
+      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
+    };
   }
 };
-
-// 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)
-      };
-    }
-    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: [] }));
-    }
-  };
-  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 };
+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/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
-        };
-      }
-    }
-  };
-  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"
-            })
-          );
-          return;
-        }
-        if (req.url === "/graphql") {
-          const { query, variables } = req.body;
-          let result;
-          await databaseLock(async () => {
-            result = await (0, import_graphql.resolve)({
-              config: {
-                useRelativeMedia: true
-              },
-              database,
-              query,
-              variables,
-              verbose: false
-            });
-          });
-          res.end(JSON.stringify(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();
-      });
+// 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}`
+      );
     }
-  };
-  return plug;
+  });
+  dbServer.listen(port);
 };
-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:
-        };
-      }
+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 level = new import_graphql7.TinaLevelClient(datalayerPort);
+    level.openConnection();
+    database = (0, import_graphql7.createDatabaseInternal)({
+      bridge,
+      level,
+      tinaDirectory: configManager.isUsingLegacyFolder ? LEGACY_TINA_FOLDER : TINA_FOLDER
+    });
+  }
+  return database;
 }
 
-// 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/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";
+// src/next/commands/baseCommands.ts
+var import_clipanion = require("clipanion");
+var import_chalk4 = __toESM(require("chalk"));
 
-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)
+// 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}
 
-    return { data: data?.data, errors: data?.errors, query: doc, variables: vars || {} }
+stack: ${code.stack || "No stack was provided"}`);
+    });
+    ps.on("close", (code) => {
+      logger.info(`child process exited with code ${code}`);
+      process.exit(code);
+    });
+    return ps;
   }
-
-  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_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._operationsToInclude = [];
-    (0, import_auto_bind.default)(this);
-    if (this.config.usingObservableFrom) {
-      this._additionalImports.push(this.config.usingObservableFrom);
+    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"
+    });
+  }
+  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)}`
+      );
     }
-    if (this.config.documentMode !== import_visitor_plugin_common.DocumentMode.string) {
+    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);
+    });
   }
-  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)
+  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"
       );
-    } 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
-      });
     }
-    return null;
-  }
-  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
+    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 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 {
-    // 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_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
+  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_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 {
+            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_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);
+        }
       },
-      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()]
+      text: textToUse
     });
-  } 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;
+    if (warnings.length > 0) {
+      logger.warn(`Indexing completed with ${warnings.length} warning(s)`);
+      warnings.forEach((warning) => {
+        logger.warn(warnText(`${warning}`));
+      });
     }
   }
-  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,
-    tinaSchema,
-    lookup,
-    noClientBuildCache
-  }) {
-    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);
+// src/next/commands/dev-command/html.ts
+var errorHTML = `<style type="text/css">
+#no-assets-placeholder body {
+  font-family: sans-serif;
+  font-size: 16px;
+  line-height: 1.4;
+  color: #333;
+  background-color: #f5f5f5;
+}
+#no-assets-placeholder {
+  max-width: 600px;
+  margin: 0 auto;
+  padding: 40px;
+  text-align: center;
+  background-color: #fff;
+  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
+}
+#no-assets-placeholder h1 {
+  font-size: 24px;
+  margin-bottom: 20px;
+}
+#no-assets-placeholder p {
+  margin-bottom: 10px;
+}
+#no-assets-placeholder a {
+  color: #0077cc;
+  text-decoration: none;
+}
+#no-assets-placeholder a:hover {
+  text-decoration: underline;
+}
+</style>
+<div id="no-assets-placeholder">
+<h1>Failed loading TinaCMS assets</h1>
+<p>
+  Your TinaCMS configuration may be misconfigured, and we could not load
+  the assets for this page.
+</p>
+<p>
+  Please visit <a href="https://tina.io/docs/tina-cloud/faq/#how-do-i-resolve-failed-loading-tinacms-assets-error">this doc</a> for help.
+</p>
+</div>
+</div>`.trim().replace(/[\r\n\s]+/g, " ");
+var devHTML = (port) => `<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>TinaCMS</title>
+  </head>
+
+  <!-- if development -->
+  <script type="module">
+    import RefreshRuntime from 'http://localhost:${port}/@react-refresh'
+    RefreshRuntime.injectIntoGlobalHook(window)
+    window.$RefreshReg$ = () => {}
+    window.$RefreshSig$ = () => (type) => type
+    window.__vite_plugin_react_preamble_installed__ = true
+  </script>
+  <script type="module" src="http://localhost:${port}/@vite/client"></script>
+  <script>
+  function handleLoadError() {
+    // Assets have failed to load
+    document.getElementById('root').innerHTML = '${errorHTML}';
   }
-  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 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_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}`;
-          } 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";
-
-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;
-}
-
-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 },
-    })
-}
-
-export async function authorize(user: { sub: string }) {
-  return databaseRequest({
-    query: \`query authz { authorize { ${authFields.join(" ")}} }\`,
-    variables: {},
-    user
-  })
-}
-
-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 };
-}
-
-export const databaseClient = createDatabaseClient({ queries });
+  </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 client = databaseClient;
+// src/next/commands/dev-command/server/index.ts
+var import_vite3 = require("vite");
 
-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
-}
-`;
-    return { codeString, schemaString };
-  }
-};
-var maybeWarnFragmentSize = async (filepath) => {
-  if (
-    // is the file bigger than 100kb?
-    (await import_fs_extra4.default.stat(filepath)).size > // convert to 100 kb to bytes
-    100 * 1024
-  ) {
-    console.warn(
-      "Warning: frags.gql is very large (>100kb). Consider setting the reference depth to 1 or 0. See code snippet below."
-    );
-    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);
-  }
-};
+// 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");
 
-// 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(
+// 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
-    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
-    });
-  }
-  return database;
-}
-
-// src/next/commands/baseCommands.ts
-var import_clipanion = require("clipanion");
-var import_chalk4 = __toESM(require("chalk"));
-
-// 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;
-  }
+    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(
-        `Running web application with command: ${import_chalk4.default.cyan(this.subCommand)}`
+  async listMedia(args) {
+    try {
+      const folderPath = (0, import_path3.join)(
+        this.rootPath,
+        this.publicFolder,
+        this.mediaRoot,
+        decodeURIComponent(args.searchPath)
       );
-    }
-    function exitHandler(options, exitCode) {
-      if (subProc) {
-        subProc.kill();
+      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;
-          }
+  };
+  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;
         }
-        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
-            };
+        if (req.url.startsWith("/media")) {
+          if (req.method === "DELETE") {
+            await mediaRouter.handleDelete(req, res);
+            return;
           }
-          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")
+        }
+        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);
@@ -2339,6 +2340,9 @@ 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) {
@@ -2488,6 +2492,10 @@ ${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,
@@ -2642,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");
@@ -2687,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";
@@ -2725,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 () => {
@@ -2764,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) {
@@ -2785,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() {
@@ -2822,7 +2824,7 @@ var BuildCommand = class extends BaseCommand {
       description: "Specify the version of @tinacms/graphql to use (defaults to latest)"
     });
     /**
-     * This option allows the user to skip the tina cloud checks if they want to. This could be useful for mismatched GraphQL versions or if they want to build only using the local client and never connect to Tina Cloud
+     * This 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."
@@ -2992,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.`)}`);
@@ -3135,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"
@@ -3172,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;
@@ -3259,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"
@@ -3316,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;
     }
@@ -3375,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();
@@ -3877,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")}`,
@@ -3886,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`)}`,
@@ -4097,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"
@@ -4275,7 +4279,7 @@ var askIfUsingSelfHosted = async () => {
       type: "select",
       choices: [
         {
-          title: "Tina Cloud",
+          title: "TinaCloud",
           value: "tina-cloud"
         },
         {
@@ -4283,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;
@@ -4838,7 +4842,6 @@ var transformForestryFieldsToTinaFields = ({
             name: stringifyTemplateName(tem, tem)
           };
           if (t.name != tem) {
-            ;
             t.nameOverride = tem;
           }
           templates2.push(t);
@@ -4926,6 +4929,7 @@ var parseSections = ({ val }) => {
 };
 
 // src/cmds/forestry-migrate/index.ts
+var import_common = require("@tinacms/common");
 var BODY_FIELD = {
   // This is the body field
   type: "rich-text",
@@ -4955,7 +4959,7 @@ var transformForestryMatchToTinaMatch = (match) => {
 };
 function checkExt(ext) {
   const extReal = ext.replace(".", "");
-  if (["mdx", "md", "json", "yaml", "yml", "toml"].includes(extReal)) {
+  if (import_common.CONTENT_FORMATS.includes(extReal)) {
     return extReal;
   } else {
     return false;
@@ -5983,10 +5987,13 @@ var addSelfHostedTinaAuthToConfig = async (config2, configFile) => {
   const { configImports, configAuthProviderClass, extraTinaCollections } = config2.authProvider;
   const importMap = {
     // iterate over configImports and add them to the import map
-    ...configImports.reduce((acc, { from, imported }) => {
-      acc[from] = imported;
-      return acc;
-    }, {})
+    ...configImports.reduce(
+      (acc, { from, imported }) => {
+        acc[from] = imported;
+        return acc;
+      },
+      {}
+    )
   };
   const transformedSourceFileResult = import_typescript3.default.transform(
     sourceFile,
@@ -6441,6 +6448,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`)
     );
@@ -6726,4 +6740,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;
+var index_default = cli;