@sanity/cli 3.81.1-sdk-295.36 → 3.82.1-media-library.26

package/lib/index.d.mts

@@ -10,6 +10,15 @@ import {SanityClient} from '@sanity/client'
 import {Separator} from 'inquirer'
 import {TelemetryLogger} from '@sanity/telemetry'
 
+declare interface AppConfig {
+  organizationId: string
+  /**
+   * Defaults to './src/App'
+   */
+  entry?: string
+  id?: string
+}
+
 export declare type CliApiClient = (options?: ClientRequirements) => SanityClient
 
 export declare interface CliApiConfig {
@@ -117,13 +126,8 @@ export declare interface CliConfig {
   /**
    * Parameter used to configure other kinds of applications.
    * Signals to `sanity` commands that this is not a studio.
-   * @internal
    */
-  __experimental_appConfiguration?: {
-    organizationId: string
-    appLocation?: string
-    appId?: string
-  }
+  app?: AppConfig
 }
 
 declare type CliConfigResult =

package/lib/index.d.ts

@@ -10,6 +10,15 @@ import {SanityClient} from '@sanity/client'
 import {Separator} from 'inquirer'
 import {TelemetryLogger} from '@sanity/telemetry'
 
+declare interface AppConfig {
+  organizationId: string
+  /**
+   * Defaults to './src/App'
+   */
+  entry?: string
+  id?: string
+}
+
 export declare type CliApiClient = (options?: ClientRequirements) => SanityClient
 
 export declare interface CliApiConfig {
@@ -117,13 +126,8 @@ export declare interface CliConfig {
   /**
    * Parameter used to configure other kinds of applications.
    * Signals to `sanity` commands that this is not a studio.
-   * @internal
    */
-  __experimental_appConfiguration?: {
-    organizationId: string
-    appLocation?: string
-    appId?: string
-  }
+  app?: AppConfig
 }
 
 declare type CliConfigResult =

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanity/cli",
-  "version": "3.81.1-sdk-295.36+8bc6ac382d",
+  "version": "3.82.1-media-library.26+9e959a52b0",
   "description": "Sanity CLI tool for managing Sanity installations, managing plugins, schemas and datasets",
   "keywords": [
     "sanity",
@@ -23,6 +23,7 @@
   "license": "MIT",
   "author": "Sanity.io <hello@sanity.io>",
   "sideEffects": false,
+  "type": "commonjs",
   "exports": {
     ".": {
       "source": "./src/index.ts",
@@ -33,7 +34,7 @@
     "./package.json": "./package.json"
   },
   "main": "./lib/index.js",
-  "module": "./lib/index.esm.js",
+  "module": "./lib/index.mjs",
   "types": "./lib/index.d.ts",
   "bin": {
     "sanity": "./bin/sanity"
@@ -58,11 +59,11 @@
   "dependencies": {
     "@babel/traverse": "^7.23.5",
     "@sanity/client": "^6.28.4",
-    "@sanity/codegen": "3.81.1-sdk-295.36+8bc6ac382d",
+    "@sanity/codegen": "3.82.1-media-library.26+9e959a52b0",
     "@sanity/runtime-cli": "^1.1.1",
     "@sanity/telemetry": "^0.8.0",
     "@sanity/template-validator": "^2.4.3",
-    "@sanity/util": "3.81.1-sdk-295.36+8bc6ac382d",
+    "@sanity/util": "3.82.1-media-library.26+9e959a52b0",
     "chalk": "^4.1.2",
     "debug": "^4.3.4",
     "decompress": "^4.2.0",
@@ -76,13 +77,13 @@
     "validate-npm-package-name": "^3.0.0"
   },
   "devDependencies": {
-    "@repo/package.config": "3.81.0",
-    "@repo/test-config": "3.81.0",
+    "@repo/package.config": "3.82.0",
+    "@repo/test-config": "3.82.0",
     "@rexxars/gitconfiglocal": "^3.0.1",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@sanity/eslint-config-studio": "^4.0.0",
     "@sanity/generate-help-url": "^3.0.0",
-    "@sanity/types": "3.81.1-sdk-295.36+8bc6ac382d",
+    "@sanity/types": "3.82.1-media-library.26+9e959a52b0",
     "@types/babel__traverse": "^7.20.5",
     "@types/configstore": "^5.0.1",
     "@types/cpx": "^1.5.2",
@@ -126,7 +127,7 @@
     "semver": "^7.3.5",
     "semver-compare": "^1.0.0",
     "tar": "^6.1.11",
-    "vite": "^6.2.3",
+    "vite": "^6.2.4",
     "vitest": "^3.1.1",
     "which": "^2.0.2",
     "xdg-basedir": "^4.0.0"
@@ -134,5 +135,5 @@
   "engines": {
     "node": ">=18"
   },
-  "gitHead": "8bc6ac382d950780ee8627e2b9d1b9064294009a"
+  "gitHead": "9e959a52b09e020a93532bed78b5b20f0eb654c8"
 }

package/src/actions/init-project/bootstrapLocalTemplate.ts

@@ -143,7 +143,7 @@ export async function bootstrapLocalTemplate(
   // ...and a CLI config (`sanity.cli.[ts|js]`)
   const cliConfig = isAppTemplate
     ? createAppCliConfig({
-        appLocation: template.appLocation!,
+        entry: template.entry!,
         organizationId: variables.organizationId,
       })
     : createCliConfig({

package/src/actions/init-project/createAppCliConfig.ts

@@ -4,16 +4,16 @@ const defaultAppTemplate = `
 import {defineCliConfig} from 'sanity/cli'
 
 export default defineCliConfig({
-  __experimental_appConfiguration: {
+  app: {
     organizationId: '%organizationId%',
-    appLocation: '%appLocation%',
+    entry: '%entry%',
   },
 })
 `
 
 export interface GenerateCliConfigOptions {
   organizationId?: string
-  appLocation: string
+  entry: string
 }
 
 export function createAppCliConfig(options: GenerateCliConfigOptions): string {

package/src/actions/init-project/initProject.ts

@@ -98,7 +98,7 @@ export interface ProjectTemplate {
   importPrompt?: string
   configTemplate?: string | ((variables: GenerateConfigOptions['variables']) => string)
   typescriptOnly?: boolean
-  appLocation?: string
+  entry?: string
   scripts?: Record<string, string>
 }
 

package/src/actions/init-project/templates/appQuickstart.ts

@@ -19,7 +19,7 @@ const appTemplate: ProjectTemplate = {
     'sanity': '^3',
     'typescript': '^5.1.6',
   },
-  appLocation: './src/App.tsx',
+  entry: './src/App.tsx',
   scripts: {
     dev: 'sanity dev',
     build: 'sanity build',

package/src/types.ts

@@ -311,6 +311,15 @@ export interface ReactCompilerConfig {
   compilationMode?: 'infer' | 'syntax' | 'annotation' | 'all'
 }
 
+interface AppConfig {
+  organizationId: string
+  /**
+   * Defaults to './src/App'
+   */
+  entry?: string
+  id?: string
+}
+
 export interface CliConfig {
   api?: CliApiConfig
 
@@ -349,13 +358,8 @@ export interface CliConfig {
   /**
    * Parameter used to configure other kinds of applications.
    * Signals to `sanity` commands that this is not a studio.
-   * @internal
    */
-  __experimental_appConfiguration?: {
-    organizationId: string
-    appLocation?: string
-    appId?: string
-  }
+  app?: AppConfig
 }
 
 export type UserViteConfig =

package/templates/app-quickstart/src/ExampleComponent.css

@@ -5,13 +5,70 @@
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
 }
 
+.example-avatar-container {
+  position: relative;
+  margin-block-end: 1rem;
+}
+
+@keyframes wave {
+  0% {
+    rotate: 0deg;
+  }
+  2% {
+    rotate: 20deg;
+    filter: blur(1px);
+  }
+  4% {
+    rotate: 0deg;
+  }
+  6% {
+    rotate: -20deg;
+  }
+  8% {
+    rotate: 0deg;
+  }
+  10% {
+    rotate: 20deg;
+  }
+  12% {
+    rotate: 0deg;
+  }
+  14% {
+    rotate: -20deg;
+  }
+  16% {
+    rotate: 0deg;
+    filter: blur(0);
+  }
+}
+
+.example-avatar-container:after {
+  content: '👋';
+  position: absolute;
+  font-size: 1.5rem;
+  display: flex;
+  align-items: center;
+  justify-container: center;
+  inset-inline-start: 0;
+  inset-block-start: 0;
+  translate: -25% -25%;
+  transform-origin: 100% 100%;
+  animation: wave 4s infinite linear;
+}
+
+.example-avatar {
+  inline-size: 4rem;
+  aspect-ratio: 1;
+  border-radius: 50%;
+}
+
 .example-heading {
   color: #333;
   margin-top: 0;
-  font-size: 1.8rem;
+  font-size: 2rem;
 }
 
-.example-text {
+p {
   color: #666;
   line-height: 1.6;
 }
@@ -23,4 +80,5 @@
   font-family: monospace;
   margin-top: 1.5rem;
   border-left: 3px solid #e0e0e0;
+  line-height: 1.5;
 }

package/templates/app-quickstart/src/ExampleComponent.tsx

@@ -1,18 +1,33 @@
+import {useCurrentUser, type CurrentUser} from '@sanity/sdk-react'
 import './ExampleComponent.css'
 
 export function ExampleComponent() {
+  const user: CurrentUser | null = useCurrentUser()
+
   return (
     <div className="example-container">
-      <h1 className="example-heading">Welcome to your Sanity App!</h1>
+      {user?.profileImage ? (
+        <div className="example-avatar-container">
+          <img src={user.profileImage} alt="" className="example-avatar" />
+        </div>
+      ) : (
+        ''
+      )}
+      <h1 className="example-heading">
+        Welcome to your Sanity App{user?.name ? `, ${user.name}` : ''}!
+      </h1>
       <p className="example-text">
-        This is an example component. You can replace this with your own content
-        by creating a new component and importing it in App.tsx.
+        This is an example component. You can replace this with your own content by creating a new
+        component and importing it in App.tsx.
       </p>
       <div className="code-hint">
-        <p>Quick tip: Create new components in separate files and import them like this in App.tsx / App.jsx:</p>
+        <p>
+          Quick tip: Create new components in separate files and import them like this in App.tsx /
+          App.jsx:
+        </p>
         <pre>{`import {YourComponent} from './YourComponent'
 
-// Then use it in your JSX 
+// Then use it in your JSX
 <SanityApp sanityConfigs={sanityConfigs}>
   <YourComponent />
 </SanityApp>`}</pre>