@crombolo/backoffice-host 0.0.0-stage → 0.9.1

package/plugin/localizations/vi.js

@@ -0,0 +1,104 @@
+// Generated by `bun run localizations:build`. Do not edit.
+// The product name in this language's own wording, for the keys
+// plugin/branding/localization-en.js curates, and "content type" where
+// Umbraco says "document type".
+export default {
+  "login": {
+    "instruction": "Đăng nhập vào Crombolo"
+  },
+  "user": {
+    "changePasswordDescription": "Bạn có thể thay đổi mật khẩu của mình để truy cập vào Crombolo backoffice bằng cách điền vào mẫu dưới đây và nhấp vào nút 'Đổi mật khẩu'",
+    "createUserHelp": "Tạo người dùng mới để cấp quyền truy cập cho họ vào Crombolo. Khi một người dùng mới được tạo, một mật khẩu sẽ được tạo ra mà bạn có thể chia sẻ với người dùng đó.",
+    "inviteUserHelp": "Mời người dùng mới để cấp quyền truy cập cho họ vào Crombolo. Một email mời sẽ được gửi đến người dùng với thông tin về cách đăng nhập vào Crombolo. Thời gian hiệu lực của lời mời là 72 giờ.",
+    "noConsole": "Vô hiệu hóa quyền truy cập Crombolo",
+    "userCreatedSuccessHelp": "Người dùng mới đã được tạo thành công. Để đăng nhập vào Crombolo, hãy sử dụng mật khẩu bên dưới.",
+    "userInvitedSuccessHelp": "Một lời mời đã được gửi đến người dùng mới với thông tin chi tiết về cách đăng nhập vào Crombolo.",
+    "userinviteWelcomeMessage": "Xin chào và chào mừng bạn đến với Crombolo! Chỉ trong 1 phút, bạn sẽ sẵn sàng sử dụng. Chúng tôi chỉ cần bạn tạo mật khẩu và thêm hình đại diện cho tài khoản.",
+    "userinviteExpiredMessage": "Chào mừng bạn đến với Crombolo! Rất tiếc, lời mời của bạn đã hết hạn. Vui lòng liên hệ với quản trị viên của bạn và yêu cầu họ gửi lại lời mời.",
+    "documentType": "Loại nội dung"
+  },
+  "general": {
+    "umbracoInfo": "Thông tin Crombolo"
+  },
+  "buttons": {
+    "viewSystemDetails": "Xem thông tin hệ thống Crombolo CMS và số phiên bản"
+  },
+  "visuallyHiddenTexts": {
+    "searchOverlayTitle": "Tìm kiếm trong Crombolo backoffice"
+  },
+  "languages": {
+    "defaultLanguageHelp": "Một trang Crombolo chỉ có thể có một ngôn ngữ mặc định được thiết lập."
+  },
+  "paste": {
+    "errorMessage": "Văn bản bạn đang cố dán chứa các ký tự hoặc định dạng đặc biệt. Điều này có thể do việc sao chép văn bản từ Microsoft Word. Crombolo có thể tự động loại bỏ các ký tự hoặc định dạng đặc biệt, vì vậy nội dung được dán sẽ phù hợp hơn với web."
+  },
+  "dashboard": {
+    "nothinghappens": "Nếu Crombolo không mở, bạn có thể cần cho phép cửa sổ bật lên từ trang này"
+  },
+  "logViewer": {
+    "searchUmbracoSource": "Tìm kiếm mã nguồn Crombolo",
+    "searchWithinUmbracoSourceCodeOnGithub": "Tìm trong mã nguồn Crombolo trên GitHub",
+    "searchUmbracoIssues": "Tìm kiếm vấn đề của Crombolo",
+    "searchUmbracoIssuesOnGithub": "Tìm vấn đề của Crombolo trên GitHub"
+  },
+  "defaultdialogs": {
+    "linkYourConfirm": "Bạn sắp liên kết tài khoản Crombolo và {0} của mình và bạn sẽ được chuyển hướng đến {0} để xác nhận.",
+    "unLinkYourConfirm": "Bạn sắp hủy liên kết tài khoản Crombolo và {0} của mình và bạn sẽ bị đăng xuất."
+  },
+  "actions": {
+    "changeDocType": "Thay đổi loại nội dung",
+    "exportDocumentType": "Xuất khẩu loại nội dung",
+    "importdocumenttype": "Nhập khẩu loại nội dung"
+  },
+  "actionDescriptions": {
+    "changeDocType": "Cho phép truy cập để thay đổi loại nội dung cho một tài liệu"
+  },
+  "content": {
+    "documentType": "Loại Nội dung"
+  },
+  "create": {
+    "createContentBlueprint": "Chọn loại nội dung bạn muốn tạo bản mẫu tài liệu cho",
+    "noDocumentTypes": "Không có loại nội dung nào được phép để tạo nội dung ở đây. Bạn phải kích hoạt chúng trong <strong>Content Types</strong> trong phần <strong>Settings</strong>, bằng cách chỉnh sửa <strong>Allowed child node types</strong> dưới <strong>Structure</strong>.",
+    "noDocumentTypesAtRoot": "Không có loại nội dung nào có sẵn để tạo nội dung ở đây. Bạn phải tạo chúng trong <strong>Content Types</strong> trong phần <strong>Settings</strong>.",
+    "noDocumentTypesEditPermissions": "Chỉnh sửa quyền cho loại nội dung này",
+    "noDocumentTypesCreateNew": "Tạo một loại nội dung mới",
+    "noDocumentTypesAllowedAtRoot": "Không có loại nội dung nào được phép có sẵn để tạo nội dung ở đây. Bạn phải kích hoạt chúng trong <strong>Content Types</strong> trong phần <strong>Settings</strong>, bằng cách thay đổi tùy chọn <strong>Allow as root</strong> dưới <strong>Structure</strong>.",
+    "documentTypeWithoutTemplate": "Loại nội dung không có mẫu",
+    "documentTypeWithTemplate": "Loại nội dung có mẫu",
+    "documentType": "Loại nội dung",
+    "compositionDescription": "Xác định một tập hợp thuộc tính có thể tái sử dụng, được đưa vào định nghĩa của nhiều Loại nội dung khác nhau. Ví dụ: một tập hợp 'Cài đặt trang chung'."
+  },
+  "prompt": {
+    "doctypeChangeWarning": "Bạn có thay đổi chưa lưu. Thay đổi Loại nội dung sẽ hủy bỏ các thay đổi."
+  },
+  "settings": {
+    "importDocumentTypeHelp": "Để nhập một loại nội dung, hãy tìm tệp \".udt\" trên máy tính của bạn bằng cách nhấp vào nút \"Nhập\" (bạn sẽ được yêu cầu xác nhận trên màn hình tiếp theo)"
+  },
+  "speechBubbles": {
+    "contentTypeSavedHeader": "Loại nội dung đã được lưu",
+    "documentTypeExportedSuccess": "Content Type đã được xuất ra file",
+    "documentTypeExportedError": "Đã xảy ra lỗi khi xuất Content Type"
+  },
+  "contentTypeEditor": {
+    "compositionsDescription": "Kế thừa các tab và thuộc tính từ một loại nội dung hiện có. Các tab mới sẽ được thêm vào loại nội dung hiện tại hoặc được hợp nhất nếu một tab có tên giống hệt tồn tại.",
+    "compositionRemoveWarning": "Việc xóa một thành phần sẽ xóa tất cả dữ liệu thuộc tính liên quan. Khi bạn lưu loại nội dung, sẽ không có cách nào quay lại.",
+    "allDocumentTypes": "Tất cả các loại nội dung",
+    "usingThisDocument": "Việc sử dụng loại nội dung này sẽ bị xóa vĩnh viễn, vui lòng xác nhận bạn muốn xóa những cái này.",
+    "compositionUsageSpecification": "Loại nội dung này hiện đang được sử dụng trong thành phần của các loại nội dung sau:",
+    "elementDescription": "Một loại phần tử được sử dụng trong các loại nội dung khác, và không nằm trong cây nội dung.",
+    "elementCannotToggle": "Loại nội dung không thể được thay đổi thành loại phần tử một khi nó đã được sử dụng để tạo một hoặc nhiều mục nội dung."
+  },
+  "webhooks": {
+    "addDocumentType": "Thêm loại nội dung"
+  },
+  "treeHeaders": {
+    "documentTypes": "Loại nội dung"
+  },
+  "references": {
+    "labelUsedByDocumentTypes": "Được sử dụng trong các Loại Nội dung"
+  },
+  "contentTemplatesDashboard": {
+    "createDescription": "<p>Có hai cách để tạo một Mẫu tài liệu:</p><ul><li>Nhấp chuột phải vào một nút nội dung và chọn \"Tạo Mẫu tài liệu\" để tạo một Mẫu tài liệu mới.</li><li>Nhấp chuột phải vào cây Mẫu tài liệu trong phần Cài đặt và chọn Loại nội dung mà bạn muốn tạo Mẫu tài liệu cho.</li></ul><p>Sau khi được đặt tên, các biên tập viên có thể bắt đầu sử dụng Mẫu tài liệu như một nền tảng cho trang mới của họ.</p>",
+    "manageDescription": "Bạn có thể chỉnh sửa và xóa Mẫu tài liệu từ cây \"Mẫu tài liệu\" trong phần Cài đặt. Mở rộng Loại nội dung mà Mẫu tài liệu dựa trên đó và nhấp vào để chỉnh sửa hoặc xóa."
+  }
+}

package/plugin/localizations/zh-tw.js

@@ -0,0 +1,38 @@
+// Generated by `bun run localizations:build`. Do not edit.
+// The product name in this language's own wording, for the keys
+// plugin/branding/localization-en.js curates, and "content type" where
+// Umbraco says "document type".
+export default {
+  "paste": {
+    "errorMessage": "您所粘貼的文本含有特殊字元或格式，Crombolo將清除以適應網頁。"
+  },
+  "dashboard": {
+    "nothinghappens": "如果Crombolo沒有打開，您可能需要允許彈出式視窗。"
+  },
+  "actions": {
+    "changeDocType": "改變內容類型",
+    "exportDocumentType": "匯出內容類型",
+    "importdocumenttype": "導入內容類型"
+  },
+  "content": {
+    "documentType": "內容類型"
+  },
+  "create": {
+    "noDocumentTypes": "此處沒有被允許的內容類型。請至設定中的 <strong>\"內容類型\"</strong>處變更。",
+    "documentTypeWithoutTemplate": "內容類型沒有相關範本"
+  },
+  "settings": {
+    "importDocumentTypeHelp": "要導入內容類型，請點擊“流覽”按鈕，再點擊“導入”，然後在您電腦上查找 \".udt\"檔導入（下一頁中需要您再次確認）"
+  },
+  "contentTypeEditor": {
+    "compositionsDescription": "從已存在的內容類型中繼承選項卡以及屬性。新選項卡將被新增至目前內容類型或合併至已存在同名的選項卡中。",
+    "allDocumentTypes": "所有內容類型",
+    "usingThisDocument": "使用此內容類型的將被永久刪除，請確認您也想要將它們刪除。"
+  },
+  "treeHeaders": {
+    "documentTypes": "內容類型"
+  },
+  "user": {
+    "documentType": "內容類型"
+  }
+}

package/plugin/localizations/zh.js

@@ -0,0 +1,38 @@
+// Generated by `bun run localizations:build`. Do not edit.
+// The product name in this language's own wording, for the keys
+// plugin/branding/localization-en.js curates, and "content type" where
+// Umbraco says "document type".
+export default {
+  "paste": {
+    "errorMessage": "您所粘贴的文本含有特殊字符或格式，Crombolo将清除以适应网页。"
+  },
+  "dashboard": {
+    "nothinghappens": "如果Crombolo没有打开，您可能需要允许弹出式窗口。"
+  },
+  "actions": {
+    "changeDocType": "改变内容类型",
+    "exportDocumentType": "导出内容类型",
+    "importdocumenttype": "导入内容类型"
+  },
+  "content": {
+    "documentType": "内容类型"
+  },
+  "create": {
+    "noDocumentTypes": "没有允许的内容类型可用。必须在 <strong> \"内容类型\" </strong> 下的 \"设置\" 部分中启用这些内容。",
+    "documentTypeWithoutTemplate": "没有模板的内容类型"
+  },
+  "settings": {
+    "importDocumentTypeHelp": "要导入内容类型，请点击“浏览”按钮，再点击“导入”，然后在您电脑上查找 \".udt\"文件导入（下一页中需要您再次确认）"
+  },
+  "contentTypeEditor": {
+    "compositionsDescription": "从现有内容类型继承选项卡和属性。如果存在同名的选项卡, 则新选项卡将添加到当前内容类型或合并。",
+    "allDocumentTypes": "所有内容类型",
+    "usingThisDocument": "使用此内容类型将被永久删除, 请确认您还要删除这些文件。"
+  },
+  "treeHeaders": {
+    "documentTypes": "内容类型"
+  },
+  "user": {
+    "documentType": "内容类型"
+  }
+}

package/plugin/read-only-banner.js

@@ -0,0 +1,48 @@
+/**
+ * A header app that shows when this server has fallen behind the database:
+ * reads keep working, writes answer 409, and the load balancer is draining it.
+ */
+import { css, html, LitElement, nothing } from '@umbraco-cms/backoffice/external/lit'
+import { fetchReport } from './report-client.js'
+
+export default class CromboloReadOnlyBannerElement extends LitElement {
+  static properties = { _health: { state: true } }
+
+  constructor() {
+    super()
+    this._health = undefined
+    this._timer = undefined
+  }
+
+  connectedCallback() {
+    super.connectedCallback()
+    this.#poll()
+    this._timer = setInterval(() => this.#poll(), 15_000)
+  }
+
+  disconnectedCallback() {
+    super.disconnectedCallback()
+    clearInterval(this._timer)
+  }
+
+  async #poll() {
+    try {
+      this._health = (await fetchReport()).health
+    } catch {
+      // The report is not reachable; say nothing rather than something wrong.
+    }
+  }
+
+  render() {
+    if (!this._health?.readOnly) return nothing
+    return html`<uui-tag color="warning" look="primary" title="An upgrade moved the database past this server (${this._health.version}+${this._health.revision}). Editing resumes on the new servers.">
+      Read-only: upgrade in progress
+    </uui-tag>`
+  }
+
+  static styles = css`
+    :host { display: flex; align-items: center; padding: 0 var(--uui-size-space-3); }
+  `
+}
+
+customElements.define('crombolo-read-only-banner', CromboloReadOnlyBannerElement)

package/plugin/report-client.js

@@ -0,0 +1,13 @@
+/**
+ * Reads the change report the server keeps at <backoffice>/crombolo/api/change-report.
+ * The cookie carries the session, so no token handling is needed here.
+ */
+export async function fetchReport() {
+  const base = document.querySelector('base')?.getAttribute('href') ?? '/umbraco/'
+  const response = await fetch(`${base.replace(/\/$/, '')}/crombolo/api/change-report`, {
+    credentials: 'include',
+    headers: { accept: 'application/json' },
+  })
+  if (!response.ok) throw new Error(`change report responded ${response.status}`)
+  return response.json()
+}

package/plugin/seo/client.js

@@ -0,0 +1,35 @@
+/**
+ * Reads and saves search and sharing at `<backoffice>/crombolo/api/seo/*`. The
+ * session cookie carries the auth, as it does for the framework's other plugin
+ * endpoints; the base comes from `<base href>` because the backoffice path is
+ * configurable.
+ */
+const base = () => {
+  const href = document.querySelector('base')?.getAttribute('href') ?? '/umbraco/'
+  return `${href.replace(/\/$/, '')}/crombolo/api/seo`
+}
+
+const json = async (path, init) => {
+  const response = await fetch(`${base()}${path}`, {
+    credentials: 'include',
+    headers: {
+      accept: 'application/json',
+      ...(init?.body ? { 'content-type': 'application/json' } : {}),
+    },
+    ...init,
+  })
+  const body = await response.json().catch(() => ({}))
+  if (!response.ok) throw new Error(body.message ?? 'Search and sharing could not be loaded.')
+  return body
+}
+
+export const readSettings = () => json('/settings')
+
+export const saveSettings = (changes) =>
+  json('/settings', { method: 'PUT', body: JSON.stringify(changes) })
+
+export const readPreview = (documentKey, culture) => {
+  const query = new URLSearchParams({ document: documentKey })
+  if (culture) query.set('culture', culture)
+  return json(`/preview?${query}`)
+}

package/plugin/seo/dashboard.js

@@ -0,0 +1,242 @@
+/**
+ * Search & sharing, in Settings: the site-wide values every page falls back
+ * to, the robots file, and the page shown for an address that does not exist.
+ *
+ * Each field starts from the site's configuration. A value saved here overrides
+ * it, and "Use the default" removes the override, so the configuration applies
+ * again; the label beside each field says which is in force.
+ */
+// For their side effects: these register `umb-input-document` and
+// `umb-input-media`, which the shell otherwise loads lazily.
+import '@umbraco-cms/backoffice/document'
+import '@umbraco-cms/backoffice/media'
+import { css, html, nothing } from '@umbraco-cms/backoffice/external/lit'
+import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element'
+import { readSettings, saveSettings } from './client.js'
+
+const SOURCES = {
+  backoffice: 'Set here',
+  config: 'From the site configuration',
+  default: 'Default',
+}
+
+const UUID = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i
+
+export default class CromboloSeoDashboardElement extends UmbLitElement {
+  static properties = {
+    _settings: { state: true },
+    _draft: { state: true },
+    _message: { state: true },
+    _saving: { state: true },
+  }
+
+  constructor() {
+    super()
+    this._draft = {}
+  }
+
+  connectedCallback() {
+    super.connectedCallback()
+    this.#load()
+  }
+
+  async #load() {
+    try {
+      this._settings = await readSettings()
+      this._draft = {}
+    } catch (error) {
+      this._message = error.message
+    }
+  }
+
+  #value(field) {
+    return field in this._draft ? this._draft[field] : this._settings.effective[field]
+  }
+
+  #set(field, value) {
+    this._draft = { ...this._draft, [field]: value }
+  }
+
+  async #save(changes) {
+    this._saving = true
+    try {
+      this._settings = await saveSettings(changes)
+      this._draft = {}
+      this._message = 'Saved.'
+    } catch (error) {
+      this._message = error.message
+    } finally {
+      this._saving = false
+    }
+  }
+
+  #source(field) {
+    const source = this._settings.sources[field]
+    return html`
+      <span class="source">
+        <uui-tag look="secondary">${SOURCES[source]}</uui-tag>
+        ${
+          source === 'backoffice'
+            ? html`<uui-button
+                compact
+                look="placeholder"
+                label="Use the default"
+                @click=${() => this.#save({ [field]: null })}
+              ></uui-button>`
+            : nothing
+        }
+      </span>
+    `
+  }
+
+  #field(field, label, description, control) {
+    return html`
+      <div class="field">
+        <div class="label">
+          <strong>${label}</strong>
+          ${this.#source(field)}
+        </div>
+        <small>${description}</small>
+        ${control}
+      </div>
+    `
+  }
+
+  #toggle(field, label, description) {
+    return this.#field(
+      field,
+      label,
+      description,
+      html`<uui-toggle
+        .checked=${Boolean(this.#value(field))}
+        label=${label}
+        @change=${(event) => this.#set(field, event.target.checked)}
+      ></uui-toggle>`,
+    )
+  }
+
+  #text(field, label, description, placeholder = '') {
+    return this.#field(
+      field,
+      label,
+      description,
+      html`<uui-input
+        .value=${this.#value(field) ?? ''}
+        label=${label}
+        placeholder=${placeholder}
+        @input=${(event) => this.#set(field, event.target.value)}
+      ></uui-input>`,
+    )
+  }
+
+  render() {
+    if (!this._settings)
+      return this._message
+        ? html`<uui-box><p>${this._message}</p></uui-box>`
+        : html`<uui-loader></uui-loader>`
+    const image = this.#value('defaultImage')
+    const notFound = this.#value('notFoundPage') ?? []
+    const scoped = notFound.some((rule) => rule.host || rule.culture)
+    return html`
+      <uui-box headline="Search & sharing">
+        ${this.#toggle(
+          'indexable',
+          'Let search engines list this site',
+          'Turn off for a site that is not live yet, such as a staging copy.',
+        )}
+        ${this.#toggle(
+          'sitemap',
+          'Offer a list of pages to search engines',
+          'Lists every published page at /sitemap.xml, except those hidden from it.',
+        )}
+        ${this.#text('siteName', 'Site name', 'Shown when a page is shared.')}
+        ${this.#text(
+          'titleSuffix',
+          'Added to every page title',
+          'For example " | Acme". Leave empty for none.',
+        )}
+        ${this.#field(
+          'defaultImage',
+          'Sharing image',
+          'Used when a page without its own image is shared.',
+          html`<umb-input-media
+            max="1"
+            .selection=${UUID.test(image ?? '') ? [image] : []}
+            @change=${(event) => this.#set('defaultImage', event.target.selection?.[0] ?? '')}
+          ></umb-input-media>`,
+        )}
+        ${this.#field(
+          'notFoundPage',
+          'Page for addresses that do not exist',
+          scoped
+            ? 'The site configuration chooses a page per address or language. Choosing one here uses it everywhere.'
+            : 'Shown, with a "not found" status, when nothing else answers an address.',
+          html`<umb-input-document
+            max="1"
+            .selection=${notFound[0]?.document && !scoped ? [notFound[0].document] : []}
+            @change=${(event) => {
+              const key = event.target.selection?.[0]
+              this.#set('notFoundPage', key ? [{ document: key }] : [])
+            }}
+          ></umb-input-document>`,
+        )}
+        ${this.#field(
+          'robotsTxt',
+          'Instructions for search engines',
+          'The rules in /robots.txt. The address of the page list is added for you.',
+          html`<uui-textarea
+            .value=${this.#value('robotsTxt') ?? ''}
+            label="Instructions for search engines"
+            @input=${(event) => this.#set('robotsTxt', event.target.value)}
+          ></uui-textarea>`,
+        )}
+        <div class="actions">
+          <uui-button
+            look="primary"
+            label="Save"
+            ?disabled=${this._saving || Object.keys(this._draft).length === 0}
+            @click=${() => this.#save(this._draft)}
+          ></uui-button>
+          ${this._message ? html`<span>${this._message}</span>` : nothing}
+        </div>
+      </uui-box>
+    `
+  }
+
+  static styles = css`
+    :host {
+      display: block;
+      padding: var(--uui-size-layout-1);
+    }
+    .field {
+      display: flex;
+      flex-direction: column;
+      gap: var(--uui-size-space-2);
+      margin-bottom: var(--uui-size-layout-1);
+    }
+    .label {
+      display: flex;
+      align-items: center;
+      gap: var(--uui-size-space-3);
+    }
+    .source {
+      display: inline-flex;
+      align-items: center;
+      gap: var(--uui-size-space-2);
+    }
+    small {
+      color: var(--uui-color-text-alt);
+    }
+    uui-textarea {
+      --uui-textarea-min-height: 8em;
+      font-family: monospace;
+    }
+    .actions {
+      display: flex;
+      align-items: center;
+      gap: var(--uui-size-space-4);
+    }
+  `
+}
+
+customElements.define('crombolo-seo-dashboard', CromboloSeoDashboardElement)