@meith/web 0.16.0

package/src/view/account-copy.ts

@@ -0,0 +1,351 @@
+import type { Translator } from '@meith/i18n'
+
+import { copyFor, splitAround } from './copy'
+import { untranslated } from './time'
+
+export function profileFormCopy(t: Translator = untranslated()): Readonly<Record<string, string>> {
+  return copyFor(
+    [
+      'accountForm.profile.location',
+      'accountForm.profile.website',
+      'accountForm.profile.bio',
+      'accountForm.profile.bioHint',
+      'accountForm.profile.submit',
+    ],
+    t,
+  )
+}
+
+export function displayGroupFormCopy(
+  t: Translator = untranslated(),
+): Readonly<Record<string, string>> {
+  return copyFor(
+    [
+      'accountForm.displayGroup.title',
+      'accountForm.displayGroup.label',
+      'accountForm.displayGroup.hint',
+      'accountForm.displayGroup.submit',
+    ],
+    t,
+  )
+}
+
+export function optionsFormCopy(
+  boardPostsPerPage: number,
+  boardThreadsPerPage: number,
+  t: Translator = untranslated(),
+): Readonly<Record<string, string>> {
+  return {
+    ...copyFor(
+      [
+        'accountForm.options.timezone',
+        'accountForm.options.timezoneHint',
+        'accountForm.options.locale',
+        'accountForm.options.localeHint',
+        'accountForm.options.postsPerPage',
+        'accountForm.options.threadsPerPage',
+        'accountForm.options.pageSizeHint',
+        'accountForm.options.invisible',
+        'accountForm.options.invisibleHint',
+        'accountForm.options.submit',
+      ],
+      t,
+    ),
+    'accountForm.options.postsPerPage.placeholder': t.t('accountForm.options.pageSizePlaceholder', {
+      size: boardPostsPerPage,
+    }),
+    'accountForm.options.threadsPerPage.placeholder': t.t(
+      'accountForm.options.pageSizePlaceholder',
+      { size: boardThreadsPerPage },
+    ),
+  }
+}
+
+export function passwordFormCopy(t: Translator = untranslated()): Readonly<Record<string, string>> {
+  return copyFor(
+    [
+      'accountForm.password.title',
+      'accountForm.password.current',
+      'accountForm.password.new',
+      'accountForm.password.confirm',
+      'accountForm.password.note',
+      'accountForm.password.submit',
+    ],
+    t,
+  )
+}
+
+export function emailFormCopy(t: Translator = untranslated()): Readonly<Record<string, string>> {
+  const [currentLead, currentTail] = splitAround(t, 'accountForm.email.current', 'email')
+  return {
+    ...copyFor(
+      [
+        'accountForm.email.title',
+        'accountForm.password.current',
+        'accountForm.email.new',
+        'accountForm.email.note',
+        'accountForm.email.submit',
+      ],
+      t,
+    ),
+    'accountForm.email.currentLead': currentLead,
+    'accountForm.email.currentTail': currentTail,
+  }
+}
+
+function lockedReasonEntries(t: Translator): Readonly<Record<string, string>> {
+  const [reasonLead, reasonTail] = splitAround(t, 'accountForm.locked.reason', 'reason')
+  return {
+    'accountForm.locked.reasonLead': reasonLead,
+    'accountForm.locked.reasonTail': reasonTail,
+  }
+}
+
+export function signatureFormCopy(
+  maxLength: number,
+  t: Translator = untranslated(),
+): Readonly<Record<string, string>> {
+  return {
+    ...copyFor(
+      [
+        'accountForm.signature.lockedTitle',
+        'accountForm.signature.lockedBody',
+        'accountForm.signature.label',
+        'accountForm.signature.submit',
+      ],
+      t,
+    ),
+    ...lockedReasonEntries(t),
+    'accountForm.signature.hint': t.t('accountForm.signature.hint', { max: maxLength }),
+  }
+}
+
+export function avatarFormCopy(
+  limits: { readonly maxMegabytes: number; readonly width: number; readonly height: number },
+  t: Translator = untranslated(),
+): Readonly<Record<string, string>> {
+  return {
+    ...copyFor(
+      [
+        'accountForm.avatar.lockedTitle',
+        'accountForm.avatar.lockedBody',
+        'accountForm.avatar.title',
+        'accountForm.avatar.pending',
+        'accountForm.avatar.failed',
+        'accountForm.avatar.none',
+        'accountForm.avatar.choose',
+        'accountForm.avatar.upload',
+        'accountForm.avatar.removeBlurb',
+        'accountForm.avatar.remove',
+      ],
+      t,
+    ),
+    ...lockedReasonEntries(t),
+    'accountForm.avatar.hint': t.t('accountForm.avatar.hint', {
+      max: limits.maxMegabytes,
+      width: limits.width,
+      height: limits.height,
+    }),
+  }
+}
+
+export function twoFactorFormsCopy(
+  recoveryCodesLeft: number,
+  t: Translator = untranslated(),
+): Readonly<Record<string, string>> {
+  const [writtenDownLead, writtenDownTail] = splitAround(
+    t,
+    'accountForm.twoFactor.writtenDown',
+    'link',
+  )
+  const [step1Lead, step1Tail] = splitAround(t, 'accountForm.twoFactor.step1', 'link')
+  const [statusLead, statusTail] = splitAround(t, 'accountForm.twoFactor.status', 'codes')
+  return {
+    ...copyFor(
+      [
+        'accountForm.twoFactor.recoverySave',
+        'accountForm.twoFactor.recoveryBlurb',
+        'accountForm.twoFactor.enabledTitle',
+        'accountForm.twoFactor.backToSecurity',
+        'accountForm.twoFactor.setupTitle',
+        'accountForm.twoFactor.step1Link',
+        'accountForm.twoFactor.step2',
+        'accountForm.twoFactor.step3',
+        'accountForm.twoFactor.codeLabel',
+        'accountForm.twoFactor.codeHint',
+        'accountForm.twoFactor.turnOn',
+        'accountForm.twoFactor.cancel',
+        'accountForm.twoFactor.title',
+        'accountForm.twoFactor.blurb',
+        'accountForm.twoFactor.requiredBlurb',
+        'accountForm.twoFactor.begin',
+        'accountForm.twoFactor.passwordLabel',
+        'accountForm.twoFactor.codeProofLabel',
+        'accountForm.twoFactor.codeProofHint',
+        'accountForm.twoFactor.exhausted',
+        'accountForm.twoFactor.replaceTitle',
+        'accountForm.twoFactor.replaceBlurb',
+        'accountForm.twoFactor.replaceSubmit',
+        'accountForm.twoFactor.requiredOff',
+        'accountForm.twoFactor.offTitle',
+        'accountForm.twoFactor.offSubmit',
+      ],
+      t,
+    ),
+    'accountForm.twoFactor.writtenDownLead': writtenDownLead,
+    'accountForm.twoFactor.writtenDownTail': writtenDownTail,
+    'accountForm.twoFactor.step1Lead': step1Lead,
+    'accountForm.twoFactor.step1Tail': step1Tail,
+    'accountForm.twoFactor.statusLead': statusLead,
+    'accountForm.twoFactor.statusTail': statusTail,
+    'accountForm.twoFactor.codes': t.t('accountForm.twoFactor.codes', {
+      count: recoveryCodesLeft,
+    }),
+  }
+}
+
+export function signInMethodsCopy(
+  t: Translator = untranslated(),
+): Readonly<Record<string, string>> {
+  return copyFor(
+    [
+      'accountForm.linked.title',
+      'accountForm.linked.blurb',
+      'accountForm.linked.none',
+      'accountForm.linked.unlink',
+      'accountForm.passkeys.title',
+      'accountForm.passkeys.blurb',
+      'accountForm.passkeys.none',
+      'accountForm.passkeys.remove',
+    ],
+    t,
+  )
+}
+
+export function linkedUsageLabel(
+  linkedAt: string,
+  lastUsedAt: string | null,
+  t: Translator = untranslated(),
+): string {
+  return lastUsedAt === null
+    ? t.t('accountForm.linked.linkedNever', { at: linkedAt })
+    : t.t('accountForm.linked.linkedUsed', { at: linkedAt, used: lastUsedAt })
+}
+
+export function passkeyUsageLabel(
+  createdAt: string,
+  lastUsedAt: string | null,
+  t: Translator = untranslated(),
+): string {
+  return lastUsedAt === null
+    ? t.t('accountForm.passkeys.addedNever', { at: createdAt })
+    : t.t('accountForm.passkeys.addedUsed', { at: createdAt, used: lastUsedAt })
+}
+
+export function activeSessionsCopy(
+  t: Translator = untranslated(),
+): Readonly<Record<string, string>> {
+  return copyFor(
+    [
+      'accountForm.sessions.title',
+      'accountForm.sessions.blurb',
+      'accountForm.sessions.thisDevice',
+      'accountForm.sessions.signOut',
+      'accountForm.sessions.signOutElsewhere',
+    ],
+    t,
+  )
+}
+
+export function sessionDetailLabel(
+  address: string,
+  startedAt: string,
+  lastSeen: string,
+  t: Translator = untranslated(),
+): string {
+  return t.t('accountForm.sessions.detail', { address, started: startedAt, seen: lastSeen })
+}
+
+export function securityActivityCopy(
+  t: Translator = untranslated(),
+): Readonly<Record<string, string>> {
+  return copyFor(
+    ['accountForm.activity.title', 'accountForm.activity.blurb', 'accountForm.activity.none'],
+    t,
+  )
+}
+
+export function activityDetailLabel(
+  at: string,
+  device: string,
+  address: string,
+  t: Translator = untranslated(),
+): string {
+  return t.t('accountForm.activity.detail', { at, device, address })
+}
+
+export function notificationFormsCopy(
+  t: Translator = untranslated(),
+): Readonly<Record<string, string>> {
+  return copyFor(
+    [
+      'accountForm.notifications.markRead',
+      'accountForm.notifications.markAllRead',
+      'accountForm.notifications.legend',
+      'accountForm.notifications.channels',
+      'accountForm.notifications.email',
+      'accountForm.notifications.push',
+      'accountForm.notifications.blurb',
+      'accountForm.notifications.submit',
+      'accountForm.push.heading',
+      'accountForm.push.subscribe',
+      'accountForm.push.unsubscribe',
+      'accountForm.push.subscribed',
+      'accountForm.push.unsubscribed',
+      'accountForm.push.unsupported',
+      'accountForm.push.blocked',
+      'accountForm.push.failed',
+      'accountForm.push.blurb',
+      'form.working',
+    ],
+    t,
+  )
+}
+
+export function followFormCopy(t: Translator = untranslated()): Readonly<Record<string, string>> {
+  return copyFor(
+    [
+      'accountForm.follow.notifyMe',
+      'accountForm.follow.frequency',
+      'accountForm.follow.follow',
+      'accountForm.follow.save',
+      'accountForm.follow.stop',
+      'accountForm.follow.unsubscribe',
+    ],
+    t,
+  )
+}
+
+export function rateMemberFormCopy(
+  username: string,
+  t: Translator = untranslated(),
+): Readonly<Record<string, string>> {
+  return {
+    ...copyFor(
+      [
+        'accountForm.rate.why',
+        'accountForm.rate.whyOptional',
+        'accountForm.rate.whyHint',
+        'accountForm.rate.positive',
+        'accountForm.rate.thanks',
+        'accountForm.rate.neutral',
+        'accountForm.rate.justComment',
+        'accountForm.rate.negative',
+        'accountForm.rate.withdraw',
+      ],
+      t,
+    ),
+    'accountForm.rate.title': t.t('accountForm.rate.title', { username }),
+    'accountForm.rate.changeTitle': t.t('accountForm.rate.changeTitle', { username }),
+  }
+}

package/src/view/admin-content-copy.ts

@@ -0,0 +1,66 @@
+import type { Translator } from '@meith/i18n'
+
+import { adminSharedCopy } from './admin-copy'
+import { copyFor } from './copy'
+import { untranslated } from './time'
+
+export function contentAdminCopy(t: Translator = untranslated()): Readonly<Record<string, string>> {
+  const [nameHintLead = '', nameHintMid = '', nameHintTail = ''] = t
+    .t('adminContent.directive.nameHint', { block: '\u0000', inline: '\u0000' })
+    .split('\u0000')
+
+  return {
+    ...adminSharedCopy(t),
+    ...copyFor(
+      [
+        'adminContent.save',
+        'adminContent.add',
+        'adminContent.added',
+        'adminContent.enabled',
+        'adminContent.filter.match',
+        'adminContent.filter.showInstead',
+        'adminContent.filter.showInsteadHint',
+        'adminContent.filter.wholeWords',
+        'adminContent.filter.active',
+        'adminContent.filter.removeThis',
+        'adminContent.prefix.label',
+        'adminContent.prefix.styleToken',
+        'adminContent.prefix.styleTokenHint',
+        'adminContent.prefix.displayOrder',
+        'adminContent.prefix.onlyBranch',
+        'adminContent.prefix.onlyBranchHint',
+        'adminContent.prefix.add',
+        'adminContent.smiley.code',
+        'adminContent.smiley.codePlaceholder',
+        'adminContent.smiley.image',
+        'adminContent.smiley.imagePlaceholder',
+        'adminContent.smiley.altText',
+        'adminContent.smiley.altTextHint',
+        'adminContent.directive.name',
+        'adminContent.directive.namePlaceholder',
+        'adminContent.directive.note',
+        'adminContent.directive.noteHint',
+        'adminContent.directive.block',
+        'adminContent.attachment.delete',
+        'adminContent.announcement.title',
+        'adminContent.announcement.message',
+        'adminContent.announcement.messageHint',
+        'adminContent.announcement.where',
+        'adminContent.announcement.wholeBoard',
+        'adminContent.announcement.whereHint',
+        'adminContent.announcement.from',
+        'adminContent.announcement.until',
+        'adminContent.announcement.untilHint',
+        'adminContent.announcement.timesUtc',
+        'adminContent.captcha.question',
+        'adminContent.captcha.questionPlaceholder',
+        'adminContent.captcha.answers',
+        'adminContent.captcha.answersHint',
+      ],
+      t,
+    ),
+    'adminContent.directive.nameHintLead': nameHintLead,
+    'adminContent.directive.nameHintMid': nameHintMid,
+    'adminContent.directive.nameHintTail': nameHintTail,
+  }
+}

package/src/view/admin-copy.ts

@@ -0,0 +1,106 @@
+import type { Translator } from '@meith/i18n'
+
+import { copyFor, patternCopy } from './copy'
+import { untranslated } from './time'
+
+export const ADMIN_SHARED_KEYS = [
+  'admin.saved',
+  'admin.undo',
+  'admin.undoExpired',
+  'admin.undoInvalid',
+  'admin.undoSucceeded',
+  'admin.undoUntil',
+  'admin.undoUnavailable',
+  'admin.created',
+  'admin.create',
+  'admin.remove',
+  'admin.none',
+] as const
+
+export function adminSharedCopy(t: Translator = untranslated()): Readonly<Record<string, string>> {
+  return copyFor(ADMIN_SHARED_KEYS, t)
+}
+
+export function forumAdminCopy(t: Translator = untranslated()): Readonly<Record<string, string>> {
+  return {
+    ...adminSharedCopy(t),
+    ...copyFor(
+      [
+        'adminForum.toggle.isOpen',
+        'adminForum.toggle.allowThreads',
+        'adminForum.toggle.allowReplies',
+        'adminForum.toggle.allowPolls',
+        'adminForum.toggle.allowAttachments',
+        'adminForum.toggle.requiresPrefix',
+        'adminForum.toggle.moderateNewThreads',
+        'adminForum.toggle.moderateNewPosts',
+        'adminForum.title',
+        'adminForum.slug',
+        'adminForum.slugHint',
+        'adminForum.description',
+        'adminForum.linkUrl',
+        'adminForum.linkUrlHint',
+        'adminForum.displayOrder',
+        'adminForum.displayOrderHint',
+        'adminForum.options',
+        'adminForum.categoryThreadsHint',
+        'adminForum.saveForum',
+        'adminForum.perm.allowed',
+        'adminForum.perm.denied',
+        'adminForum.perm.required',
+        'adminForum.perm.notRequired',
+        'adminForum.perm.requiredOption',
+        'adminForum.perm.notRequiredOption',
+        'adminForum.perm.inherit',
+        'adminForum.perm.grant',
+        'adminForum.perm.deny',
+        'adminForum.perm.ancestor',
+        'adminForum.copied',
+        'adminForum.copyNote',
+        'adminForum.topLevel',
+        'adminForum.kind',
+        'adminForum.kind.forum',
+        'adminForum.kind.category',
+        'adminForum.kind.link',
+        'adminForum.inside',
+        'adminForum.linkOnlyHint',
+        'adminForum.moved',
+        'adminForum.moveInside',
+        'adminForum.moveForum',
+        'adminForum.moveNote',
+        'adminForum.right.canEditPosts',
+        'adminForum.right.canSoftDeletePosts',
+        'adminForum.right.canRestorePosts',
+        'adminForum.right.canApproveContent',
+        'adminForum.right.canOpenCloseThreads',
+        'adminForum.right.canStickThreads',
+        'adminForum.right.canMoveThreads',
+        'adminForum.right.canMergeThreads',
+        'adminForum.right.canSplitThreads',
+        'adminForum.moderators',
+        'adminForum.noModerators',
+        'adminForum.noRights',
+        'adminForum.alsoSubforums',
+        'adminForum.appointTitle',
+        'adminForum.member',
+        'adminForum.usernamePlaceholder',
+        'adminForum.orGroup',
+        'adminForum.appointNote',
+        'adminForum.may',
+        'adminForum.cascade',
+        'adminForum.saveAppointment',
+      ],
+      t,
+    ),
+    ...patternCopy(
+      [
+        'adminForum.perm.setHere',
+        'adminForum.perm.inheritedDefault',
+        'adminForum.perm.inheritedFrom',
+        'adminForum.saveGroup',
+        'adminForum.copyTo',
+      ],
+      t,
+    ),
+  }
+}

package/src/view/admin-forum-tree-copy.ts

@@ -0,0 +1,40 @@
+import type { Translator } from '@meith/i18n'
+
+import { copyFor, patternCopy } from './copy'
+import { untranslated } from './time'
+
+export function forumTreeCopy(t: Translator = untranslated()): Readonly<Record<string, string>> {
+  return {
+    ...copyFor(
+      [
+        'adminForum.options',
+        'adminForum.tree.heading',
+        'adminForum.tree.dragHint',
+        'adminForum.tree.arrowsHint',
+        'adminForum.tree.help',
+        'adminForum.tree.where.topLevel',
+        'adminForum.tree.order.first',
+        'adminForum.tree.type.forum',
+        'adminForum.tree.type.category',
+        'adminForum.tree.type.link',
+        'adminForum.tree.permissions',
+      ],
+      t,
+    ),
+    ...patternCopy(
+      [
+        'adminForum.tree.moveHandle',
+        'adminForum.tree.nudge.up',
+        'adminForum.tree.nudge.down',
+        'adminForum.tree.nudge.in',
+        'adminForum.tree.nudge.out',
+        'adminForum.tree.where.inside',
+        'adminForum.tree.order.after',
+        'adminForum.tree.placed',
+        'adminForum.tree.optionsFor',
+        'adminForum.tree.permissionsFor',
+      ],
+      t,
+    ),
+  }
+}

package/src/view/admin-group-copy.ts

@@ -0,0 +1,80 @@
+import type { Translator } from '@meith/i18n'
+
+import { adminSharedCopy } from './admin-copy'
+import { copyFor, patternCopy } from './copy'
+import { untranslated } from './time'
+
+export function groupAdminCopy(t: Translator = untranslated()): Readonly<Record<string, string>> {
+  return {
+    ...adminSharedCopy(t),
+    ...copyFor(
+      [
+        'adminGroup.select.placeholder',
+        'adminGroup.title',
+        'adminGroup.description',
+        'adminGroup.displayOrder',
+        'adminGroup.nameColour',
+        'adminGroup.nameColourHint',
+        'adminGroup.light',
+        'adminGroup.dark',
+        'adminGroup.nameColour.describesLight',
+        'adminGroup.nameColour.describesDark',
+        'adminGroup.sampleMember',
+        'adminGroup.staffGroup',
+        'adminGroup.pluginGrantable',
+        'adminGroup.pluginGrantableHint',
+        'adminGroup.saveGroup',
+        'adminGroup.perm.tickedRestricted',
+        'adminGroup.perm.forumDefault',
+        'adminGroup.savePermissions',
+        'adminGroup.key',
+        'adminGroup.keyHint',
+        'adminGroup.copyPermissionsFrom',
+        'adminGroup.copyPermissionsFromHint',
+        'adminGroup.createGroup',
+        'adminGroup.deleted',
+        'adminGroup.moveMembersTo',
+        'adminGroup.moveMembersToHint',
+        'adminGroup.deleteGroup',
+        'adminGroup.deleteNote',
+        'adminGroup.move.from',
+        'adminGroup.move.to',
+        'adminGroup.move.nextBatch',
+        'adminGroup.move.start',
+        'adminGroup.move.note',
+        'adminGroup.rule.anyGroup',
+        'adminGroup.rule.titlePlaceholder',
+        'adminGroup.rule.titleHint',
+        'adminGroup.rule.displayOrderHint',
+        'adminGroup.rule.promoteFrom',
+        'adminGroup.rule.promoteFromHint',
+        'adminGroup.rule.promoteInto',
+        'adminGroup.rule.promoteIntoHint',
+        'adminGroup.rule.thresholds',
+        'adminGroup.rule.thresholdsHint',
+        'adminGroup.rule.posts',
+        'adminGroup.rule.reputation',
+        'adminGroup.rule.daysRegistered',
+        'adminGroup.rule.enabledNotice',
+        'adminGroup.rule.disabledNotice',
+        'adminGroup.rule.save',
+        'adminGroup.rule.enable',
+        'adminGroup.rule.disable',
+        'adminGroup.rule.removeNote',
+        'adminGroup.rule.added',
+        'adminGroup.rule.add',
+        'adminGroup.apply.note',
+      ],
+      t,
+    ),
+    ...patternCopy(
+      [
+        'adminGroup.move.finished',
+        'adminGroup.move.moreSoFar',
+        'adminGroup.apply.done',
+        'adminGroup.apply.promote',
+      ],
+      t,
+    ),
+  }
+}

package/src/view/admin-log.ts

@@ -0,0 +1,58 @@
+import type { AdminLogRow } from '@meith/admin'
+import type { Translator } from '@meith/i18n'
+import type { TimeModel } from '@meith/theme-kit'
+
+import { formatTime } from './time'
+
+export const ADMIN_LOG_PAGE_SIZE = 50
+
+export interface AdminLogRowView {
+  readonly id: number
+  readonly action: string
+  readonly actor: string
+  readonly ipPrefix: string | null
+  readonly detail: string
+  readonly at: TimeModel
+}
+
+export interface AdminLogView {
+  readonly rows: readonly AdminLogRowView[]
+  readonly actions: readonly string[]
+  readonly currentAction: string
+}
+
+export function buildAdminLogView(input: {
+  readonly rows: readonly AdminLogRow[]
+  readonly actions: readonly string[]
+  readonly currentAction: string
+  readonly now: Date
+  readonly t?: Translator
+}): AdminLogView {
+  return {
+    rows: input.rows.map((row) => ({
+      id: row.id,
+      action: row.action,
+      actor: row.username ?? (row.userId === null ? 'the system' : 'a deleted account'),
+      ipPrefix: row.ipPrefix,
+      detail: flatten(row.detail),
+      at: formatTime(row.createdAt, input.now, input.t),
+    })),
+    actions: input.actions,
+    currentAction: input.currentAction,
+  }
+}
+
+function flatten(detail: Readonly<Record<string, unknown>>): string {
+  const parts = Object.entries(detail).map(([key, value]) => {
+    const rendered =
+      value === null || value === undefined
+        ? 'none'
+        : typeof value === 'object'
+          ? JSON.stringify(value)
+          : String(value)
+    return `${key} ${rendered}`
+  })
+
+  const line = parts.join(', ')
+  return line.length > 300 ? `${line.slice(0, 300)}…` : line
+}