Embedding Sanity into an Astro admin page and importing schemas dynamically.

page/admin.astro
-----
<div id="app">

</div>
<script type="module">
  import { defineConfig, renderStudio } from "<https://esm.sh/sanity?alias=lodash:lodash-es>"
  import { deskTool } from "<https://esm.sh/sanity/desk?alias=lodash:lodash-es>"
        
  const config = defineConfig({
    plugins: [deskTool()],
    name: "Project name",
    projectId: "XXXXX",
    dataset: "production",
    schema: {
      types: [
        {
          type: "document",
          name: "page",
          title: "Page",
          fields: [
            {
              type: "string",
              name: "title",
              title: "Title"
            }
          ]
        }
      ]
    }
  });

  // This assumes that there is a <div id="app"></div> node in the HTML structure where this code is executed.
  renderStudio(document.getElementById("app"), config);
</script>

import {defineConfig} from 'sanity'
import {deskTool} from 'sanity/desk'
import {visionTool} from '@sanity/vision'
import {schemaTypes} from './schemas'
import {structure} from './sidebar-structure'
import {media} from 'sanity-plugin-media'
import {BrandLogo} from './plugins/BrandLogo'

export default defineConfig({
  name: 'default',
  title: 'AARP',

  projectId: 'XXXXXX',
  dataset: 'production',

  plugins: [
    deskTool({
      structure,
    }),
    media(),
    visionTool(),
  ],

  schema: {
    types: schemaTypes,
  },

  studio: {
    components: {
      logo: BrandLogo
    }
  } ,

  tools: (prev) => {
    // :point_down: Uses environment variables set by Vite in development mode
    if (import.meta.env.DEV) {
      return prev
    }
    return prev.filter((tool) => tool.name !== 'vision')
  },

})

  "project": {
    "name": "Movies",
    "basePath": "/studio"
  },

import {schemaTypes}  from './schema'

import {schemaTypes} from './schemas'

import {schemaTypes} from '<rootDir>/schemas'