feat: add CLI options to enable auto-updating studios (#6514)

* feat: add CLI options to enable auto-updating studios

* refactor(cli): prefix with `unstable_`

* test: Update packages/sanity/src/_internal/cli/server/renderDocument.ts

Co-authored-by: Espen Hovlandsdal <[email protected]>

* chore(core): update import map urls

* feat(cli): build user peer-deps (#6742)

* feat(cli): build user peer-deps

* chore: remove shared-modules build

* test(cli):  verify build config and `exports` subpaths

* text(cli): add depcheck config for fixture projects

* docs: update comments and test name

* feat: create import map w/ installed sanity version (#6784)

* feat: create import map w/ installed sanity version

* fix: use correct URL

* chore(cli): rename auto updates flag

---------

Co-authored-by: Espen Hovlandsdal <[email protected]>
Co-authored-by: Binoy Patel <[email protected]>

package.json

@@ -5,7 +5,7 @@
   "scripts": {
     "bootstrap": "pnpm install && pnpm build:cli",
     "build": "turbo run build --filter='./packages/*' --filter='./packages/@sanity/*'",
-    "build:bundle": "turbo run build:bundle --filter='./packages/*' --filter='./packages/@sanity/*' --filter='./packages/@repo/shared-modules.bundle'",
+    "build:bundle": "turbo run build:bundle --filter='./packages/*' --filter='./packages/@sanity/*'",
     "build:clean": "lerna run clean",
     "build:cli": "turbo run build --filter=@sanity/cli --filter=sanity",
     "build:cli-only": "turbo run --filter=@sanity/cli build",

packages/@sanity/cli/src/types.ts

@@ -310,6 +310,8 @@ export interface CliConfig {
   graphql?: GraphQLAPIConfig[]
 
   vite?: UserViteConfig
+
+  autoUpdates?: boolean
 }
 
 export type UserViteConfig =

packages/sanity/fixtures/examples/prj-with-react-18/.depcheckrc.json

@@ -0,0 +1,3 @@
+{
+  "ignores": ["react", "react-dom", "styled-components"]
+}

packages/sanity/fixtures/examples/prj-with-react-18/package.json

@@ -0,0 +1,9 @@
+{
+  "name": "prj-with-react-18",
+  "private": true,
+  "dependencies": {
+    "react": "^18.3.0",
+    "react-dom": "^18.3.0",
+    "styled-components": "^6.1.0"
+  }
+}

packages/sanity/fixtures/examples/prj-with-react-19/.depcheckrc.json

@@ -0,0 +1,3 @@
+{
+  "ignores": ["react", "react-dom", "styled-components"]
+}

packages/sanity/fixtures/examples/prj-with-react-19/package.json

@@ -0,0 +1,9 @@
+{
+  "name": "prj-with-react-19",
+  "private": true,
+  "dependencies": {
+    "react": "19.0.0-rc-f994737d14-20240522",
+    "react-dom": "19.0.0-rc-f994737d14-20240522",
+    "styled-components": "^6.1.0"
+  }
+}

packages/sanity/fixtures/examples/prj-with-styled-components-5/.depcheckrc.json

@@ -0,0 +1,3 @@
+{
+  "ignores": ["react", "react-dom", "styled-components"]
+}

packages/sanity/fixtures/examples/prj-with-styled-components-5/package.json

@@ -0,0 +1,9 @@
+{
+  "name": "prj-with-styled-components-5",
+  "private": true,
+  "dependencies": {
+    "react": "^18.3.0",
+    "react-dom": "^18.3.0",
+    "styled-components": "^5.3.0"
+  }
+}

packages/sanity/package.json

@@ -214,6 +214,7 @@
     "module-alias": "^2.2.2",
     "nano-pubsub": "^3.0.0",
     "nanoid": "^3.1.30",
+    "node-html-parser": "^6.1.13",
     "observable-callback": "^1.0.1",
     "oneline": "^1.0.3",
     "open": "^8.4.0",

packages/sanity/src/_internal/cli/actions/build/buildAction.ts

@@ -2,6 +2,7 @@ import path from 'node:path'
 import {promisify} from 'node:util'
 
 import chalk from 'chalk'
+import {info} from 'log-symbols'
 import {noopLogger} from '@sanity/telemetry'
 import rimrafCallback from 'rimraf'
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -13,6 +14,7 @@ import {checkStudioDependencyVersions} from '../../util/checkStudioDependencyVer
 import {checkRequiredDependencies} from '../../util/checkRequiredDependencies'
 import {getTimer} from '../../util/timing'
 import {BuildTrace} from './build.telemetry'
+import {buildVendorDependencies} from '../../server/buildVendorDependencies'
 
 const rimraf = promisify(rimrafCallback)
 
@@ -22,6 +24,7 @@ export interface BuildSanityStudioCommandFlags {
   'minify'?: boolean
   'stats'?: boolean
   'source-maps'?: boolean
+  'auto-updates'?: boolean
 }
 
 export default async function buildSanityStudio(
@@ -46,10 +49,19 @@ export default async function buildSanityStudio(
 
   // If the check resulted in a dependency install, the CLI command will be re-run,
   // thus we want to exit early
-  if ((await checkRequiredDependencies(context)).didInstall) {
+  const {didInstall, installedSanityVersion} = await checkRequiredDependencies(context)
+  if (didInstall) {
     return {didCompile: false}
   }
 
+  const autoUpdatesEnabled =
+    flags['auto-updates'] ||
+    (cliConfig && 'autoUpdates' in cliConfig && cliConfig.autoUpdates === true)
+
+  if (autoUpdatesEnabled) {
+    output.print(`${info} Building with auto-updates enabled`)
+  }
+
   const envVarKeys = getSanityEnvVars()
   if (envVarKeys.length > 0) {
     output.print(
@@ -105,6 +117,26 @@ export default async function buildSanityStudio(
 
   const trace = telemetry.trace(BuildTrace)
   trace.start()
+
+  let importMap
+
+  if (autoUpdatesEnabled) {
+    const version = encodeURIComponent(`^${installedSanityVersion}`)
+    const autoUpdatesImports = {
+      'sanity': `https://api.sanity.work/v1/modules/sanity/default/${version}`,
+      'sanity/': `https://api.sanity.work/v1/modules/sanity/default/${version}/`,
+      '@sanity/vision': `https://api.sanity.work/v1/modules/@sanity__vision/default/${version}`,
+      '@sanity/vision/': `https://api.sanity.work/v1/modules/@sanity__vision/default/${version}/`,
+    }
+
+    importMap = {
+      imports: {
+        ...(await buildVendorDependencies({cwd: workDir, outputDir})),
+        ...autoUpdatesImports,
+      },
+    }
+  }
+
   try {
     timer.start('bundleStudio')
 
@@ -115,7 +147,9 @@ export default async function buildSanityStudio(
       sourceMap: Boolean(flags['source-maps']),
       minify: Boolean(flags.minify),
       vite: cliConfig && 'vite' in cliConfig ? cliConfig.vite : undefined,
+      importMap,
     })
+
     trace.log({
       outputSize: bundle.chunks
         .flatMap((chunk) => chunk.modules.flatMap((mod) => mod.renderedLength))