feat(sanity): content releases

.eslintrc.cjs

@@ -3,6 +3,45 @@
 'use strict'
 
 const extensions = ['.cjs', '.mjs', '.js', '.jsx', '.ts', '.tsx']
+const sanityNoRestrictedImportsPaths = [
+  {
+    name: '@sanity/ui',
+    importNames: [
+      'Button',
+      'ButtonProps',
+      'Dialog',
+      'DialogProps',
+      'ErrorBoundary',
+      'MenuButton',
+      'MenuButtonProps',
+      'MenuGroup',
+      'MenuGroupProps',
+      'MenuItem',
+      'MenuItemProps',
+      'Popover',
+      'PopoverProps',
+      'Tab',
+      'TabProps',
+      'Tooltip',
+      'TooltipProps',
+      'TooltipDelayGroupProvider',
+      'TooltipDelayGroupProviderProps',
+    ],
+    message:
+      'Please use the (more opinionated) exported components in sanity/src/ui-components instead.',
+  },
+  {
+    name: 'styled-components',
+    importNames: ['default'],
+    message: 'Please use `import {styled} from "styled-components"` instead.',
+  },
+  {
+    name: 'react',
+    importNames: ['default', 'createContext'],
+    message:
+      'Please use named imports, e.g. `import {useEffect, useMemo, type ComponentType} from "react"` instead.\nPlease place "context" in _singletons',
+  },
+]
 
 /** @type {import('eslint').Linter.Config} */
 const config = {
@@ -92,6 +131,7 @@ const config = {
             'sortOrder',
             'status',
             'group',
+            'textWeight',
           ],
         },
       },
@@ -180,48 +220,32 @@ const config = {
         'packages/sanity/src/_singletons/**',
         'packages/sanity/src/_createContext/**',
       ],
+      rules: {
+        'no-restricted-imports': [
+          'error',
+          {
+            paths: sanityNoRestrictedImportsPaths,
+          },
+        ],
+      },
+    },
+    {
+      files: ['packages/sanity/src/core/**'],
+      excludedFiles: [
+        '**/__workshop__/**',
+        'packages/sanity/src/_singletons/**',
+        'packages/sanity/src/_createContext/**',
+      ],
       rules: {
         'no-restricted-imports': [
           'error',
           {
             paths: [
-              {
-                name: '@sanity/ui',
-                importNames: [
-                  'Button',
-                  'ButtonProps',
-                  'Dialog',
-                  'DialogProps',
-                  'ErrorBoundary',
-                  'MenuButton',
-                  'MenuButtonProps',
-                  'MenuGroup',
-                  'MenuGroupProps',
-                  'MenuItem',
-                  'MenuItemProps',
-                  'Popover',
-                  'PopoverProps',
-                  'Tab',
-                  'TabProps',
-                  'Tooltip',
-                  'TooltipProps',
-                  'TooltipDelayGroupProvider',
-                  'TooltipDelayGroupProviderProps',
-                ],
-                message:
-                  'Please use the (more opinionated) exported components in sanity/src/ui-components instead.',
-              },
-              {
-                name: 'styled-components',
-                importNames: ['default'],
-                message: 'Please use `import {styled} from "styled-components"` instead.',
-              },
-              {
-                name: 'react',
-                importNames: ['default', 'createContext'],
-                message:
-                  'Please use named imports, e.g. `import {useEffect, useMemo, type ComponentType} from "react"` instead.\nPlease place "context" in _singletons',
-              },
+              // {
+              //   name: 'sanity',
+              //   message: 'Please import from the relative path instead of the `sanity` package',
+              // },
+              ...sanityNoRestrictedImportsPaths,
             ],
           },
         ],

dev/test-studio/package.json

@@ -64,5 +64,10 @@
   "devDependencies": {
     "chokidar": "^3.6.0",
     "vite": "^4.5.5"
+  },
+  "overrides": {
+    "@sanity/preview-url-secret": "^2.0.1-release.4",
+    "@sanity/react-loader": "^1.10.15-release.4",
+    "@sanity/visual-editing": "2.4.3-release.4"
   }
 }

dev/test-studio/sanity.config.ts

@@ -164,7 +164,8 @@ const defaultWorkspace = {
   icon: SanityMonogram,
   // eslint-disable-next-line camelcase
   __internal_serverDocumentActions: {
-    enabled: true,
+    // TODO: Switched off because Actions API doesn't support versions (yet).
+    enabled: false,
   },
   scheduledPublishing: {
     enabled: true,
@@ -353,7 +354,7 @@ export default defineConfig([
           preview: '/preview/index.html',
         },
       }),
-      assist(),
+      // assist(),
       sharedSettings(),
     ],
     basePath: '/presentation',

package.json

@@ -186,7 +186,11 @@
     },
     "overrides": {
       "@npmcli/arborist": "^7.5.4",
-      "@sanity/ui@2": "$@sanity/ui",
+      "@sanity/client": "6.22.2-bundle-perspective-2",
+      "@sanity/icons": "3.5.0-corel.0",
+      "@sanity/insert-menu": "1.0.11-release.4",
+      "@sanity/presentation": "1.17.8-release.4",
+      "@sanity/ui": "2.10.0-corel.0",
       "@typescript-eslint/eslint-plugin": "$@typescript-eslint/eslint-plugin",
       "@typescript-eslint/parser": "$@typescript-eslint/parser"
     }

packages/@sanity/types/src/schema/preview.ts

@@ -10,6 +10,9 @@ export interface PrepareViewOptions {
 
 /** @public */
 export interface PreviewValue {
+  _id?: string
+  _createdAt?: string
+  _updatedAt?: string
   title?: string
   subtitle?: string
   description?: string

packages/sanity/package.json

@@ -252,6 +252,7 @@
     "rimraf": "^3.0.2",
     "rxjs": "^7.8.0",
     "rxjs-exhaustmap-with-trailing": "^2.1.1",
+    "rxjs-mergemap-array": "^0.1.0",
     "sanity-diff-patch": "^4.0.0",
     "scroll-into-view-if-needed": "^3.0.3",
     "semver": "^7.3.5",

packages/sanity/playwright-ct/tests/formBuilder/utils/TestWrapper.tsx

@@ -1,6 +1,7 @@
 import {type SanityClient} from '@sanity/client'
 import {Card, LayerProvider, ThemeProvider, ToastProvider} from '@sanity/ui'
 import {buildTheme, type RootTheme} from '@sanity/ui/theme'
+import {noop} from 'lodash'
 import {type ReactNode, Suspense, useEffect, useState} from 'react'
 import {
   ChangeConnectorRoot,
@@ -18,6 +19,8 @@ import {
 import {Pane, PaneContent, PaneLayout} from 'sanity/structure'
 import {styled} from 'styled-components'
 
+import {route} from '../../../../src/router'
+import {RouterProvider} from '../../../../src/router/RouterProvider'
 import {createMockSanityClient} from '../../../../test/mocks/mockSanityClient'
 import {getMockWorkspace} from '../../../../test/testUtils/getMockWorkspaceFromConfig'
 
@@ -36,6 +39,8 @@ const StyledChangeConnectorRoot = styled(ChangeConnectorRoot)`
   min-width: 0;
 `
 
+const router = route.create('/')
+
 /**
  * @description This component is used to wrap all tests in the providers it needs to be able to run successfully.
  * It provides a mock Sanity client and a mock workspace.
@@ -72,37 +77,39 @@ export const TestWrapper = (props: TestWrapperProps): JSX.Element | null => {
 
   return (
     <Suspense fallback={null}>
-      <ThemeProvider theme={studioThemeConfig}>
-        <ToastProvider>
-          <LayerProvider>
-            <WorkspaceProvider workspace={mockWorkspace}>
-              <ResourceCacheProvider>
-                <SourceProvider source={mockWorkspace.unstable_sources[0]}>
-                  <CopyPasteProvider>
-                    <ColorSchemeProvider>
-                      <UserColorManagerProvider>
-                        <StyledChangeConnectorRoot
-                          isReviewChangesOpen={false}
-                          onOpenReviewChanges={() => {}}
-                          onSetFocus={() => {}}
-                        >
-                          <PaneLayout height="fill">
-                            <Pane id="test-pane">
-                              <PaneContent>
-                                <Card padding={3}>{children}</Card>
-                              </PaneContent>
-                            </Pane>
-                          </PaneLayout>
-                        </StyledChangeConnectorRoot>
-                      </UserColorManagerProvider>
-                    </ColorSchemeProvider>
-                  </CopyPasteProvider>
-                </SourceProvider>
-              </ResourceCacheProvider>
-            </WorkspaceProvider>
-          </LayerProvider>
-        </ToastProvider>
-      </ThemeProvider>
+      <RouterProvider router={router} state={{}} onNavigate={noop}>
+        <ThemeProvider theme={studioThemeConfig}>
+          <ToastProvider>
+            <LayerProvider>
+              <WorkspaceProvider workspace={mockWorkspace}>
+                <ResourceCacheProvider>
+                  <SourceProvider source={mockWorkspace.unstable_sources[0]}>
+                    <CopyPasteProvider>
+                      <ColorSchemeProvider>
+                        <UserColorManagerProvider>
+                          <StyledChangeConnectorRoot
+                            isReviewChangesOpen={false}
+                            onOpenReviewChanges={() => {}}
+                            onSetFocus={() => {}}
+                          >
+                            <PaneLayout height="fill">
+                              <Pane id="test-pane">
+                                <PaneContent>
+                                  <Card padding={3}>{children}</Card>
+                                </PaneContent>
+                              </Pane>
+                            </PaneLayout>
+                          </StyledChangeConnectorRoot>
+                        </UserColorManagerProvider>
+                      </ColorSchemeProvider>
+                    </CopyPasteProvider>
+                  </SourceProvider>
+                </ResourceCacheProvider>
+              </WorkspaceProvider>
+            </LayerProvider>
+          </ToastProvider>
+        </ThemeProvider>
+      </RouterProvider>
     </Suspense>
   )
 }

packages/sanity/src/_singletons/context/ReleasesMetadataContext.ts

@@ -0,0 +1,12 @@
+import {createContext} from 'sanity/_createContext'
+
+import type {ReleasesMetadataContextValue} from '../../core/releases/contexts/ReleasesMetadataProvider'
+
+/**
+ * @internal
+ * @hidden
+ */
+export const ReleasesMetadataContext = createContext<ReleasesMetadataContextValue | null>(
+  'sanity/_singletons/context/releases-metadata',
+  null,
+)

packages/sanity/src/_singletons/context/ReleasesTableContext.ts

@@ -0,0 +1,11 @@
+import {createContext} from 'sanity/_createContext'
+
+import type {TableContextValue} from '../../core/releases/tool/components/Table/TableProvider'
+
+/**
+ * @internal
+ */
+export const TableContext = createContext<TableContextValue | null>(
+  'sanity/_singletons/context/releases-table',
+  null,
+)

packages/sanity/src/_singletons/index.ts

@@ -43,6 +43,8 @@ export * from './context/PresenceTrackerContexts'
 export * from './context/PreviewCardContext'
 export * from './context/ReferenceInputOptionsContext'
 export * from './context/ReferenceItemRefContext'
+export * from './context/ReleasesMetadataContext'
+export * from './context/ReleasesTableContext'
 export * from './context/ResourceCacheContext'
 export * from './context/ReviewChangesContext'
 export * from './context/RouterContext'

packages/sanity/src/core/comments/components/list/CommentsListItem.tsx

@@ -263,6 +263,9 @@ export const CommentsListItem = memo(function CommentsListItem(props: CommentsLi
     }
   }, [replies])
 
+  /* TODO - once we understand how to set up with "finished" releases
+  we need to add a condition to the readOnly prop in this component */
+
   const renderedReplies = useMemo(
     () =>
       splicedReplies.map((reply) => (