@byline/cli 0.1.1

package/dist/templates/migrations/meta/_journal.json

@@ -0,0 +1,20 @@
+{
+  "version": "7",
+  "dialect": "postgresql",
+  "entries": [
+    {
+      "idx": 0,
+      "version": "7",
+      "when": 1776979547426,
+      "tag": "0000_condemned_kronos",
+      "breakpoints": true
+    },
+    {
+      "idx": 1,
+      "version": "7",
+      "when": 1777600377018,
+      "tag": "0001_sudden_phantom_reporter",
+      "breakpoints": true
+    }
+  ]
+}

package/dist/templates/routes/(byline)/admin/account/index.tsx

@@ -0,0 +1,11 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+
+import { createAdminAccountRoute } from '@byline/host-tanstack-start/routes'
+
+export const Route = createAdminAccountRoute('/(byline)/admin/account/')

package/dist/templates/routes/(byline)/admin/collections/$collection/$id/api.tsx

@@ -0,0 +1,16 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+
+import { createCollectionApiRoute } from '@byline/host-tanstack-start/routes'
+
+import { contentLocales, i18n } from '~/i18n'
+
+export const Route = createCollectionApiRoute('/(byline)/admin/collections/$collection/$id/api', {
+  contentLocales,
+  defaultContentLocale: i18n.content.defaultLocale,
+})

package/dist/templates/routes/(byline)/admin/collections/$collection/$id/history.tsx

@@ -0,0 +1,19 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+
+import { createCollectionHistoryRoute } from '@byline/host-tanstack-start/routes'
+
+import { contentLocales, i18n } from '~/i18n'
+
+export const Route = createCollectionHistoryRoute(
+  '/(byline)/admin/collections/$collection/$id/history',
+  {
+    contentLocales,
+    defaultContentLocale: i18n.content.defaultLocale,
+  }
+)

package/dist/templates/routes/(byline)/admin/collections/$collection/$id/index.tsx

@@ -0,0 +1,16 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+
+import { createCollectionEditRoute } from '@byline/host-tanstack-start/routes'
+
+import { contentLocales, i18n } from '~/i18n'
+
+export const Route = createCollectionEditRoute('/(byline)/admin/collections/$collection/$id/', {
+  contentLocales,
+  defaultContentLocale: i18n.content.defaultLocale,
+})

package/dist/templates/routes/(byline)/admin/collections/$collection/create.tsx

@@ -0,0 +1,11 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+
+import { createCollectionCreateRoute } from '@byline/host-tanstack-start/routes'
+
+export const Route = createCollectionCreateRoute('/(byline)/admin/collections/$collection/create')

package/dist/templates/routes/(byline)/admin/collections/$collection/index.tsx

@@ -0,0 +1,11 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+
+import { createCollectionListRoute } from '@byline/host-tanstack-start/routes'
+
+export const Route = createCollectionListRoute('/(byline)/admin/collections/$collection/')

package/dist/templates/routes/(byline)/admin/index.tsx

@@ -0,0 +1,11 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+
+import { createAdminDashboardRoute } from '@byline/host-tanstack-start/routes'
+
+export const Route = createAdminDashboardRoute('/(byline)/admin/')

package/dist/templates/routes/(byline)/admin/permissions/index.tsx

@@ -0,0 +1,11 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+
+import { createAdminPermissionsRoute } from '@byline/host-tanstack-start/routes'
+
+export const Route = createAdminPermissionsRoute('/(byline)/admin/permissions/')

package/dist/templates/routes/(byline)/admin/roles/$id/index.tsx

@@ -0,0 +1,11 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+
+import { createAdminRoleEditRoute } from '@byline/host-tanstack-start/routes'
+
+export const Route = createAdminRoleEditRoute('/(byline)/admin/roles/$id/')

package/dist/templates/routes/(byline)/admin/roles/index.tsx

@@ -0,0 +1,11 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+
+import { createAdminRolesListRoute } from '@byline/host-tanstack-start/routes'
+
+export const Route = createAdminRolesListRoute('/(byline)/admin/roles/')

package/dist/templates/routes/(byline)/admin/route.tsx

@@ -0,0 +1,11 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+
+import { createAdminLayoutRoute } from '@byline/host-tanstack-start/routes'
+
+export const Route = createAdminLayoutRoute('/(byline)/admin')

package/dist/templates/routes/(byline)/admin/users/$id/index.tsx

@@ -0,0 +1,11 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+
+import { createAdminUserEditRoute } from '@byline/host-tanstack-start/routes'
+
+export const Route = createAdminUserEditRoute('/(byline)/admin/users/$id/')

package/dist/templates/routes/(byline)/admin/users/index.tsx

@@ -0,0 +1,11 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+
+import { createAdminUsersListRoute } from '@byline/host-tanstack-start/routes'
+
+export const Route = createAdminUsersListRoute('/(byline)/admin/users/')

package/dist/templates/routes/(byline)/sign-in.tsx

@@ -0,0 +1,11 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+
+import { createSignInRoute } from '@byline/host-tanstack-start/routes'
+
+export const Route = createSignInRoute('/(byline)/sign-in')

package/dist/templates/ui-byline/blocks/photo-block/index.tsx

@@ -0,0 +1,80 @@
+'use client'
+
+import type React from 'react'
+
+import { Container, FadeInLift } from '@byline/ui'
+import cx from 'classnames'
+
+import type { PhotoBlockData } from '~/blocks/photo-block'
+import type { MediaFields } from '~/collections/media/schema'
+
+import { ResponsiveImage } from '@/ui/byline/components/responsive-image'
+import { LexicalRichText } from '@/ui/byline/components/richtext-lexical'
+import type { Locale } from '@/ui/byline/types/i18n'
+
+interface Props {
+  id: string
+  block: PhotoBlockData
+  lng: Locale
+  constrainedLayout?: boolean
+  className?: string
+}
+
+export function PhotoBlock({
+  id,
+  block,
+  lng,
+  className,
+  constrainedLayout,
+}: Props): React.JSX.Element | null {
+  const { photo, alt, caption, display } = block
+
+  // The `photo` relation must be populated (`populate: { photo: '*' }`) for
+  // the front-end to render an image. When populated, the value is a
+  // `PopulatedRelationValue` envelope — `{ ...rel, _resolved: true,
+  // document: <MediaFields> }`. Bail out if the relation is missing or
+  // unpopulated.
+  if (photo == null || (photo as { _resolved?: boolean })._resolved !== true) {
+    return null
+  }
+  const media = (photo as unknown as { document: MediaFields }).document
+
+  const Comp = display === 'full_width' ? 'div' : Container
+
+  // TODO: caption is a Lexical richText field — type properly once the
+  // Lexical node shape is modelled in @byline/core.
+  const captionDoc = caption as Record<string, any> | undefined
+
+  return (
+    <Comp
+      id={id}
+      className={cx(
+        'px-0 pt-4',
+        {
+          'lg:max-w-[920px] xl:max-w-[920px] 2xl:max-w-[920px] mx-auto': display === 'default',
+        },
+        className
+      )}
+    >
+      <FadeInLift as="div" delay={0.25}>
+        <ResponsiveImage
+          image={media.image}
+          size="large"
+          constrainedLayout={constrainedLayout}
+          alt={alt ?? media.altText ?? ''}
+          className="photo-block"
+          imgClassName="photo-block--photo"
+        />
+        {captionDoc != null && (
+          <Container
+            className={cx('bg-white dark:bg-canvas-900 py-2', { 'px-0': constrainedLayout })}
+          >
+            <div className="photo-block--caption">
+              <LexicalRichText lng={lng} nodes={captionDoc?.root?.children} />
+            </div>
+          </Container>
+        )}
+      </FadeInLift>
+    </Comp>
+  )
+}

package/dist/templates/ui-byline/blocks/richtext-block/index.tsx

@@ -0,0 +1,46 @@
+'use client'
+
+import { Container } from '@byline/ui'
+import cx from 'classnames'
+
+import type { RichTextBlockData } from '~/blocks/richtext-block'
+
+import { LexicalRichText } from '@/ui/byline/components/richtext-lexical'
+import type { Locale } from '@/ui/byline/types/i18n'
+
+interface Props {
+  id: string
+  block: RichTextBlockData
+  lng: Locale
+  constrainedLayout?: boolean
+  className?: string
+}
+
+export function RichTextBlock({
+  id,
+  block,
+  lng,
+  className,
+  constrainedLayout,
+}: Props): React.JSX.Element {
+  // TODO: richText is a Lexical richText field — type properly once the
+  // Lexical node shape is modelled in @byline/core.
+  const content = block.richText as Record<string, any> | undefined
+  const constrainedWidth = block.constrainedWidth
+
+  return (
+    <Container
+      id={id}
+      className={cx(
+        'pt-4 bg-white dark:bg-canvas-900',
+        { 'max-w-full sm:max-w-full lg:max-w-full xl:max-w-full': constrainedWidth === false },
+        { 'px-0': constrainedLayout },
+        className
+      )}
+    >
+      <div className={cx('mx-auto', { 'max-w-[920px]': constrainedWidth === true })}>
+        <LexicalRichText lng={lng} nodes={content?.root?.children} />
+      </div>
+    </Container>
+  )
+}

package/dist/templates/ui-byline/components/admonition/index.tsx

@@ -0,0 +1,40 @@
+'use clients'
+
+import type React from 'react'
+
+import type { Intent } from '@byline/ui'
+import { Alert } from '@byline/ui'
+
+import type { Locale } from '@/ui/byline/types/i18n'
+import type { SerializeOptions, SerializeProps } from '../richtext-lexical/serialize/index.tsx'
+import type { SerializedLexicalNode } from '../richtext-lexical/serialize/types.ts'
+
+const intentMap = {
+  note: 'info' as Intent,
+  tip: 'success' as Intent,
+  warning: 'warning' as Intent,
+  danger: 'danger' as Intent,
+}
+
+export function AdmonitionSerializer({
+  node,
+  serialize,
+  lng,
+  options,
+}: {
+  node: SerializedLexicalNode
+  serialize: ({ nodes }: SerializeProps) => React.JSX.Element
+  lng: Locale
+  options: SerializeOptions
+}): React.JSX.Element {
+  const intent = intentMap[node.admonitionType as keyof typeof intentMap]
+  return (
+    <Alert title={node.title} intent={intent} close={false} className="rounded-none">
+      {node?.content?.editorState?.root?.children != null ? (
+        serialize({ nodes: node?.content?.editorState?.root?.children, lng, options })
+      ) : (
+        <span>Content not found for admonition.</span>
+      )}
+    </Alert>
+  )
+}

package/dist/templates/ui-byline/components/code/code-serializer.tsx

@@ -0,0 +1,20 @@
+'use client'
+
+import type React from 'react'
+
+import { Code } from './code.tsx'
+import { extractCodeLines } from './utils.ts'
+import type { SerializedLexicalNode } from '../richtext-lexical/serialize/types.ts'
+
+export function CodeSerializer({
+  node,
+}: {
+  node: SerializedLexicalNode
+}): React.JSX.Element | null {
+  if (node?.children != null) {
+    const codeLines = extractCodeLines(node.children)
+    return <Code code={codeLines} language={node?.language} />
+  } else {
+    return null
+  }
+}

package/dist/templates/ui-byline/components/code/code.tsx

@@ -0,0 +1,50 @@
+'use client'
+
+import { CopyButton } from '@byline/ui'
+/* eslint-disable no-param-reassign */
+import cx from 'classnames'
+import { Highlight, themes } from 'prism-react-renderer'
+
+type CodeIntrinsicProps = React.JSX.IntrinsicElements['pre']
+interface CodeProps extends CodeIntrinsicProps {
+  className?: string
+  title?: string
+  code: string
+  language?: string
+}
+
+export function Code({ code, className, language = 'jsx' }: CodeProps): React.JSX.Element {
+  return (
+    <Highlight theme={themes.oneDark} code={code} language={language}>
+      {({ tokens, getLineProps, getTokenProps }) => (
+        <div className="code scroller group overflow-y-auto rounded border border-theme-600 relative">
+          <CopyButton
+            variant="outlined"
+            intent="primary"
+            className="bg-gray-900 hover:bg-gray-800/50"
+            containerClassName="dark absolute top-2 right-2 invisible group-hover:visible"
+            svgClassName="fill-gray-200 dark:fill-gray-200"
+            text={code}
+          />
+          <pre
+            className={cx('m-0 py-5 px-4 rounded-none bg-gray-900 dark:bg-gray-950/80', className)}
+          >
+            <code className="not-prose">
+              {tokens.map((line, i) => {
+                const lineProps = getLineProps({ line, key: i })
+                return (
+                  <div {...lineProps} key={i} className="leading-5">
+                    {/* <span className="-ml-2 mr-3">{i + 1}</span> */}
+                    {line.map((token, key) => (
+                      <span key={key} {...getTokenProps({ token })} />
+                    ))}
+                  </div>
+                )
+              })}
+            </code>
+          </pre>
+        </div>
+      )}
+    </Highlight>
+  )
+}

package/dist/templates/ui-byline/components/code/index.module.scss

@@ -0,0 +1,137 @@
+@use '@scss/common.scss' as *;
+
+.code {
+  padding: calc(var(--base) * 1.5);
+  font-size: calc(var(--base) * .65);
+  line-height: var(--base);
+  background-color: var(--color-base-950);
+  color: #ffffff;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+  overflow: auto;
+
+  @include dark-custom-scrollbar;
+
+  :global {
+
+    .token.comment,
+    .token.prolog,
+    .token.doctype,
+    .token.cdata,
+    .token.punctuation {
+      color: var(--color-base-500);
+    }
+
+    .token.plain,
+    .token.atrule,
+    .token.attr-value,
+    .token.keyword {
+      color: var(--color-success-500);
+    }
+
+    .token.tag,
+    .token.boolean,
+    .token.number,
+    .token.constant,
+    .token.symbol,
+    .token.deleted {
+      color: var(--color-error-500);
+    }
+
+    .token.attr-name,
+    .token.char,
+    .token.builtin,
+    .token.inserted {
+      color: white;
+    }
+
+    .token.operator,
+    .token.entity,
+    .token.url,
+    .language-css .token.string,
+    .style .token.string {
+      color: var(--color-base-500);
+    }
+
+
+    .token.selector,
+    .token-property,
+    .token.function {
+      color: var(--color-warning-500);
+    }
+
+    .token.regex,
+    .token.important,
+    .token.variable,
+    .token.string,
+    .token.class-name {
+      color: var(--color-blue-200);
+    }
+
+    .token.important,
+    .token.bold {
+      font-weight: bold;
+    }
+
+    .token.italic {
+      font-style: italic;
+    }
+
+    .token.entity {
+      cursor: help;
+    }
+
+    .token-line {
+      height: 0;
+    }
+
+    .token-line:not(:last-child) {
+      height: initial;
+      min-height: 1rem;
+    }
+
+    .highlight-line {
+      position: relative;
+
+      >* {
+        position: relative;
+        z-index: 2;
+      }
+
+      &:before {
+        content: ' ';
+        z-index: 1;
+        background-color: var(--color-base-900);
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+      }
+    }
+  }
+
+  @include mid-break {
+    padding: var(--base);
+    font-size: calc(var(--base) * .5);
+    line-height: calc(var(--base) * .625);
+
+    :global {
+      .highlight-line {
+        &:before {
+          right: calc(var(--gutter-h) * -1);
+          left: calc(var(--gutter-h) * -1);
+        }
+      }
+    }
+  }
+}

package/dist/templates/ui-byline/components/code/index.ts

@@ -0,0 +1,2 @@
+export * from './code.tsx'
+export * from './code-serializer.tsx'

package/dist/templates/ui-byline/components/code/types.ts

@@ -0,0 +1,5 @@
+export interface Props {
+  className?: string
+  title?: string
+  children: string
+}

package/dist/templates/ui-byline/components/code/utils.ts

@@ -0,0 +1,20 @@
+import type { SerializedLexicalNode } from '../richtext-lexical/serialize/types.ts'
+
+function replaceAllNBSP(input: string) {
+  // Regular expression to match all non-breaking spaces in the string
+  const regex = /\u00A0/g
+  // Replace them with normal spaces
+  return input.replace(regex, ' ')
+}
+
+export function extractCodeLines(nodes: SerializedLexicalNode[]): string {
+  let result: string = ''
+  for (const node of nodes) {
+    if (node.type === 'code-highlight' && node.text != null) {
+      result = result + replaceAllNBSP(node.text)
+    } else if (node.type === 'linebreak') {
+      result = `${result}\r\n`
+    }
+  }
+  return result
+}