next-sanity 3.1.0 → 3.1.2

package/dist/_chunks/{NextStudioLoading-3a59a7d7.js → NextStudioLoading-18687251.js}

@@ -3,15 +3,9 @@ import { SpinnerIcon } from '@sanity/icons';
 import { _responsive, rem } from '@sanity/ui';
 import { useMemo } from 'react';
 import { defaultTheme } from 'sanity';
-function isWorkspaces(config) {
-  return Array.isArray(config);
-}
-function isWorkspaceWithTheme(workspace) {
-  return Boolean(workspace.theme);
-}
 function useTheme(config) {
-  const workspace = useMemo(() => isWorkspaces(config) ? config[0] : config, [config]);
-  return useMemo(() => isWorkspaceWithTheme(workspace) ? workspace.theme : defaultTheme, [workspace]);
+  const workspace = useMemo(() => Array.isArray(config) ? config[0] : config, [config]);
+  return useMemo(() => (workspace == null ? void 0 : workspace.theme) || defaultTheme, [workspace]);
 }
 const style = {
   __html: "\n.sanity-app-no-js__root {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  background: #fff;\n  z-index: 1;\n}\n\n.sanity-app-no-js__content {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  text-align: center;\n  font-family: helvetica, arial, sans-serif;\n}\n"
@@ -58,6 +52,7 @@ function NextStudioLoading(props) {
     const capHeight = lineHeight - ascenderHeight - descenderHeight;
     return {
       wrapper: {
+        display: "block",
         animation: "".concat(id, " 500ms linear infinite"),
         color: theme.color[scheme].default.muted.default.enabled.muted.fg,
         width: rem(capHeight),
@@ -93,11 +88,26 @@ function NextStudioLoading(props) {
           flexDirection: "column",
           height: "100%",
           margin: 0,
-          padding: 0
+          padding: 0,
+          gap: "10px"
         },
         children: [/* @__PURE__ */jsx("style", {
           children: "@keyframes ".concat(id, " {").concat(keyframes, "}")
         }, scheme), /* @__PURE__ */jsx("div", {
+          "data-ui": "Text",
+          style: {
+            position: "relative",
+            fontWeight: 400,
+            padding: "1px 0px",
+            fontSize: "1rem",
+            lineHeight: "calc(1.3125)",
+            transform: "translateY(-5px)",
+            color: theme.color[scheme].default.muted.default.enabled.muted.fg
+          },
+          children: /* @__PURE__ */jsx("span", {
+            children: "Loading\u2026"
+          })
+        }), /* @__PURE__ */jsx("div", {
           "data-ui": "Spinner",
           style: styles.wrapper,
           children: /* @__PURE__ */jsx(SpinnerIcon, {
@@ -109,4 +119,4 @@ function NextStudioLoading(props) {
   });
 }
 export { NextStudioLoading as N, NextStudioNoScript as a, useTheme as u };
-//# sourceMappingURL=NextStudioLoading-3a59a7d7.js.map
+//# sourceMappingURL=NextStudioLoading-18687251.js.map

package/dist/_chunks/NextStudioLoading-18687251.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NextStudioLoading-18687251.js","sources":["../../src/studio/useTheme.ts","../../src/studio/NextStudioNoScript.tsx","../../src/studio/NextStudioLoading.tsx"],"sourcesContent":["import {useMemo} from 'react'\nimport {type Config, type SingleWorkspace, type StudioTheme, defaultTheme} from 'sanity'\n\n/** @alpha */\nexport function useTheme(\n  config?: Config | Required<Pick<SingleWorkspace, 'theme'>>\n): StudioTheme {\n  const workspace = useMemo<\n    SingleWorkspace | Required<Pick<SingleWorkspace, 'theme'>> | undefined\n  >(() => (Array.isArray(config) ? config[0] : config), [config])\n  return useMemo<StudioTheme>(() => workspace?.theme || defaultTheme, [workspace])\n}\n","/* eslint-disable react/no-danger */\n\nconst style = {\n  __html: `\n.sanity-app-no-js__root {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  background: #fff;\n  z-index: 1;\n}\n\n.sanity-app-no-js__content {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  text-align: center;\n  font-family: helvetica, arial, sans-serif;\n}\n`,\n} as const\n\n/** @alpha */\nexport const NextStudioNoScript = () => (\n  <noscript>\n    <div className=\"sanity-app-no-js__root\">\n      <div className=\"sanity-app-no-js__content\">\n        <style type=\"text/css\" dangerouslySetInnerHTML={style} />\n        <h1>JavaScript disabled</h1>\n        <p>\n          Please <a href=\"https://www.enable-javascript.com/\">enable JavaScript</a> in your\n          browser and reload the page to proceed.\n        </p>\n      </div>\n    </div>\n  </noscript>\n)\n","/* eslint-disable no-warning-comments */\n// Intentionally not using `styled-components` to ensure it works in any `next` setup.\n// Wether 'styled-components' SSR is setup or not.\n\nimport {SpinnerIcon} from '@sanity/icons'\nimport {_responsive, rem} from '@sanity/ui'\nimport type {Config, SingleWorkspace, StudioProps} from 'sanity'\n\nimport {NextStudioNoScript} from './NextStudioNoScript'\nimport {useTheme} from './useTheme'\n\n/** @alpha */\nexport interface NextStudioLoadingProps extends Pick<StudioProps, 'scheme'> {\n  /**\n   * If your Studio Config has a custom theme you can pass it here to ensure the loading screen matches your theme.\n   */\n  config?: Config | Required<Pick<SingleWorkspace, 'theme'>>\n  /**\n   * Render the <noscript> tag\n   * @defaultValue true\n   * @alpha\n   */\n  unstable__noScript?: boolean\n}\n\nconst keyframes = `\nfrom {\n  transform: rotate(0deg);\n}\n\nto {\n  transform: rotate(360deg);\n}\n`\n\nexport function NextStudioLoading(props: NextStudioLoadingProps) {\n  const {config, scheme = 'light', unstable__noScript = true} = props\n  const id = 'next-sanity-spinner'\n  const theme = useTheme(config)\n  const {fonts, media} = theme\n\n  const styles: any = _responsive(media, [2], (size: number) => {\n    const {ascenderHeight, descenderHeight, lineHeight, iconSize} = fonts.text.sizes[size]\n    const capHeight = lineHeight - ascenderHeight - descenderHeight\n\n    return {\n      wrapper: {\n        display: 'block',\n        animation: `${id} 500ms linear infinite`,\n        color: theme.color[scheme].default.muted.default.enabled.muted.fg,\n        width: rem(capHeight),\n        height: rem(capHeight),\n      },\n      svg: {\n        display: 'block',\n        width: rem(iconSize),\n        height: rem(iconSize),\n        margin: (capHeight - iconSize) / 2,\n      },\n    }\n  })[0]\n\n  return (\n    <>\n      {unstable__noScript && <NextStudioNoScript />}\n      <div\n        style={{\n          fontFamily: fonts.text.family,\n          backgroundColor: theme.color[scheme].default.base.bg,\n          height: '100vh',\n          maxHeight: '100dvh',\n          overscrollBehavior: 'none',\n          WebkitFontSmoothing: 'antialiased',\n          overflow: 'auto',\n        }}\n      >\n        <div\n          data-ui=\"Flex\"\n          style={{\n            display: 'flex',\n            minWidth: 0,\n            minHeight: 0,\n            alignItems: 'center',\n            justifyContent: 'center',\n            flexDirection: 'column',\n            height: '100%',\n            margin: 0,\n            padding: 0,\n            // @TODO use rem calc\n            gap: '10px',\n          }}\n        >\n          <style key={scheme}>{`@keyframes ${id} {${keyframes}}`}</style>\n          <div\n            data-ui=\"Text\"\n            style={{\n              position: 'relative',\n              // @TODO read from theme\n              fontWeight: 400,\n              // @TODO read from theme\n              padding: '1px 0px',\n              // @TODO use rem calc\n              fontSize: '1rem',\n              // @TODO use rem calc\n              lineHeight: 'calc(1.3125)',\n              // @TODO use rem calc\n              transform: 'translateY(-5px)',\n              color: theme.color[scheme].default.muted.default.enabled.muted.fg,\n            }}\n          >\n            <span>Loading…</span>\n          </div>\n          <div data-ui=\"Spinner\" style={styles.wrapper}>\n            <SpinnerIcon style={styles.svg} />\n          </div>\n        </div>\n      </div>\n    </>\n  )\n}\n"],"names":["useTheme","config","workspace","useMemo","Array","isArray","theme","defaultTheme","style","__html","NextStudioNoScript","jsx","children","className","jsxs","type","dangerouslySetInnerHTML","href","keyframes","NextStudioLoading","props","scheme","unstable__noScript","id","fonts","media","styles","_responsive","size","ascenderHeight","descenderHeight","lineHeight","iconSize","text","sizes","capHeight","wrapper","display","animation","color","default","muted","enabled","fg","width","rem","height","svg","margin","Fragment","fontFamily","family","backgroundColor","base","bg","maxHeight","overscrollBehavior","WebkitFontSmoothing","overflow","minWidth","minHeight","alignItems","justifyContent","flexDirection","padding","gap","position","fontWeight","fontSize","transform","SpinnerIcon"],"mappings":"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"}

package/dist/_chunks/{NextStudioLoading-d668a359.cjs → NextStudioLoading-e92a7c84.cjs}

@@ -5,15 +5,9 @@ var icons = require('@sanity/icons');
 var ui = require('@sanity/ui');
 var react = require('react');
 var sanity = require('sanity');
-function isWorkspaces(config) {
-  return Array.isArray(config);
-}
-function isWorkspaceWithTheme(workspace) {
-  return Boolean(workspace.theme);
-}
 function useTheme(config) {
-  const workspace = react.useMemo(() => isWorkspaces(config) ? config[0] : config, [config]);
-  return react.useMemo(() => isWorkspaceWithTheme(workspace) ? workspace.theme : sanity.defaultTheme, [workspace]);
+  const workspace = react.useMemo(() => Array.isArray(config) ? config[0] : config, [config]);
+  return react.useMemo(() => (workspace == null ? void 0 : workspace.theme) || sanity.defaultTheme, [workspace]);
 }
 const style = {
   __html: "\n.sanity-app-no-js__root {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  background: #fff;\n  z-index: 1;\n}\n\n.sanity-app-no-js__content {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  text-align: center;\n  font-family: helvetica, arial, sans-serif;\n}\n"
@@ -60,6 +54,7 @@ function NextStudioLoading(props) {
     const capHeight = lineHeight - ascenderHeight - descenderHeight;
     return {
       wrapper: {
+        display: "block",
         animation: "".concat(id, " 500ms linear infinite"),
         color: theme.color[scheme].default.muted.default.enabled.muted.fg,
         width: ui.rem(capHeight),
@@ -95,11 +90,26 @@ function NextStudioLoading(props) {
           flexDirection: "column",
           height: "100%",
           margin: 0,
-          padding: 0
+          padding: 0,
+          gap: "10px"
         },
         children: [/* @__PURE__ */jsxRuntime.jsx("style", {
           children: "@keyframes ".concat(id, " {").concat(keyframes, "}")
         }, scheme), /* @__PURE__ */jsxRuntime.jsx("div", {
+          "data-ui": "Text",
+          style: {
+            position: "relative",
+            fontWeight: 400,
+            padding: "1px 0px",
+            fontSize: "1rem",
+            lineHeight: "calc(1.3125)",
+            transform: "translateY(-5px)",
+            color: theme.color[scheme].default.muted.default.enabled.muted.fg
+          },
+          children: /* @__PURE__ */jsxRuntime.jsx("span", {
+            children: "Loading\u2026"
+          })
+        }), /* @__PURE__ */jsxRuntime.jsx("div", {
           "data-ui": "Spinner",
           style: styles.wrapper,
           children: /* @__PURE__ */jsxRuntime.jsx(icons.SpinnerIcon, {
@@ -113,4 +123,4 @@ function NextStudioLoading(props) {
 exports.NextStudioLoading = NextStudioLoading;
 exports.NextStudioNoScript = NextStudioNoScript;
 exports.useTheme = useTheme;
-//# sourceMappingURL=NextStudioLoading-d668a359.cjs.map
+//# sourceMappingURL=NextStudioLoading-e92a7c84.cjs.map

package/dist/_chunks/NextStudioLoading-e92a7c84.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NextStudioLoading-e92a7c84.cjs","sources":["../../src/studio/useTheme.ts","../../src/studio/NextStudioNoScript.tsx","../../src/studio/NextStudioLoading.tsx"],"sourcesContent":["import {useMemo} from 'react'\nimport {type Config, type SingleWorkspace, type StudioTheme, defaultTheme} from 'sanity'\n\n/** @alpha */\nexport function useTheme(\n  config?: Config | Required<Pick<SingleWorkspace, 'theme'>>\n): StudioTheme {\n  const workspace = useMemo<\n    SingleWorkspace | Required<Pick<SingleWorkspace, 'theme'>> | undefined\n  >(() => (Array.isArray(config) ? config[0] : config), [config])\n  return useMemo<StudioTheme>(() => workspace?.theme || defaultTheme, [workspace])\n}\n","/* eslint-disable react/no-danger */\n\nconst style = {\n  __html: `\n.sanity-app-no-js__root {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  background: #fff;\n  z-index: 1;\n}\n\n.sanity-app-no-js__content {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  text-align: center;\n  font-family: helvetica, arial, sans-serif;\n}\n`,\n} as const\n\n/** @alpha */\nexport const NextStudioNoScript = () => (\n  <noscript>\n    <div className=\"sanity-app-no-js__root\">\n      <div className=\"sanity-app-no-js__content\">\n        <style type=\"text/css\" dangerouslySetInnerHTML={style} />\n        <h1>JavaScript disabled</h1>\n        <p>\n          Please <a href=\"https://www.enable-javascript.com/\">enable JavaScript</a> in your\n          browser and reload the page to proceed.\n        </p>\n      </div>\n    </div>\n  </noscript>\n)\n","/* eslint-disable no-warning-comments */\n// Intentionally not using `styled-components` to ensure it works in any `next` setup.\n// Wether 'styled-components' SSR is setup or not.\n\nimport {SpinnerIcon} from '@sanity/icons'\nimport {_responsive, rem} from '@sanity/ui'\nimport type {Config, SingleWorkspace, StudioProps} from 'sanity'\n\nimport {NextStudioNoScript} from './NextStudioNoScript'\nimport {useTheme} from './useTheme'\n\n/** @alpha */\nexport interface NextStudioLoadingProps extends Pick<StudioProps, 'scheme'> {\n  /**\n   * If your Studio Config has a custom theme you can pass it here to ensure the loading screen matches your theme.\n   */\n  config?: Config | Required<Pick<SingleWorkspace, 'theme'>>\n  /**\n   * Render the <noscript> tag\n   * @defaultValue true\n   * @alpha\n   */\n  unstable__noScript?: boolean\n}\n\nconst keyframes = `\nfrom {\n  transform: rotate(0deg);\n}\n\nto {\n  transform: rotate(360deg);\n}\n`\n\nexport function NextStudioLoading(props: NextStudioLoadingProps) {\n  const {config, scheme = 'light', unstable__noScript = true} = props\n  const id = 'next-sanity-spinner'\n  const theme = useTheme(config)\n  const {fonts, media} = theme\n\n  const styles: any = _responsive(media, [2], (size: number) => {\n    const {ascenderHeight, descenderHeight, lineHeight, iconSize} = fonts.text.sizes[size]\n    const capHeight = lineHeight - ascenderHeight - descenderHeight\n\n    return {\n      wrapper: {\n        display: 'block',\n        animation: `${id} 500ms linear infinite`,\n        color: theme.color[scheme].default.muted.default.enabled.muted.fg,\n        width: rem(capHeight),\n        height: rem(capHeight),\n      },\n      svg: {\n        display: 'block',\n        width: rem(iconSize),\n        height: rem(iconSize),\n        margin: (capHeight - iconSize) / 2,\n      },\n    }\n  })[0]\n\n  return (\n    <>\n      {unstable__noScript && <NextStudioNoScript />}\n      <div\n        style={{\n          fontFamily: fonts.text.family,\n          backgroundColor: theme.color[scheme].default.base.bg,\n          height: '100vh',\n          maxHeight: '100dvh',\n          overscrollBehavior: 'none',\n          WebkitFontSmoothing: 'antialiased',\n          overflow: 'auto',\n        }}\n      >\n        <div\n          data-ui=\"Flex\"\n          style={{\n            display: 'flex',\n            minWidth: 0,\n            minHeight: 0,\n            alignItems: 'center',\n            justifyContent: 'center',\n            flexDirection: 'column',\n            height: '100%',\n            margin: 0,\n            padding: 0,\n            // @TODO use rem calc\n            gap: '10px',\n          }}\n        >\n          <style key={scheme}>{`@keyframes ${id} {${keyframes}}`}</style>\n          <div\n            data-ui=\"Text\"\n            style={{\n              position: 'relative',\n              // @TODO read from theme\n              fontWeight: 400,\n              // @TODO read from theme\n              padding: '1px 0px',\n              // @TODO use rem calc\n              fontSize: '1rem',\n              // @TODO use rem calc\n              lineHeight: 'calc(1.3125)',\n              // @TODO use rem calc\n              transform: 'translateY(-5px)',\n              color: theme.color[scheme].default.muted.default.enabled.muted.fg,\n            }}\n          >\n            <span>Loading…</span>\n          </div>\n          <div data-ui=\"Spinner\" style={styles.wrapper}>\n            <SpinnerIcon style={styles.svg} />\n          </div>\n        </div>\n      </div>\n    </>\n  )\n}\n"],"names":["useTheme","config","workspace","useMemo","Array","isArray","theme","defaultTheme","style","__html","NextStudioNoScript","jsx","children","className","jsxs","type","dangerouslySetInnerHTML","href","keyframes","NextStudioLoading","props","scheme","unstable__noScript","id","fonts","media","styles","_responsive","size","ascenderHeight","descenderHeight","lineHeight","iconSize","text","sizes","capHeight","wrapper","display","animation","color","default","muted","enabled","fg","width","rem","height","svg","margin","Fragment","fontFamily","family","backgroundColor","base","bg","maxHeight","overscrollBehavior","WebkitFontSmoothing","overflow","minWidth","minHeight","alignItems","justifyContent","flexDirection","padding","gap","position","fontWeight","fontSize","transform","SpinnerIcon"],"mappings":"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"}

package/dist/studio/index.cjs

@@ -15,7 +15,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 var sanity = require('sanity');
 var styled = require('styled-components');
-var NextStudioLoading = require('../_chunks/NextStudioLoading-d668a359.cjs');
+var NextStudioLoading = require('../_chunks/NextStudioLoading-e92a7c84.cjs');
 require('@sanity/icons');
 require('@sanity/ui');
 function _interopDefaultLegacy(e) {

package/dist/studio/index.d.ts

@@ -3,6 +3,7 @@
 import {Config} from 'sanity'
 import {MemoExoticComponent} from 'react'
 import {ReactNode} from 'react'
+import {SingleWorkspace} from 'sanity'
 import {StudioProps} from 'sanity'
 import {StudioTheme} from 'sanity'
 import type {ThemeColorSchemeKey} from '@sanity/ui'
@@ -61,7 +62,11 @@ export declare interface NextStudioLayoutProps extends Pick<StudioProps, 'config
 }
 
 /** @alpha */
-export declare interface NextStudioLoadingProps extends Pick<StudioProps, 'config' | 'scheme'> {
+export declare interface NextStudioLoadingProps extends Pick<StudioProps, 'scheme'> {
+  /**
+   * If your Studio Config has a custom theme you can pass it here to ensure the loading screen matches your theme.
+   */
+  config?: Config | Required<Pick<SingleWorkspace, 'theme'>>
   /**
    * Render the <noscript> tag
    * @defaultValue true
@@ -94,6 +99,8 @@ export declare interface NextStudioProps extends StudioProps {
 export declare function usePrefersColorScheme(): ThemeColorSchemeKey
 
 /** @alpha */
-export declare function useTheme(config: Config): StudioTheme
+export declare function useTheme(
+  config?: Config | Required<Pick<SingleWorkspace, 'theme'>>
+): StudioTheme
 
 export {}

package/dist/studio/index.js

@@ -10,8 +10,8 @@ import { jsx, Fragment } from 'react/jsx-runtime';
 import { useState, useEffect, startTransition, memo, useSyncExternalStore } from 'react';
 import { Studio } from 'sanity';
 import styled, { css } from 'styled-components';
-import { u as useTheme, N as NextStudioLoading } from '../_chunks/NextStudioLoading-3a59a7d7.js';
-export { a as NextStudioNoScript, u as useTheme } from '../_chunks/NextStudioLoading-3a59a7d7.js';
+import { u as useTheme, N as NextStudioLoading } from '../_chunks/NextStudioLoading-18687251.js';
+export { a as NextStudioNoScript, u as useTheme } from '../_chunks/NextStudioLoading-18687251.js';
 import '@sanity/icons';
 import '@sanity/ui';
 function NextStudioClientOnly(_ref) {

package/dist/studio/loading.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var NextStudioLoading = require('../_chunks/NextStudioLoading-d668a359.cjs');
+var NextStudioLoading = require('../_chunks/NextStudioLoading-e92a7c84.cjs');
 require('react/jsx-runtime');
 require('@sanity/icons');
 require('@sanity/ui');

package/dist/studio/loading.d.ts

@@ -1,10 +1,16 @@
+import type {Config} from 'sanity'
+import type {SingleWorkspace} from 'sanity'
 import type {StudioProps} from 'sanity'
 
 declare function NextStudioLoading(props: NextStudioLoadingProps): JSX.Element
 export default NextStudioLoading
 
 /** @alpha */
-export declare interface NextStudioLoadingProps extends Pick<StudioProps, 'config' | 'scheme'> {
+export declare interface NextStudioLoadingProps extends Pick<StudioProps, 'scheme'> {
+  /**
+   * If your Studio Config has a custom theme you can pass it here to ensure the loading screen matches your theme.
+   */
+  config?: Config | Required<Pick<SingleWorkspace, 'theme'>>
   /**
    * Render the <noscript> tag
    * @defaultValue true

package/dist/studio/loading.js

@@ -1,4 +1,4 @@
-export { N as default } from '../_chunks/NextStudioLoading-3a59a7d7.js';
+export { N as default } from '../_chunks/NextStudioLoading-18687251.js';
 import 'react/jsx-runtime';
 import '@sanity/icons';
 import '@sanity/ui';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-sanity",
-  "version": "3.1.0",
+  "version": "3.1.2",
   "description": "Sanity.io toolkit for Next.js",
   "keywords": [
     "sanity",
@@ -147,7 +147,7 @@
     "@sanity/image-url": "^1.0.1",
     "@sanity/pkg-utils": "^1.18.0",
     "@sanity/semantic-release-preset": "^2.0.2",
-    "@sanity/vision": "3.0.0-rc.2",
+    "@sanity/vision": "3.0.0",
     "@testing-library/react-hooks": "^8.0.1",
     "@types/eventsource": "^1.1.10",
     "@types/jest": "^29.2.3",
@@ -157,7 +157,7 @@
     "@typescript-eslint/eslint-plugin": "^5.44.0",
     "autoprefixer": "^10.4.13",
     "eslint": "^8.28.0",
-    "eslint-config-next": "13.0.6-canary.0",
+    "eslint-config-next": "13.0.6-canary.1",
     "eslint-config-prettier": "^8.5.0",
     "eslint-config-sanity": "^6.0.0",
     "eslint-gitignore": "^0.1.0",
@@ -166,16 +166,16 @@
     "groqd": "^0.0.4",
     "jest": "^29.3.1",
     "jest-environment-jsdom": "^29.3.1",
-    "next": "13.0.6-canary.0",
+    "next": "13.0.6-canary.1",
     "postcss": "^8.4.19",
     "prettier": "^2.8.0",
     "prettier-plugin-packagejson": "^2.3.0",
-    "prettier-plugin-tailwindcss": "^0.1.13",
+    "prettier-plugin-tailwindcss": "^0.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-is": "^18.2.0",
     "rollup": "^2.79.1",
-    "sanity": "3.0.0-rc.2",
+    "sanity": "3.0.0-rc.3",
     "styled-components": "^5.3.6",
     "tailwindcss": "^3.2.4",
     "typescript": "^4.9.3",

package/src/studio/NextStudioLoading.tsx

@@ -1,15 +1,20 @@
+/* eslint-disable no-warning-comments */
 // Intentionally not using `styled-components` to ensure it works in any `next` setup.
 // Wether 'styled-components' SSR is setup or not.
 
 import {SpinnerIcon} from '@sanity/icons'
 import {_responsive, rem} from '@sanity/ui'
-import type {StudioProps} from 'sanity'
+import type {Config, SingleWorkspace, StudioProps} from 'sanity'
 
 import {NextStudioNoScript} from './NextStudioNoScript'
 import {useTheme} from './useTheme'
 
 /** @alpha */
-export interface NextStudioLoadingProps extends Pick<StudioProps, 'config' | 'scheme'> {
+export interface NextStudioLoadingProps extends Pick<StudioProps, 'scheme'> {
+  /**
+   * If your Studio Config has a custom theme you can pass it here to ensure the loading screen matches your theme.
+   */
+  config?: Config | Required<Pick<SingleWorkspace, 'theme'>>
   /**
    * Render the <noscript> tag
    * @defaultValue true
@@ -40,6 +45,7 @@ export function NextStudioLoading(props: NextStudioLoadingProps) {
 
     return {
       wrapper: {
+        display: 'block',
         animation: `${id} 500ms linear infinite`,
         color: theme.color[scheme].default.muted.default.enabled.muted.fg,
         width: rem(capHeight),
@@ -80,9 +86,30 @@ export function NextStudioLoading(props: NextStudioLoadingProps) {
             height: '100%',
             margin: 0,
             padding: 0,
+            // @TODO use rem calc
+            gap: '10px',
           }}
         >
           <style key={scheme}>{`@keyframes ${id} {${keyframes}}`}</style>
+          <div
+            data-ui="Text"
+            style={{
+              position: 'relative',
+              // @TODO read from theme
+              fontWeight: 400,
+              // @TODO read from theme
+              padding: '1px 0px',
+              // @TODO use rem calc
+              fontSize: '1rem',
+              // @TODO use rem calc
+              lineHeight: 'calc(1.3125)',
+              // @TODO use rem calc
+              transform: 'translateY(-5px)',
+              color: theme.color[scheme].default.muted.default.enabled.muted.fg,
+            }}
+          >
+            <span>Loading…</span>
+          </div>
           <div data-ui="Spinner" style={styles.wrapper}>
             <SpinnerIcon style={styles.svg} />
           </div>

package/src/studio/useTheme.ts

@@ -1,36 +1,12 @@
 import {useMemo} from 'react'
-import {
-  type Config,
-  type SingleWorkspace,
-  type StudioTheme,
-  type WorkspaceOptions,
-  defaultTheme,
-} from 'sanity'
-
-type WithTheme = {
-  theme: StudioTheme
-}
-type SingleWorkspaceWithTheme = Omit<SingleWorkspace, 'theme'> & WithTheme
-type WorkspaceOptionsWithTheme = Omit<WorkspaceOptions, 'theme'> & WithTheme
-
-function isWorkspaces(config: Config): config is WorkspaceOptions[] {
-  return Array.isArray(config)
-}
-
-function isWorkspaceWithTheme(
-  workspace: SingleWorkspace | WorkspaceOptions
-): workspace is SingleWorkspaceWithTheme | WorkspaceOptionsWithTheme {
-  return Boolean(workspace.theme)
-}
+import {type Config, type SingleWorkspace, type StudioTheme, defaultTheme} from 'sanity'
 
 /** @alpha */
-export function useTheme(config: Config): StudioTheme {
-  const workspace = useMemo<SingleWorkspace | WorkspaceOptions>(
-    () => (isWorkspaces(config) ? config[0] : config),
-    [config]
-  )
-  return useMemo<StudioTheme>(
-    () => (isWorkspaceWithTheme(workspace) ? workspace.theme : defaultTheme),
-    [workspace]
-  )
+export function useTheme(
+  config?: Config | Required<Pick<SingleWorkspace, 'theme'>>
+): StudioTheme {
+  const workspace = useMemo<
+    SingleWorkspace | Required<Pick<SingleWorkspace, 'theme'>> | undefined
+  >(() => (Array.isArray(config) ? config[0] : config), [config])
+  return useMemo<StudioTheme>(() => workspace?.theme || defaultTheme, [workspace])
 }

package/dist/_chunks/NextStudioLoading-3a59a7d7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NextStudioLoading-3a59a7d7.js","sources":["../../src/studio/useTheme.ts","../../src/studio/NextStudioNoScript.tsx","../../src/studio/NextStudioLoading.tsx"],"sourcesContent":["import {useMemo} from 'react'\nimport {\n  type Config,\n  type SingleWorkspace,\n  type StudioTheme,\n  type WorkspaceOptions,\n  defaultTheme,\n} from 'sanity'\n\ntype WithTheme = {\n  theme: StudioTheme\n}\ntype SingleWorkspaceWithTheme = Omit<SingleWorkspace, 'theme'> & WithTheme\ntype WorkspaceOptionsWithTheme = Omit<WorkspaceOptions, 'theme'> & WithTheme\n\nfunction isWorkspaces(config: Config): config is WorkspaceOptions[] {\n  return Array.isArray(config)\n}\n\nfunction isWorkspaceWithTheme(\n  workspace: SingleWorkspace | WorkspaceOptions\n): workspace is SingleWorkspaceWithTheme | WorkspaceOptionsWithTheme {\n  return Boolean(workspace.theme)\n}\n\n/** @alpha */\nexport function useTheme(config: Config): StudioTheme {\n  const workspace = useMemo<SingleWorkspace | WorkspaceOptions>(\n    () => (isWorkspaces(config) ? config[0] : config),\n    [config]\n  )\n  return useMemo<StudioTheme>(\n    () => (isWorkspaceWithTheme(workspace) ? workspace.theme : defaultTheme),\n    [workspace]\n  )\n}\n","/* eslint-disable react/no-danger */\n\nconst style = {\n  __html: `\n.sanity-app-no-js__root {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  background: #fff;\n  z-index: 1;\n}\n\n.sanity-app-no-js__content {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  text-align: center;\n  font-family: helvetica, arial, sans-serif;\n}\n`,\n} as const\n\n/** @alpha */\nexport const NextStudioNoScript = () => (\n  <noscript>\n    <div className=\"sanity-app-no-js__root\">\n      <div className=\"sanity-app-no-js__content\">\n        <style type=\"text/css\" dangerouslySetInnerHTML={style} />\n        <h1>JavaScript disabled</h1>\n        <p>\n          Please <a href=\"https://www.enable-javascript.com/\">enable JavaScript</a> in your\n          browser and reload the page to proceed.\n        </p>\n      </div>\n    </div>\n  </noscript>\n)\n","// Intentionally not using `styled-components` to ensure it works in any `next` setup.\n// Wether 'styled-components' SSR is setup or not.\n\nimport {SpinnerIcon} from '@sanity/icons'\nimport {_responsive, rem} from '@sanity/ui'\nimport type {StudioProps} from 'sanity'\n\nimport {NextStudioNoScript} from './NextStudioNoScript'\nimport {useTheme} from './useTheme'\n\n/** @alpha */\nexport interface NextStudioLoadingProps extends Pick<StudioProps, 'config' | 'scheme'> {\n  /**\n   * Render the <noscript> tag\n   * @defaultValue true\n   * @alpha\n   */\n  unstable__noScript?: boolean\n}\n\nconst keyframes = `\nfrom {\n  transform: rotate(0deg);\n}\n\nto {\n  transform: rotate(360deg);\n}\n`\n\nexport function NextStudioLoading(props: NextStudioLoadingProps) {\n  const {config, scheme = 'light', unstable__noScript = true} = props\n  const id = 'next-sanity-spinner'\n  const theme = useTheme(config)\n  const {fonts, media} = theme\n\n  const styles: any = _responsive(media, [2], (size: number) => {\n    const {ascenderHeight, descenderHeight, lineHeight, iconSize} = fonts.text.sizes[size]\n    const capHeight = lineHeight - ascenderHeight - descenderHeight\n\n    return {\n      wrapper: {\n        animation: `${id} 500ms linear infinite`,\n        color: theme.color[scheme].default.muted.default.enabled.muted.fg,\n        width: rem(capHeight),\n        height: rem(capHeight),\n      },\n      svg: {\n        display: 'block',\n        width: rem(iconSize),\n        height: rem(iconSize),\n        margin: (capHeight - iconSize) / 2,\n      },\n    }\n  })[0]\n\n  return (\n    <>\n      {unstable__noScript && <NextStudioNoScript />}\n      <div\n        style={{\n          fontFamily: fonts.text.family,\n          backgroundColor: theme.color[scheme].default.base.bg,\n          height: '100vh',\n          maxHeight: '100dvh',\n          overscrollBehavior: 'none',\n          WebkitFontSmoothing: 'antialiased',\n          overflow: 'auto',\n        }}\n      >\n        <div\n          data-ui=\"Flex\"\n          style={{\n            display: 'flex',\n            minWidth: 0,\n            minHeight: 0,\n            alignItems: 'center',\n            justifyContent: 'center',\n            flexDirection: 'column',\n            height: '100%',\n            margin: 0,\n            padding: 0,\n          }}\n        >\n          <style key={scheme}>{`@keyframes ${id} {${keyframes}}`}</style>\n          <div data-ui=\"Spinner\" style={styles.wrapper}>\n            <SpinnerIcon style={styles.svg} />\n          </div>\n        </div>\n      </div>\n    </>\n  )\n}\n"],"names":["isWorkspaces","config","Array","isArray","isWorkspaceWithTheme","workspace","Boolean","theme","useTheme","useMemo","defaultTheme","style","__html","NextStudioNoScript","jsx","children","className","jsxs","type","dangerouslySetInnerHTML","href","keyframes","NextStudioLoading","props","scheme","unstable__noScript","id","fonts","media","styles","_responsive","size","ascenderHeight","descenderHeight","lineHeight","iconSize","text","sizes","capHeight","wrapper","animation","color","default","muted","enabled","fg","width","rem","height","svg","display","margin","Fragment","fontFamily","family","backgroundColor","base","bg","maxHeight","overscrollBehavior","WebkitFontSmoothing","overflow","minWidth","minHeight","alignItems","justifyContent","flexDirection","padding","SpinnerIcon"],"mappings":"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"}

package/dist/_chunks/NextStudioLoading-d668a359.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NextStudioLoading-d668a359.cjs","sources":["../../src/studio/useTheme.ts","../../src/studio/NextStudioNoScript.tsx","../../src/studio/NextStudioLoading.tsx"],"sourcesContent":["import {useMemo} from 'react'\nimport {\n  type Config,\n  type SingleWorkspace,\n  type StudioTheme,\n  type WorkspaceOptions,\n  defaultTheme,\n} from 'sanity'\n\ntype WithTheme = {\n  theme: StudioTheme\n}\ntype SingleWorkspaceWithTheme = Omit<SingleWorkspace, 'theme'> & WithTheme\ntype WorkspaceOptionsWithTheme = Omit<WorkspaceOptions, 'theme'> & WithTheme\n\nfunction isWorkspaces(config: Config): config is WorkspaceOptions[] {\n  return Array.isArray(config)\n}\n\nfunction isWorkspaceWithTheme(\n  workspace: SingleWorkspace | WorkspaceOptions\n): workspace is SingleWorkspaceWithTheme | WorkspaceOptionsWithTheme {\n  return Boolean(workspace.theme)\n}\n\n/** @alpha */\nexport function useTheme(config: Config): StudioTheme {\n  const workspace = useMemo<SingleWorkspace | WorkspaceOptions>(\n    () => (isWorkspaces(config) ? config[0] : config),\n    [config]\n  )\n  return useMemo<StudioTheme>(\n    () => (isWorkspaceWithTheme(workspace) ? workspace.theme : defaultTheme),\n    [workspace]\n  )\n}\n","/* eslint-disable react/no-danger */\n\nconst style = {\n  __html: `\n.sanity-app-no-js__root {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  background: #fff;\n  z-index: 1;\n}\n\n.sanity-app-no-js__content {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  text-align: center;\n  font-family: helvetica, arial, sans-serif;\n}\n`,\n} as const\n\n/** @alpha */\nexport const NextStudioNoScript = () => (\n  <noscript>\n    <div className=\"sanity-app-no-js__root\">\n      <div className=\"sanity-app-no-js__content\">\n        <style type=\"text/css\" dangerouslySetInnerHTML={style} />\n        <h1>JavaScript disabled</h1>\n        <p>\n          Please <a href=\"https://www.enable-javascript.com/\">enable JavaScript</a> in your\n          browser and reload the page to proceed.\n        </p>\n      </div>\n    </div>\n  </noscript>\n)\n","// Intentionally not using `styled-components` to ensure it works in any `next` setup.\n// Wether 'styled-components' SSR is setup or not.\n\nimport {SpinnerIcon} from '@sanity/icons'\nimport {_responsive, rem} from '@sanity/ui'\nimport type {StudioProps} from 'sanity'\n\nimport {NextStudioNoScript} from './NextStudioNoScript'\nimport {useTheme} from './useTheme'\n\n/** @alpha */\nexport interface NextStudioLoadingProps extends Pick<StudioProps, 'config' | 'scheme'> {\n  /**\n   * Render the <noscript> tag\n   * @defaultValue true\n   * @alpha\n   */\n  unstable__noScript?: boolean\n}\n\nconst keyframes = `\nfrom {\n  transform: rotate(0deg);\n}\n\nto {\n  transform: rotate(360deg);\n}\n`\n\nexport function NextStudioLoading(props: NextStudioLoadingProps) {\n  const {config, scheme = 'light', unstable__noScript = true} = props\n  const id = 'next-sanity-spinner'\n  const theme = useTheme(config)\n  const {fonts, media} = theme\n\n  const styles: any = _responsive(media, [2], (size: number) => {\n    const {ascenderHeight, descenderHeight, lineHeight, iconSize} = fonts.text.sizes[size]\n    const capHeight = lineHeight - ascenderHeight - descenderHeight\n\n    return {\n      wrapper: {\n        animation: `${id} 500ms linear infinite`,\n        color: theme.color[scheme].default.muted.default.enabled.muted.fg,\n        width: rem(capHeight),\n        height: rem(capHeight),\n      },\n      svg: {\n        display: 'block',\n        width: rem(iconSize),\n        height: rem(iconSize),\n        margin: (capHeight - iconSize) / 2,\n      },\n    }\n  })[0]\n\n  return (\n    <>\n      {unstable__noScript && <NextStudioNoScript />}\n      <div\n        style={{\n          fontFamily: fonts.text.family,\n          backgroundColor: theme.color[scheme].default.base.bg,\n          height: '100vh',\n          maxHeight: '100dvh',\n          overscrollBehavior: 'none',\n          WebkitFontSmoothing: 'antialiased',\n          overflow: 'auto',\n        }}\n      >\n        <div\n          data-ui=\"Flex\"\n          style={{\n            display: 'flex',\n            minWidth: 0,\n            minHeight: 0,\n            alignItems: 'center',\n            justifyContent: 'center',\n            flexDirection: 'column',\n            height: '100%',\n            margin: 0,\n            padding: 0,\n          }}\n        >\n          <style key={scheme}>{`@keyframes ${id} {${keyframes}}`}</style>\n          <div data-ui=\"Spinner\" style={styles.wrapper}>\n            <SpinnerIcon style={styles.svg} />\n          </div>\n        </div>\n      </div>\n    </>\n  )\n}\n"],"names":["isWorkspaces","config","Array","isArray","isWorkspaceWithTheme","workspace","Boolean","theme","useTheme","useMemo","defaultTheme","style","__html","NextStudioNoScript","jsx","children","className","jsxs","type","dangerouslySetInnerHTML","href","keyframes","NextStudioLoading","props","scheme","unstable__noScript","id","fonts","media","styles","_responsive","size","ascenderHeight","descenderHeight","lineHeight","iconSize","text","sizes","capHeight","wrapper","animation","color","default","muted","enabled","fg","width","rem","height","svg","display","margin","Fragment","fontFamily","family","backgroundColor","base","bg","maxHeight","overscrollBehavior","WebkitFontSmoothing","overflow","minWidth","minHeight","alignItems","justifyContent","flexDirection","padding","SpinnerIcon"],"mappings":"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"}