valaxy-theme-press 0.0.3 → 0.1.0

package/types/index.d.ts

@@ -5,8 +5,13 @@ export namespace PressTheme {
   export type Sidebar = any
 
   export interface Footer {
-    message?: string;
-    copyright?: string;
+    message?: string
+    copyright?: string
+  }
+
+  export interface SocialLink {
+    icon: string
+    link: string
   }
 
   export interface EditLink {
@@ -26,6 +31,8 @@ export namespace PressTheme {
   }
 
   export interface Config {
+    logo: string
+
     /**
      * toc title
      * @default 'On this page'
@@ -46,6 +53,16 @@ export namespace PressTheme {
     editLink: EditLink
 
     footer: Footer
+
+    socialLinks: SocialLink[]
+
+    // label
+    /**
+     * Toggle dark label
+     */
+    darkModeSwitchLabel?: string
+
+    lastUpdatedText?: string
   }
 }
 
@@ -62,10 +79,8 @@ export interface NavItemGroup {
 
 export type NavItem = NavItemLink | NavItemGroup
 
-
-
 /**
  * Theme Config
  */
 export type ThemeConfig = PressTheme.Config
-export type ThemeUserConfig = Partial<ThemeConfig>
+export type UserThemeConfig = Partial<ThemeConfig>

package/utils/index.ts

@@ -0,0 +1,8 @@
+/**
+ * get locale title
+ * @param locale
+ * @param frontmatter
+ */
+export function getLocaleTitle(locale: string, frontmatter: any) {
+  return frontmatter[`title${locale === 'en' ? '' : `_${locale}`}`]
+}

package/components/DocsBoard.vue

@@ -1,24 +0,0 @@
-<script lang="ts" setup>
-import { useI18n } from 'vue-i18n'
-
-const { t } = useI18n()
-</script>
-
-<template>
-  <YunBoard m="t-4">
-    这里是 Valaxy 的文档兼测试站点
-
-    <ul>
-      <li>
-        <router-link to="/docs" :title="t('docs.view_docs')">
-          {{ t('docs.view_docs') }}
-        </router-link>
-      </li>
-      <li>
-        <router-link class="flex justify-center" to="/examples">
-          Examples
-        </router-link>
-      </li>
-    </ul>
-  </YunBoard>
-</template>

package/components/nav/PressNavBar.vue

@@ -1,111 +0,0 @@
-<script lang="ts" setup>
-import { useConfig, useSidebar } from 'valaxy'
-import { useThemeConfig } from '../../composables'
-import PressSwitchAppearance from './PressSwitchAppearance.vue'
-import PressNavItemLink from './PressNavItemLink.vue'
-import PressNavItemGroup from './PressNavItemGroup.vue'
-
-defineProps<{
-  isScreenOpen?: boolean
-}>()
-
-defineEmits<{
-  (e: 'toggle-screen'): void
-}>()
-
-const { hasSidebar } = useSidebar()
-
-const config = useConfig()
-const themeConfig = useThemeConfig()
-</script>
-
-<template>
-  <div class="press-navbar flex justify-between items-center px-6 py-4" :class="{ 'has-sidebar': hasSidebar }">
-    <router-link class="text-xl" to="/" :aria-label="config.title">
-      <span class="md:inline">{{ config.title }}</span>
-    </router-link>
-    <div class="self-stretch flex justify-center items-center text-sm leading-5">
-      <template v-for="item in themeConfig.nav" :key="item.text">
-        <PressNavItemLink v-if="'link' in item" class="px-2" :item="item" />
-        <PressNavItemGroup v-else class="px-2" :item="item" />
-      </template>
-      <PressToggleLocale p="x-2" />
-      <PressSwitchAppearance m="l-2" />
-    </div>
-  </div>
-</template>
-
-<style lang="scss">
-@use 'valaxy/client/styles/mixins' as *;
-
-:root {
-  --pr-navbar-c-bg: rgba(255, 255, 255, 0.8);
-}
-
-.dark {
-  --pr-navbar-c-bg: rgba(24, 24, 24, 0.8);
-}
-
-.press-navbar {
-  position: relative;
-  border-bottom: 1px solid var(--pr-c-divider-light);
-  padding: 0 8px 0 24px;
-  height: var(--pr-nav-height);
-  transition: border-color 0.5s;
-  background-color: var(--pr-navbar-c-bg);
-}
-
-@include media('md') {
-  .press-navbar {
-    padding: 0 32px;
-  }
-}
-
-@include media('md') {
-  .press-navbar.has-sidebar .content {
-    margin-right: -32px;
-    padding-right: 32px;
-    -webkit-backdrop-filter: saturate(50%) blur(8px);
-    backdrop-filter: saturate(50%) blur(8px);
-  }
-
-  @supports not (backdrop-filter: saturate(50%) blur(8px)) {
-    .press-navbar.has-sidebar .content {
-      background: rgba(255, 255, 255, 0.95);
-    }
-
-    .dark .press-navbar.has-sidebar .content {
-      background: rgba(36, 36, 36, 0.95);
-    }
-  }
-}
-
-.container {
-  display: flex;
-  justify-content: space-between;
-  margin: 0 auto;
-  max-width: calc(var(--pr-layout-max-width) - 64px);
-}
-
-.menu + .translations::before,
-.menu + .appearance::before,
-.menu + .social-links::before,
-.translations + .appearance::before,
-.appearance + .social-links::before {
-  margin-right: 8px;
-  margin-left: 8px;
-  width: 1px;
-  height: 24px;
-  background-color: var(--pr-c-divider-light);
-  content: "";
-}
-
-.menu + .appearance::before,
-.translations + .appearance::before {
-  margin-right: 16px;
-}
-
-.appearance + .social-links::before {
-  margin-left: 16px;
-}
-</style>