Understanding pricing tiers and project structure in Sanity.io

import {Config, defineConfig} from 'sanity'
import {deskTool} from 'sanity/desk'
import {visionTool} from '@sanity/vision'
import {schemaTypes} from './schemas'

const projectId = 'aaaaaahh'

// use top-level await to get the user.
const meResponse = await fetch(`https://${projectId}.<http://api.sanity.io/v2021-06-07/users/me|api.sanity.io/v2021-06-07/users/me>`,
 {credentials: "include"}
)

const me = await meResponse.json()

// If the user is logged in, we will have some values in `me`.
// If not, it will be an empty object
console.log("me", me)

// realConfig should be based on the role(s) that the user has (check me.roles)
// it could be an array of workspaces or just a single config
const realConfig: Config = {
  name: 'default',
  title: 'Actual Workspace',

  projectId,
  dataset: 'production',
  tools: [],

  plugins: [deskTool(), visionTool()],

  schema: {
    types: schemaTypes,
  },
}

// Login config is used just to trigger the login flow
// the user should never actually get to this UI
// because we swap the configs when the login navigation redirects back to the Studio.
// However you could consider having it as a fallback environment
const loginConfig: Config = {
  name: 'default',
  title: 'login',
  projectId,
  dataset: 'v3-sandbox',
  tools: [],
  plugins: [],
  studio: {
    components: {
      // This makes the studio just render nothing
      // you could replace this with a React component if you want
      // but the user should never see this unless you want to use it as a fallback for when no roles match.
      // Normally this is used to wrap the default layout so you can provide a banner across the top of the screen
      // or a React context provider.
      layout: () =&gt; null
    }
  }
}

const config = me.roles ? realConfig : loginConfig

export default defineConfig(config)

    // within iterating over each existing document
    mutations.push({create: newDocument})
      if (!doc.incomingReferences) {
        console.log('no refs')
        return
      }
      // Patch each of the incoming references
      doc.incomingReferences.forEach((referencingDocument) => {
        if (!referencingDocument.items?.length) {
          console.log('no items')
          return
        }
        const newItems = referencingDocument.items.map((item) =>
          item._ref === doc._id ? {...item, _ref: newDocId} : item
        )
        mutations.push({
          id: referencingDocument._id,
          patch: {
            // unset: ['items'],
            set: {...referencingDocument, items: newItems},
            ifRevisionID: referencingDocument._rev,
          },
        })
      })
      mutations.push({delete: doc._id})
      const transaction = createTransaction(mutations)
      await transaction.commit()

{
  "_createdAt": "2023-04-26T11:50:13Z",
  "_id": "60f77d3c-ae7a-406b-94e2-dc887ffb5e2f",
  "_rev": "LFnfZxO6WaODD0jffUqNAG",
  "_type": "page",
  "content": [
    {
      "_key": "ccd1c1cd39c2",
      "_type": "capstone",
      "backgroundImage": {
        "_type": "image",
        "asset": {
          "_ref": "image-f120fada92842b83b7a2a11aada8324f4ce7bb78-2070x1380-png",
          "_type": "reference"
        }
      },
      "capTitle": [
        {
          "_key": "ee1d7effed9f",
          "_type": "block",
          "children": [
            {
              "_key": "8df4b7543255",
              "_type": "span",
              "marks": [],
              "text": "Hi guys! This should update in real time. This is a "
            },
            {
              "_key": "b09150cc71e2",
              "_type": "span",
              "marks": [
                "strong"
              ],
              "text": "Capstone."
            }
          ],
          "markDefs": [],
          "style": "normal"
        }
      ],
      "imageVariant": "left",
      "variant": "text_left"
    },
    {
      "_key": "ad41e82cf18d",
      "_type": "cards",
      "description": "percent",
      "heading": "Test Heading"
    },
    {
      "_key": "a8da77e4ea73",
      "_type": "simpleBanner",
      "backgroundColor": "blue",
      "heading": "simple banner"
    },
    {
      "_key": "52d61f573b73",
      "_type": "infocard",
      "cta": {
        "label": "cta label",
        "link": "<https://epsilon.com/us>"
      },
      "icon": "none",
      "paragraph": "This is the infocard text",
      "title": "InfoCard Title"
    },
    {
      "_key": "4e9933c262e3",
      "_type": "quote",
      "blurb": "This is the blurb",
      "cta": {
        "label": "CTA goes here",
        "link": "<https://epsilon.com/us>",
        "new_tab": true
      },
      "icon": "old icon text",
      "image": {
        "_type": "image",
        "asset": {
          "_ref": "image-5a8e43276dd37ffd2b4e1e196e740e13dae2fe17-200x200-png",
          "_type": "reference"
        }
      },
      "paragraph": "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
      "title": "quote section title"
    }
  ],
  "name": "Off-site",
  "slug": {
    "_type": "slug",
    "current": "off-site"
  },
  "_updatedAt": "2023-06-07T18:04:13.026Z"
}

// use top-level await to get the user.
const meResponse = await fetch(`https://${projectId}.<http://api.sanity.io/v2021-06-07/users/me|api.sanity.io/v2021-06-07/users/me>`, {
  credentials: 'include',
})

 S.listItem()
        .title('Pages')
        .child((id, context) => {
          const workspaceName = context.structureContext.name
          return S.documentList().title('Pages').schemaType('page').filter(`_id in path(${workspaceName}.**`)
        }),