Merge main into next

.changeset/famous-pianos-happen.md

@@ -0,0 +1,5 @@
+---
+"@comet/admin": patch
+---
+
+Fix display of warnings for forms that use both form-level and field-level validation

.changeset/metal-bees-fix.md

@@ -0,0 +1,5 @@
+---
+"@comet/cms-api": patch
+---
+
+Add fallback values for users created via ID token

demo/admin/src/App.tsx

@@ -19,6 +19,7 @@ import {
 import { css, Global } from "@emotion/react";
 import { createApolloClient } from "@src/common/apollo/createApolloClient";
 import { ConfigProvider, createConfig } from "@src/config";
+import { type ContentScope } from "@src/site-configs";
 import { theme } from "@src/theme";
 import { HTML5toTouch } from "rdndmb-html5-to-touch";
 import { DndProvider } from "react-dnd-multi-backend";
@@ -99,7 +100,7 @@ export function App() {
                                 }}
                             >
                                 <IntlProvider locale="en" messages={getMessages()}>
-                                    <LocaleProvider resolveLocaleForScope={(scope) => scope.domain}>
+                                    <LocaleProvider resolveLocaleForScope={(scope: ContentScope) => scope.language}>
                                         <MuiThemeProvider theme={theme}>
                                             <DndProvider options={HTML5toTouch}>
                                                 <SnackbarProvider>

demo/admin/src/common/ContentScopeProvider.tsx

@@ -34,8 +34,12 @@ export const ContentScopeProvider = ({ children }: Pick<ContentScopeProviderProp
         language: { value: contentScope.language, label: contentScope.language.toUpperCase() },
     }));
 
+    if (user.allowedContentScopes.length === 0) {
+        throw new Error("User does not have access to any scopes.");
+    }
+
     return (
-        <ContentScopeProviderLibrary<ContentScope> values={values} defaultValue={{ domain: "main", language: "en" }}>
+        <ContentScopeProviderLibrary<ContentScope> values={values} defaultValue={userContentScopes[0]}>
             {children}
         </ContentScopeProviderLibrary>
     );

demo/admin/src/common/blocks/LayoutBlock.tsx

@@ -134,6 +134,7 @@ export const LayoutBlock = createCompositeBlock(
                             <Field name="layout" component={FinalFormLayoutSelect} layouts={layoutOptions} fullWidth />
                         </BlocksFinalForm>
                     ),
+                    extractTextContents: () => [],
                 }),
                 title: <FormattedMessage id="layoutBlock.layout" defaultMessage="Layout" />,
             },

demo/admin/src/documents/pages/EditPage.tsx

@@ -6,6 +6,7 @@ import {
     BlockAdminComponentRoot,
     BlockAdminTabLabel,
     BlockPreviewWithTabs,
+    ContentGenerationConfigProvider,
     ContentScopeIndicator,
     createUsePage,
     openSitePreviewWindow,
@@ -119,95 +120,105 @@ export const EditPage = ({ id }: Props) => {
 
     return (
         <AzureAiTranslatorProvider showApplyTranslationDialog={true} enabled={true}>
-            {hasChanges && (
-                <RouterPrompt
-                    message={(location) => {
-                        if (location.pathname.startsWith(match.url)) return true; //we navigated within our self
-                        return intl.formatMessage({
-                            id: "editPage.discardChanges",
-                            defaultMessage: "Discard unsaved changes?",
-                        });
-                    }}
-                    saveAction={async () => {
-                        try {
-                            await handleSavePage();
-                            return true;
-                        } catch {
-                            return false;
-                        }
-                    }}
-                />
-            )}
-            <Toolbar scopeIndicator={<ContentScopeIndicator />}>
-                <ToolbarItem>
-                    <IconButton onClick={stackApi?.goBack} size="large">
-                        <ArrowLeft />
-                    </IconButton>
-                </ToolbarItem>
-                <PageName pageId={id} />
-                <FillSpace />
-                <ToolbarActions>
-                    <Stack direction="row" spacing={1}>
-                        <Button
-                            startIcon={<Preview />}
-                            variant="textDark"
-                            disabled={!pageState}
-                            onClick={() => {
-                                openSitePreviewWindow(pageState.path, contentScopeMatch.url);
-                            }}
-                        >
-                            <FormattedMessage id="pages.pages.page.edit.preview" defaultMessage="Web preview" />
-                        </Button>
-                        {pageSaveButton}
-                    </Stack>
-                </ToolbarActions>
-            </Toolbar>
-            <MainContent disablePaddingBottom>
-                <BlockPreviewWithTabs previewUrl={previewUrl} previewState={previewState} previewApi={previewApi}>
-                    {[
-                        {
-                            key: "content",
-                            label: (
-                                <BlockAdminTabLabel isValid={rootBlocksApi.content.isValid}>
-                                    <FormattedMessage id="generic.blocks" defaultMessage="Blocks" />
-                                </BlockAdminTabLabel>
-                            ),
-                            content: (
-                                <BlockAdminComponentRoot
-                                    title={intl.formatMessage({ id: "pages.pages.page.edit.pageBlocks.title", defaultMessage: "Page" })}
-                                >
-                                    {rootBlocksApi.content.adminUI}
-                                </BlockAdminComponentRoot>
-                            ),
-                        },
-                        {
-                            key: "stage",
-                            label: (
-                                <BlockAdminTabLabel isValid={rootBlocksApi.stage.isValid}>
-                                    <FormattedMessage id="pages.page.edit.stage" defaultMessage="Stage" />
-                                </BlockAdminTabLabel>
-                            ),
-                            content: (
-                                <BlockAdminComponentRoot
-                                    title={intl.formatMessage({ id: "pages.pages.page.edit.stage.title", defaultMessage: "Stage" })}
-                                >
-                                    {rootBlocksApi.stage.adminUI}
-                                </BlockAdminComponentRoot>
-                            ),
-                        },
-                        {
-                            key: "config",
-                            label: (
-                                <BlockAdminTabLabel isValid={rootBlocksApi.seo.isValid}>
-                                    <FormattedMessage id="pages.pages.page.edit.config" defaultMessage="Config" />
-                                </BlockAdminTabLabel>
-                            ),
-                            content: rootBlocksApi.seo.adminUI,
-                        },
-                    ]}
-                </BlockPreviewWithTabs>
-            </MainContent>
-            {dialogs}
+            <ContentGenerationConfigProvider
+                seo={{
+                    getRelevantContent: () => {
+                        if (!pageState || !pageState.document) return [];
+
+                        return PageContentBlock.extractTextContents?.(pageState.document.content, { includeInvisibleContent: false }) ?? [];
+                    },
+                }}
+            >
+                {hasChanges && (
+                    <RouterPrompt
+                        message={(location) => {
+                            if (location.pathname.startsWith(match.url)) return true; //we navigated within our self
+                            return intl.formatMessage({
+                                id: "editPage.discardChanges",
+                                defaultMessage: "Discard unsaved changes?",
+                            });
+                        }}
+                        saveAction={async () => {
+                            try {
+                                await handleSavePage();
+                                return true;
+                            } catch {
+                                return false;
+                            }
+                        }}
+                    />
+                )}
+                <Toolbar scopeIndicator={<ContentScopeIndicator />}>
+                    <ToolbarItem>
+                        <IconButton onClick={stackApi?.goBack} size="large">
+                            <ArrowLeft />
+                        </IconButton>
+                    </ToolbarItem>
+                    <PageName pageId={id} />
+                    <FillSpace />
+                    <ToolbarActions>
+                        <Stack direction="row" spacing={1}>
+                            <Button
+                                startIcon={<Preview />}
+                                variant="textDark"
+                                disabled={!pageState}
+                                onClick={() => {
+                                    openSitePreviewWindow(pageState.path, contentScopeMatch.url);
+                                }}
+                            >
+                                <FormattedMessage id="pages.pages.page.edit.preview" defaultMessage="Web preview" />
+                            </Button>
+                            {pageSaveButton}
+                        </Stack>
+                    </ToolbarActions>
+                </Toolbar>
+                <MainContent disablePaddingBottom>
+                    <BlockPreviewWithTabs previewUrl={previewUrl} previewState={previewState} previewApi={previewApi}>
+                        {[
+                            {
+                                key: "content",
+                                label: (
+                                    <BlockAdminTabLabel isValid={rootBlocksApi.content.isValid}>
+                                        <FormattedMessage id="generic.blocks" defaultMessage="Blocks" />
+                                    </BlockAdminTabLabel>
+                                ),
+                                content: (
+                                    <BlockAdminComponentRoot
+                                        title={intl.formatMessage({ id: "pages.pages.page.edit.pageBlocks.title", defaultMessage: "Page" })}
+                                    >
+                                        {rootBlocksApi.content.adminUI}
+                                    </BlockAdminComponentRoot>
+                                ),
+                            },
+                            {
+                                key: "stage",
+                                label: (
+                                    <BlockAdminTabLabel isValid={rootBlocksApi.stage.isValid}>
+                                        <FormattedMessage id="pages.page.edit.stage" defaultMessage="Stage" />
+                                    </BlockAdminTabLabel>
+                                ),
+                                content: (
+                                    <BlockAdminComponentRoot
+                                        title={intl.formatMessage({ id: "pages.pages.page.edit.stage.title", defaultMessage: "Stage" })}
+                                    >
+                                        {rootBlocksApi.stage.adminUI}
+                                    </BlockAdminComponentRoot>
+                                ),
+                            },
+                            {
+                                key: "config",
+                                label: (
+                                    <BlockAdminTabLabel isValid={rootBlocksApi.seo.isValid}>
+                                        <FormattedMessage id="pages.pages.page.edit.config" defaultMessage="Config" />
+                                    </BlockAdminTabLabel>
+                                ),
+                                content: rootBlocksApi.seo.adminUI,
+                            },
+                        ]}
+                    </BlockPreviewWithTabs>
+                </MainContent>
+                {dialogs}
+            </ContentGenerationConfigProvider>
         </AzureAiTranslatorProvider>
     );
 };

demo/api/block-meta.json

@@ -747,6 +747,16 @@
                             "name": "scope",
                             "kind": "Json",
                             "nullable": true
+                        },
+                        {
+                            "name": "altText",
+                            "kind": "String",
+                            "nullable": true
+                        },
+                        {
+                            "name": "title",
+                            "kind": "String",
+                            "nullable": true
                         }
                     ]
                 },

demo/api/src/content-generation/content-generation.service.ts

@@ -5,11 +5,15 @@ import { Injectable } from "@nestjs/common";
 export class ContentGenerationService implements ContentGenerationServiceInterface {
     constructor(private readonly openAiContentGenerationService: AzureOpenAiContentGenerationService) {}
 
-    async generateAltText(fileId: string) {
-        return this.openAiContentGenerationService.generateAltText(fileId);
+    async generateAltText(fileId: string, options?: { language: string }) {
+        return this.openAiContentGenerationService.generateAltText(fileId, options);
     }
 
-    async generateImageTitle(fileId: string) {
-        return this.openAiContentGenerationService.generateImageTitle(fileId);
+    async generateImageTitle(fileId: string, options?: { language: string }) {
+        return this.openAiContentGenerationService.generateImageTitle(fileId, options);
+    }
+
+    async generateSeoTags(content: string, options: { language: string }) {
+        return this.openAiContentGenerationService.generateSeoTags(content, options);
     }
 }