npm - retypeset-odyssey - Versions diffs - 0.1.0 - Mend

retypeset-odyssey 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (213) hide show

package/src/layouts/Layout.astro ADDED Viewed

@@ -0,0 +1,69 @@
+---
+import type { Language } from '@/i18n/config'
+import Button from '@/components/Button.astro'
+import Footer from '@/components/Footer.astro'
+import Header from '@/components/Header.astro'
+import Navbar from '@/components/Navbar.astro'
+import SearchModal from '@/components/SearchModal.astro'
+import CodeCopyButton from '@/components/Widgets/CodeCopyButton.astro'
+import GithubCard from '@/components/Widgets/GithubCard.astro'
+import ImageZoom from '@/components/Widgets/ImageZoom.astro'
+import MediaEmbed from '@/components/Widgets/MediaEmbed.astro'
+import SoundEffect from '@/components/Widgets/SoundEffect.astro'
+import { themeConfig } from '@/config'
+import Head from '@/layouts/Head.astro'
+import { getPageInfo } from '@/utils/page'
+import '@/styles/comment.css'
+import '@/styles/extension.css'
+import '@/styles/font.css'
+import '@/styles/global.css'
+import '@/styles/lqip.css'
+import '@/styles/markdown.css'
+import '@/styles/transition.css'
+interface Props {
+  postTitle?: string
+  postDescription?: string
+  postSlug?: string
+  supportedLangs?: Language[]
+}
+const { postTitle, postDescription, postSlug, supportedLangs = [] } = Astro.props
+const { isPost, isNote, isJournal } = getPageInfo(Astro.url.pathname)
+const isArticle = isPost || isNote || isJournal
+const fontStyle = themeConfig.global.fontStyle === 'serif' ? 'font-serif' : 'font-sans'
+const MarginBottom = isPost && themeConfig.comment.enabled
+  ? 'mb-10' // Post page with comment
+  : 'mb-12' // Other pages without comment
+---
+<html
+  lang={Astro.currentLocale}
+  class:list={[
+    fontStyle,
+    isArticle ? 'scroll-smooth' : '',
+  ]}
+>
+  <Head {postTitle} {postDescription} {postSlug} />
+  <body>
+    <div
+      class="mx-auto max-w-205.848 min-h-vh w-full min-h-dvh"
+      p="x-[min(7.25vw,3.731rem)] y-10"
+      lg="mx-[max(5.75rem,calc(50vw-34.25rem))] my-20 max-w-[min(calc(75vw-16rem),44rem)] min-h-full p-0"
+    >
+      <Header />
+      <Navbar />
+      <main class={MarginBottom}>
+        <slot />
+      </main>
+      <Footer />
+    </div>
+    <Button supportedLangs={supportedLangs} />
+    <SoundEffect />
+    <CodeCopyButton />
+    <GithubCard />
+    <MediaEmbed />
+    <ImageZoom />
+    <SearchModal />
+  </body>
+</html>

package/src/pages/404.astro ADDED Viewed

@@ -0,0 +1,20 @@
+---
+import Layout from '@/layouts/Layout.astro'
+---
+<Layout>
+  <!-- Decorative Line -->
+  <div class="uno-decorative-line" />
+  <!-- Page Not Found -->
+  <h3 class="mt--1.3 flex flex-col text-8 c-primary font-bold leading-1.2em font-navbar lg:text-9">
+    <span>PAGE</span>
+    <span>NOT</span>
+    <span>FOUND</span>
+  </h3>
+  <p class="mt-3.6 flex flex-col text-3.6 leading-1.4em font-navbar lg:(mt-4 text-4)">
+    <span>It looks like the page you're looking for</span>
+    <span>does not exist or has been moved.</span>
+  </p>
+  <!-- Unused Div -->
+  <div class="" />
+</Layout>

package/src/pages/[...lang]/[...page].astro ADDED Viewed

@@ -0,0 +1,48 @@
+---
+import type { GetStaticPathsOptions, Page } from 'astro'
+import type { Post } from '@/types'
+import Pagination from '@/components/Pagination.astro'
+import PostList from '@/components/PostList.astro'
+import { POSTS_PER_PAGE, allLocales } from '@/config'
+import { getLangFromLocale, getLangRouteParam } from '@/i18n/lang'
+import { getLocalizedPath } from '@/i18n/path'
+import Layout from '@/layouts/Layout.astro'
+import { getPosts } from '@/utils/content'
+export async function getStaticPaths({ paginate }: GetStaticPathsOptions) {
+  const results = []
+  for (const lang of allLocales) {
+    const posts = await getPosts(lang)
+    const langParam = getLangRouteParam(lang)
+    const paginatedPages = paginate(posts, {
+      pageSize: POSTS_PER_PAGE,
+      params: { lang: langParam },
+      props: { lang },
+    })
+    results.push(...paginatedPages)
+  }
+  return results
+}
+const page = Astro.props.page as Page<Post>
+const currentLang = getLangFromLocale(Astro.currentLocale)
+// Base URL for pagination (root path for the language)
+const baseUrl = getLocalizedPath('/', currentLang)
+---
+<Layout>
+  <section class="mb-7.5">
+    <div class="uno-decorative-line" />
+    <PostList posts={page.data} lang={currentLang} />
+    <Pagination
+      currentPage={page.currentPage}
+      totalPages={page.lastPage}
+      baseUrl={baseUrl}
+    />
+  </section>
+</Layout>

package/src/pages/[...lang]/about.astro ADDED Viewed

@@ -0,0 +1,28 @@
+---
+import { getCollection, render } from 'astro:content'
+import { allLocales } from '@/config'
+import { getLangFromLocale, getLangRouteParam } from '@/i18n/lang'
+import Layout from '@/layouts/Layout.astro'
+export async function getStaticPaths() {
+  return allLocales.map(lang => ({
+    params: { lang: getLangRouteParam(lang) },
+  }))
+}
+const currentLang = getLangFromLocale(Astro.currentLocale)
+// Get about page content with different language
+const allAboutEntries = await getCollection('about')
+const aboutEntry = allAboutEntries.find(entry => entry.data.lang === currentLang)
+  ?? allAboutEntries.find(entry => entry.data.lang === '')
+const { Content } = aboutEntry ? await render(aboutEntry) : { Content: null }
+---
+<Layout>
+  <!-- Decorative Line -->
+  <div class="uno-decorative-line" />
+  <!-- About Page Content -->
+  <div class="heti">
+    {Content && <Content />}
+  </div>
+</Layout>

package/src/pages/[...lang]/atom.xml.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import type { APIContext } from 'astro'
+import { allLocales } from '@/config'
+import { getLangRouteParam } from '@/i18n/lang'
+import { generateAtom } from '@/utils/feed'
+export function getStaticPaths() {
+  return allLocales.map(lang => ({
+    params: { lang: getLangRouteParam(lang) },
+  }))
+}
+export async function GET(context: APIContext) {
+  return generateAtom(context)
+}

package/src/pages/[...lang]/categories/index.astro ADDED Viewed

@@ -0,0 +1,35 @@
+---
+import CategoryList from '@/components/CategoryList.astro'
+import { allLocales } from '@/config'
+import { getLangFromLocale, getLangRouteParam } from '@/i18n/lang'
+import { ui } from '@/i18n/ui'
+import Layout from '@/layouts/Layout.astro'
+import { getUserCategoriesWithCounts } from '@/utils/content'
+export async function getStaticPaths() {
+  return allLocales.map(lang => ({
+    params: { lang: getLangRouteParam(lang) },
+  }))
+}
+const currentLang = getLangFromLocale(Astro.currentLocale)
+const categoriesWithCounts = await getUserCategoriesWithCounts(currentLang)
+const totalCategories = categoriesWithCounts.length
+const currentUI = ui[currentLang as keyof typeof ui] ?? {}
+---
+<Layout postTitle={currentUI.categories || 'Categories'}>
+  <section class="mb-7.5">
+    <h1 class="mb-2 text-5 font-bold cjk:tracking-wide lg:text-6">
+      {currentUI.categories || 'Categories'}
+    </h1>
+    <p class="mb-6 text-3.5 c-secondary">
+      {totalCategories} {currentUI.categoriesInTotal || 'categories in total'}
+    </p>
+    <div class="uno-decorative-line" />
+    <CategoryList
+      categories={categoriesWithCounts}
+      lang={currentLang}
+    />
+  </section>
+</Layout>

package/src/pages/[...lang]/journals/[slug].astro ADDED Viewed

@@ -0,0 +1,89 @@
+---
+import type { CollectionEntry } from 'astro:content'
+import type { Language } from '@/i18n/config'
+import { render } from 'astro:content'
+import PostDate from '@/components/PostDate.astro'
+import BackButton from '@/components/Widgets/BackButton.astro'
+import TOC from '@/components/Widgets/TOC.astro'
+import { allLocales } from '@/config'
+import { getLangFromLocale, getLangRouteParam } from '@/i18n/lang'
+import Layout from '@/layouts/Layout.astro'
+import { getJournalGroups, getJournalSlug } from '@/utils/content'
+import { getJournalDescription } from '@/utils/description'
+export async function getStaticPaths() {
+  const groups = await getJournalGroups()
+  return allLocales.flatMap(lang => groups
+    .map((group) => {
+      const journal = group.byLang[lang]
+      if (!journal) {
+        return null
+      }
+      return {
+        params: {
+          lang: getLangRouteParam(lang),
+          slug: group.slug,
+        },
+        props: {
+          journal,
+          supportedLangs: group.supportedLangs,
+        },
+      }
+    })
+    .filter(Boolean),
+  )
+}
+interface Props {
+  journal: CollectionEntry<'journals'>
+  supportedLangs: Language[]
+}
+const { journal, supportedLangs } = Astro.props as Props
+const currentLang = getLangFromLocale(Astro.currentLocale)
+const slug = getJournalSlug(journal)
+const description = getJournalDescription(journal, 'meta')
+const { Content, headings, remarkPluginFrontmatter } = await render(journal)
+---
+<Layout
+  postTitle={journal.data.title}
+  postDescription={description}
+  postSlug={`journals/${journal.id}`}
+  supportedLangs={supportedLangs}
+>
+  <article class="heti">
+    <div class="relative">
+      <BackButton />
+      <h1 class="post-title">
+        <span
+          transition:name={`journal-${slug}${currentLang ? `-${currentLang}` : ''}`}
+          data-disable-theme-toggle-transition
+        >
+          {journal.data.title}
+        </span>
+      </h1>
+    </div>
+    <div
+      class="mb-17.2 block c-primary font-time"
+      transition:name={`journal-time-${slug}${currentLang ? `-${currentLang}` : ''}`}
+      data-disable-theme-toggle-transition
+    >
+      <PostDate
+        date={journal.data.published}
+        updatedDate={journal.data.updated}
+        minutes={remarkPluginFrontmatter.minutes}
+      />
+    </div>
+    {journal.data.toc && <TOC headings={headings} />}
+    <div id="post-content">
+      <Content />
+    </div>
+  </article>
+</Layout>

package/src/pages/[...lang]/journals/index.astro ADDED Viewed

@@ -0,0 +1,55 @@
+---
+import JournalList from '@/components/JournalList.astro'
+import Pagination from '@/components/Pagination.astro'
+import { JOURNALS_PER_PAGE, allLocales } from '@/config'
+import { getLangFromLocale, getLangRouteParam } from '@/i18n/lang'
+import { getLocalizedPath } from '@/i18n/path'
+import { ui } from '@/i18n/ui'
+import Layout from '@/layouts/Layout.astro'
+import { getJournals } from '@/utils/content'
+export async function getStaticPaths() {
+  return allLocales.map(lang => ({
+    params: { lang: getLangRouteParam(lang) },
+  }))
+}
+const currentLang = getLangFromLocale(Astro.currentLocale)
+const currentUI = ui[currentLang as keyof typeof ui] ?? {}
+const allJournals = await getJournals(currentLang)
+const totalPages = Math.max(1, Math.ceil(allJournals.length / JOURNALS_PER_PAGE))
+const journals = allJournals.slice(0, JOURNALS_PER_PAGE)
+const baseUrl = getLocalizedPath('/journals/', currentLang)
+---
+<Layout
+  postTitle={currentUI.journals ?? 'Journal'}
+  postDescription={currentUI.journalsIntro}
+>
+  <section class="mb-7.5">
+    <h1 class="mb-2 text-5 font-bold cjk:tracking-wide lg:text-6">
+      {currentUI.journals ?? 'Journal'}
+    </h1>
+    {currentUI.journalsIntro && (
+      <p class="mb-6 text-3.5 c-secondary">
+        {currentUI.journalsIntro}
+      </p>
+    )}
+    <div class="uno-decorative-line" />
+    {journals.length > 0
+      ? <JournalList journals={journals} lang={currentLang} />
+      : (
+          <p class="mt-6 text-3.5 c-secondary">
+            {currentUI.journalsEmpty ?? 'No journal entries yet.'}
+          </p>
+        )}
+    <Pagination
+      currentPage={1}
+      totalPages={totalPages}
+      baseUrl={baseUrl}
+      pagePrefix="page"
+    />
+  </section>
+</Layout>

package/src/pages/[...lang]/journals/page/[page].astro ADDED Viewed

@@ -0,0 +1,66 @@
+---
+import JournalList from '@/components/JournalList.astro'
+import Pagination from '@/components/Pagination.astro'
+import { JOURNALS_PER_PAGE, allLocales } from '@/config'
+import { getLangFromLocale, getLangRouteParam } from '@/i18n/lang'
+import { getLocalizedPath } from '@/i18n/path'
+import { ui } from '@/i18n/ui'
+import Layout from '@/layouts/Layout.astro'
+import { getJournals } from '@/utils/content'
+export async function getStaticPaths() {
+  const paths = []
+  for (const lang of allLocales) {
+    const journals = await getJournals(lang)
+    const totalPages = Math.ceil(journals.length / JOURNALS_PER_PAGE)
+    for (let page = 2; page <= totalPages; page++) {
+      paths.push({
+        params: {
+          lang: getLangRouteParam(lang),
+          page: String(page),
+        },
+      })
+    }
+  }
+  return paths
+}
+const currentLang = getLangFromLocale(Astro.currentLocale)
+const currentUI = ui[currentLang as keyof typeof ui] ?? {}
+const pageNumber = Number(Astro.params.page)
+const allJournals = await getJournals(currentLang)
+const totalPages = Math.max(1, Math.ceil(allJournals.length / JOURNALS_PER_PAGE))
+const start = (pageNumber - 1) * JOURNALS_PER_PAGE
+const journals = allJournals.slice(start, start + JOURNALS_PER_PAGE)
+const baseUrl = getLocalizedPath('/journals/', currentLang)
+---
+<Layout
+  postTitle={`${currentUI.journals ?? 'Journal'} - ${pageNumber}`}
+  postDescription={currentUI.journalsIntro}
+>
+  <section class="mb-7.5">
+    <h1 class="mb-2 text-5 font-bold cjk:tracking-wide lg:text-6">
+      {currentUI.journals ?? 'Journal'}
+    </h1>
+    {currentUI.journalsIntro && (
+      <p class="mb-6 text-3.5 c-secondary">
+        {currentUI.journalsIntro}
+      </p>
+    )}
+    <div class="uno-decorative-line" />
+    <JournalList journals={journals} lang={currentLang} />
+    <Pagination
+      currentPage={pageNumber}
+      totalPages={totalPages}
+      baseUrl={baseUrl}
+      pagePrefix="page"
+    />
+  </section>
+</Layout>

package/src/pages/[...lang]/notes/[slug].astro ADDED Viewed

@@ -0,0 +1,88 @@
+---
+import type { CollectionEntry } from 'astro:content'
+import type { Language } from '@/i18n/config'
+import { render } from 'astro:content'
+import PostDate from '@/components/PostDate.astro'
+import BackButton from '@/components/Widgets/BackButton.astro'
+import TOC from '@/components/Widgets/TOC.astro'
+import { allLocales } from '@/config'
+import { getLangFromLocale, getLangRouteParam } from '@/i18n/lang'
+import Layout from '@/layouts/Layout.astro'
+import { getNoteGroups, getNoteSlug } from '@/utils/content'
+import { getNoteDescription } from '@/utils/description'
+export async function getStaticPaths() {
+  const groups = await getNoteGroups()
+  return allLocales.flatMap(lang => groups
+    .map((group) => {
+      const note = group.byLang[lang]
+      if (!note) {
+        return null
+      }
+      return {
+        params: {
+          lang: getLangRouteParam(lang),
+          slug: group.slug,
+        },
+        props: {
+          note,
+          supportedLangs: group.supportedLangs,
+        },
+      }
+    })
+    .filter(Boolean),
+  )
+}
+interface Props {
+  note: CollectionEntry<'notes'>
+  supportedLangs: Language[]
+}
+const { note, supportedLangs } = Astro.props as Props
+const currentLang = getLangFromLocale(Astro.currentLocale)
+const slug = getNoteSlug(note)
+const description = getNoteDescription(note, 'meta')
+const { Content, headings, remarkPluginFrontmatter } = await render(note)
+---
+<Layout
+  postTitle={note.data.title}
+  postDescription={description}
+  postSlug={`notes/${note.id}`}
+  supportedLangs={supportedLangs}
+>
+  <article class="heti">
+    <div class="relative">
+      <BackButton />
+      <h1 class="post-title">
+        <span
+          transition:name={`note-${slug}${currentLang ? `-${currentLang}` : ''}`}
+          data-disable-theme-toggle-transition
+        >
+          {note.data.title}
+        </span>
+      </h1>
+    </div>
+    <div
+      class="mb-17.2 block c-primary font-time"
+      transition:name={`note-time-${slug}${currentLang ? `-${currentLang}` : ''}`}
+      data-disable-theme-toggle-transition
+    >
+      <PostDate
+        date={note.data.published}
+        updatedDate={note.data.updated}
+        minutes={remarkPluginFrontmatter.minutes}
+      />
+    </div>
+    {note.data.toc && <TOC headings={headings} />}
+    <div id="post-content">
+      <Content />
+    </div>
+  </article>
+</Layout>

package/src/pages/[...lang]/notes/index.astro ADDED Viewed

@@ -0,0 +1,55 @@
+---
+import NoteList from '@/components/NoteList.astro'
+import Pagination from '@/components/Pagination.astro'
+import { NOTES_PER_PAGE, allLocales } from '@/config'
+import { getLangFromLocale, getLangRouteParam } from '@/i18n/lang'
+import { getLocalizedPath } from '@/i18n/path'
+import { ui } from '@/i18n/ui'
+import Layout from '@/layouts/Layout.astro'
+import { getNotes } from '@/utils/content'
+export async function getStaticPaths() {
+  return allLocales.map(lang => ({
+    params: { lang: getLangRouteParam(lang) },
+  }))
+}
+const currentLang = getLangFromLocale(Astro.currentLocale)
+const currentUI = ui[currentLang as keyof typeof ui] ?? {}
+const allNotes = await getNotes(currentLang)
+const totalPages = Math.max(1, Math.ceil(allNotes.length / NOTES_PER_PAGE))
+const notes = allNotes.slice(0, NOTES_PER_PAGE)
+const baseUrl = getLocalizedPath('/notes/', currentLang)
+---
+<Layout
+  postTitle={currentUI.notes ?? 'Notes'}
+  postDescription={currentUI.notesIntro}
+>
+  <section class="mb-7.5">
+    <h1 class="mb-2 text-5 font-bold cjk:tracking-wide lg:text-6">
+      {currentUI.notes ?? 'Notes'}
+    </h1>
+    {currentUI.notesIntro && (
+      <p class="mb-6 text-3.5 c-secondary">
+        {currentUI.notesIntro}
+      </p>
+    )}
+    <div class="uno-decorative-line" />
+    {notes.length > 0
+      ? <NoteList notes={notes} lang={currentLang} />
+      : (
+          <p class="mt-6 text-3.5 c-secondary">
+            {currentUI.notesEmpty ?? 'No notes yet.'}
+          </p>
+        )}
+    <Pagination
+      currentPage={1}
+      totalPages={totalPages}
+      baseUrl={baseUrl}
+      pagePrefix="page"
+    />
+  </section>
+</Layout>

package/src/pages/[...lang]/notes/page/[page].astro ADDED Viewed

@@ -0,0 +1,66 @@
+---
+import NoteList from '@/components/NoteList.astro'
+import Pagination from '@/components/Pagination.astro'
+import { NOTES_PER_PAGE, allLocales } from '@/config'
+import { getLangFromLocale, getLangRouteParam } from '@/i18n/lang'
+import { getLocalizedPath } from '@/i18n/path'
+import { ui } from '@/i18n/ui'
+import Layout from '@/layouts/Layout.astro'
+import { getNotes } from '@/utils/content'
+export async function getStaticPaths() {
+  const paths = []
+  for (const lang of allLocales) {
+    const notes = await getNotes(lang)
+    const totalPages = Math.ceil(notes.length / NOTES_PER_PAGE)
+    for (let page = 2; page <= totalPages; page++) {
+      paths.push({
+        params: {
+          lang: getLangRouteParam(lang),
+          page: String(page),
+        },
+      })
+    }
+  }
+  return paths
+}
+const currentLang = getLangFromLocale(Astro.currentLocale)
+const currentUI = ui[currentLang as keyof typeof ui] ?? {}
+const pageNumber = Number(Astro.params.page)
+const allNotes = await getNotes(currentLang)
+const totalPages = Math.max(1, Math.ceil(allNotes.length / NOTES_PER_PAGE))
+const start = (pageNumber - 1) * NOTES_PER_PAGE
+const notes = allNotes.slice(start, start + NOTES_PER_PAGE)
+const baseUrl = getLocalizedPath('/notes/', currentLang)
+---
+<Layout
+  postTitle={`${currentUI.notes ?? 'Notes'} - ${pageNumber}`}
+  postDescription={currentUI.notesIntro}
+>
+  <section class="mb-7.5">
+    <h1 class="mb-2 text-5 font-bold cjk:tracking-wide lg:text-6">
+      {currentUI.notes ?? 'Notes'}
+    </h1>
+    {currentUI.notesIntro && (
+      <p class="mb-6 text-3.5 c-secondary">
+        {currentUI.notesIntro}
+      </p>
+    )}
+    <div class="uno-decorative-line" />
+    <NoteList notes={notes} lang={currentLang} />
+    <Pagination
+      currentPage={pageNumber}
+      totalPages={totalPages}
+      baseUrl={baseUrl}
+      pagePrefix="page"
+    />
+  </section>
+</Layout>