valaxy 0.0.2 → 0.0.5

package/src/client/layouts/404.vue

@@ -0,0 +1,25 @@
+<script setup lang="ts">
+import { useRouter } from 'vue-router'
+import { useI18n } from 'vue-i18n'
+
+const router = useRouter()
+const { t } = useI18n()
+</script>
+
+<template>
+  <ValaxySidebar />
+
+  <main class="yun-main" text="center">
+    <YunCard m="4" p="10" text="yellow-600">
+      <div text-4xl>
+        <div i-ri-alarm-warning-line inline-block />
+      </div>
+      <router-view />
+      <div>
+        <button btn text-sm m="3 t8" @click="router.back()">
+          {{ t('button.back') }}
+        </button>
+      </div>
+    </YunCard>
+  </main>
+</template>

package/src/client/layouts/README.md

@@ -0,0 +1,14 @@
+## Layouts
+
+Vue components in this dir are used as layouts.
+
+By default, `default.vue` will be used unless an alternative is specified in the route meta.
+
+With [`vite-plugin-pages`](https://github.com/hannoeru/vite-plugin-pages) and [`vite-plugin-vue-layouts`](https://github.com/JohnCampionJr/vite-plugin-vue-layouts), you can specify the layout in the page's SFCs like this:
+
+```html
+<route lang="yaml">
+meta:
+  layout: home
+</route>
+```

package/src/client/locales/README.md

@@ -0,0 +1,7 @@
+## i18n
+
+This directory is to serve your locale translation files. YAML under this folder would be loaded automatically and register with their filenames as locale code.
+
+Check out [`vue-i18n`](https://github.com/intlify/vue-i18n-next) for more details.
+
+If you are using VS Code, [`i18n Ally`](https://github.com/lokalise/i18n-ally) is recommended to make the i18n experience better.

package/src/client/locales/en.yml

@@ -0,0 +1,107 @@
+button:
+  about: About
+  back: Back
+  go: GO
+  home: Home
+  toggle_dark: Toggle dark mode
+  toggle_langs: Change languages
+intro:
+  desc: Theme Yun | Valaxy
+  hi: Hi, {name}!
+not-found: Oops! Space collapse!
+
+title:
+  archive: Archive
+  category: Category
+  tag: Tag
+  album: Album
+
+menu:
+  home: Home
+  archives: Archives
+  categories: Categories
+  tags: Tags
+  about: About
+  search: Search
+
+sidebar:
+  overview: Overview
+  toc: Table of Contents
+
+post:
+  decrypt: DECRYPT
+  posted: Posted on
+  edited: Edited on
+  created: Created
+  modified: Modified
+  edit: Edit this post
+  more: more
+  untitled: Untitled
+  toc_empty: This post does not have a Table of Contents
+  views: Views
+  comments_count: Comments
+  related_posts: Related Posts
+  view_link: View Link
+  read_more: READ MORE
+  copyright:
+    author: Post author
+    link: Post link
+    license_title: Copyright Notice
+    license_content: "All articles in this blog are licensed under {0} unless otherwise stated."
+
+# page:
+#   totally: Totally
+#   tags: tags
+
+footer:
+  powered: "Powered by {0}"
+  theme: Theme
+  total_views: Total Views
+  total_visitors: Total Visitors
+
+counter:
+  archives: No post | 1 post in total | {count} posts in total
+  categories: No category | 1 category in total | {count} categories in total
+  tags: No tag | 1 tag in total | {count} tags in total
+  albums:
+    zero: No album
+    one: 1 album in total
+    other: "%d albums in total"
+  photos:
+    zero: No photo
+    one: 1 photo in total
+    other: "%d photos in total"
+
+category:
+  uncategorized: Uncategorized
+
+search:
+  placeholder: Searching...
+  empty: "We didn't find any results for the search: {query}."
+  hits_time: "{hits} results found in {time} ms"
+
+symbol:
+  comma: ", "
+  period: ". "
+  colon: ": "
+
+reward:
+  donate: Donate
+
+accessibility:
+  back: Back
+#   nav_toggle: Toggle navigation bar
+#   prev_page: Previous page
+#   next_page: Next page
+
+wordcount:
+  count: Word count in article
+  count_total: Word count total
+  time: Reading time
+  time_total: Total reading time
+
+time:
+  day: Days
+  hour: Hours
+  minute: Minutes
+  second: Seconds

package/src/client/locales/zh-CN.yml

@@ -0,0 +1,106 @@
+button:
+  about: 关于
+  back: 返回
+  go: 确定
+  home: 首页
+  toggle_dark: 切换深色模式
+  toggle_langs: 切换语言
+intro:
+  desc: 主题 Yun
+  hi: 你好，{name}
+not-found: 未找到页面
+
+title:
+  archive: 归档
+  category: 分类
+  tag: 标签
+  album: 相册
+
+menu:
+  home: 首页
+  archives: 归档
+  categories: 分类
+  tags: 标签
+  about: 关于
+  search: 搜索
+
+sidebar:
+  overview: 站点概览
+  toc: 文章目录
+
+post:
+  decrypt: 解密
+  posted: 发表于
+  edited: 更新于
+  created: 创建时间
+  modified: 修改时间
+  edit: 编辑
+  more: 更多
+  untitled: 未命名
+  toc_empty: 此文章未包含目录
+  views: 阅读次数
+  comments_count: 评论数
+  related_posts: 相关文章
+  view_link: 查看链接
+  read_more: 阅读更多
+  copyright:
+    author: 本文作者
+    link: 本文链接
+    license_title: 版权声明
+    license_content: "本博客所有文章除特别声明外，均默认采用 {0} 许可协议。"
+
+# page:
+#   totally: 共有
+#   tags: 标签
+footer:
+  powered: "由 {0} 驱动"
+  theme: 主题
+  total_views: 总访问量
+  total_visitors: 总访客量
+
+counter:
+  archives: 暂无日志 | 共计 1 篇日志 | 共计 {count} 篇日志
+  categories: 暂无分类 | 共计 {count} 个分类
+  tags: 暂无标签 | 共计 {count} 个标签
+  albums:
+    zero: 暂无相册
+    one: 共计 1 个相册
+    other: "共计 %d 个相册"
+  photos:
+    zero: 暂无照片
+    one: 共计 1 张照片
+    other: "共计 %d 张照片"
+
+category:
+  uncategorized: 未分类
+
+search:
+  placeholder: 搜索...
+  empty: "找不到您查询的内容: {query}"
+  hits_time: "找到 {hits} 条结果（用时 {time} 毫秒）"
+
+symbol:
+  comma: "，"
+  period: "。"
+  colon: "："
+
+reward:
+  donate: 打赏
+
+accessibility:
+  back: 返回
+  # nav_toggle: 切换导航栏
+  # prev_page: 上一页
+  # next_page: 下一页
+
+wordcount:
+  count: 本文字数
+  count_total: 站点总字数
+  time: 阅读时长
+  time_total: 站点阅读时长
+
+time:
+  day: 天
+  hour: 小时
+  minute: 分
+  second: 秒

package/src/client/main.ts

@@ -0,0 +1,30 @@
+import { ViteSSG } from 'vite-ssg'
+import generatedRoutes from 'virtual:generated-pages'
+import { setupLayouts } from 'virtual:generated-layouts'
+import App from './App.vue'
+
+import '@unocss/reset/tailwind.css'
+
+// markdown css
+import 'star-markdown-css/src/scss/theme/yun.scss'
+
+import './styles/css-vars/index.scss'
+import './styles/css-vars/light.scss'
+import './styles/css-vars/dark.scss'
+import './styles/index.scss'
+
+import '/@valaxyjs/styles'
+
+import 'uno.css'
+
+const routes = setupLayouts(generatedRoutes)
+
+// https://github.com/antfu/vite-ssg
+export const createApp = ViteSSG(
+  App,
+  { routes, base: import.meta.env.BASE_URL },
+  (ctx) => {
+    // install all modules under `modules/`
+    Object.values(import.meta.globEager('./modules/*.ts')).forEach(i => i.install?.(ctx))
+  },
+)

package/src/client/modules/README.md

@@ -0,0 +1,11 @@
+## Modules
+
+A custom user module system. Place a `.ts` file with the following template, it will be installed automatically.
+
+```ts
+import type { UserModule } from '~/types'
+
+export const install: UserModule = ({ app, router, isClient }) => {
+  // do something
+}
+```

package/src/client/modules/nprogress.ts

@@ -0,0 +1,14 @@
+import NProgress from 'nprogress'
+import type { UserModule } from '~/types'
+
+export const install: UserModule = ({ isClient, router }) => {
+  if (isClient) {
+    router.beforeEach((to, from) => {
+      if (to.path !== from.path)
+        NProgress.start()
+    })
+    router.afterEach(() => {
+      NProgress.done()
+    })
+  }
+}

package/src/client/modules/pinia.ts

@@ -0,0 +1,17 @@
+import { createPinia } from 'pinia'
+import type { UserModule } from '~/types'
+
+// Setup Pinia
+// https://pinia.esm.dev/
+export const install: UserModule = ({ isClient, initialState, app }) => {
+  const pinia = createPinia()
+  app.use(pinia)
+  // Refer to
+  // https://github.com/antfu/vite-ssg/blob/main/README.md#state-serialization
+  // for other serialization strategies.
+  if (isClient)
+    pinia.state.value = (initialState.pinia) || {}
+
+  else
+    initialState.pinia = pinia.state.value
+}

package/src/client/modules/pwa.ts

@@ -0,0 +1,12 @@
+import type { UserModule } from '~/types'
+
+// https://github.com/antfu/vite-plugin-pwa#automatic-reload-when-new-content-available
+export const install: UserModule = ({ isClient, router }) => {
+  if (!isClient)
+    return
+
+  router.isReady().then(async() => {
+    const { registerSW } = await import('virtual:pwa-register')
+    registerSW({ immediate: true })
+  })
+}

package/src/client/modules/valaxy.ts

@@ -0,0 +1,42 @@
+import { createI18n } from 'vue-i18n'
+import { initConfig, valaxyConfigSymbol } from 'valaxy'
+import type { UserModule } from '~/types'
+
+// Import i18n resources
+// https://vitejs.dev/guide/features.html#glob-import
+//
+// Don't need this? Try vitesse-lite: https://github.com/antfu/vitesse-lite
+const messages = Object.fromEntries(
+  Object.entries(
+    import.meta.globEager('../locales/*.y(a)?ml'))
+    .map(([key, value]) => {
+      const yaml = key.endsWith('.yaml')
+      return [key.slice(11, yaml ? -5 : -4), value.default]
+    }),
+)
+
+function shouldHotReload(payload: any): boolean {
+  const payloadPath = payload.path.replace(/(\bindex)?\.md$/, '')
+  const locationPath = location.pathname.replace(/(\bindex)?\.html$/, '')
+  return payloadPath === locationPath
+}
+
+// https://github.com/antfu/vite-plugin-pwa#automatic-reload-when-new-content-available
+export const install: UserModule = ({ app, router }) => {
+  // inject valaxy config before modules
+  const valaxyConfigRef = initConfig()
+  app.provide(valaxyConfigSymbol, valaxyConfigRef)
+
+  // init i18n, by valaxy config
+  const i18n = createI18n({
+    legacy: false,
+    locale: valaxyConfigRef.value.lang || 'en',
+    messages,
+  })
+  app.use(i18n)
+
+  import.meta.hot!.on('valaxy:pageHeaders', (payload) => {
+    if (shouldHotReload(payload))
+      router.currentRoute.value.meta.headers = payload.pageHeaders
+  })
+}

package/src/client/pages/README.md

@@ -0,0 +1,20 @@
+# File-based Routing
+
+Routes will be auto-generated for Vue files in this dir with the same file structure.
+Check out [`vite-plugin-pages`](https://github.com/hannoeru/vite-plugin-pages) for more details.
+
+## Path Aliasing
+
+`~/` is aliased to `./src/` folder.
+
+For example, instead of having
+
+```ts
+import { isDark } from '../../../../composables'
+```
+
+now, you can use
+
+```ts
+import { isDark } from '~/composables'
+```

package/src/client/pages/[...all].vue

@@ -0,0 +1,15 @@
+<script setup lang="ts">
+import { useI18n } from 'vue-i18n'
+const { t } = useI18n()
+</script>
+
+<template>
+  <div>
+    {{ t('not-found') }}
+  </div>
+</template>
+
+<route lang="yaml">
+meta:
+  layout: 404
+</route>

package/src/client/pages/about/index.md

@@ -0,0 +1,5 @@
+---
+title: About Valaxy
+---
+
+Check out the [Valaxy | GitHub](https://github.com/YunYouJun/valaxy) for more details.

package/src/client/pages/hi/[name].vue

@@ -0,0 +1,52 @@
+<script setup lang="ts">
+import { watchEffect } from 'vue'
+import { useI18n } from 'vue-i18n'
+import { useRouter } from 'vue-router'
+import { useUserStore } from '~/stores/user'
+
+const props = defineProps<{ name: string }>()
+const router = useRouter()
+const user = useUserStore()
+const { t } = useI18n()
+
+watchEffect(() => {
+  user.setNewName(props.name)
+})
+</script>
+
+<template>
+  <div>
+    <div text-4xl>
+      <div i-carbon-pedestrian inline-block />
+    </div>
+    <p>
+      {{ t('intro.hi', { name: props.name }) }}
+    </p>
+
+    <p text-sm opacity-50>
+      <em>{{ t('intro.dynamic-route') }}</em>
+    </p>
+
+    <template v-if="user.otherNames.length">
+      <p text-sm mt-4>
+        <span opacity-75>{{ t('intro.aka') }}:</span>
+        <ul>
+          <li v-for="otherName in user.otherNames" :key="otherName">
+            <router-link :to="`/hi/${otherName}`" replace>
+              {{ otherName }}
+            </router-link>
+          </li>
+        </ul>
+      </p>
+    </template>
+
+    <div>
+      <button
+        btn m="3 t6" text-sm
+        @click="router.back()"
+      >
+        {{ t('button.back') }}
+      </button>
+    </div>
+  </div>
+</template>

package/src/client/pages/index.vue

@@ -0,0 +1,3 @@
+<template>
+  <PostList />
+</template>

package/src/client/pages/page/[page].vue

@@ -0,0 +1,12 @@
+<script setup lang="ts">
+defineProps<{ page: string }>()
+</script>
+
+<template>
+  <PostList :cur-page="parseInt(page)" />
+</template>
+
+<route lang="yaml">
+meta:
+  layout: home
+</route>

package/src/client/pages/posts/index.md

@@ -0,0 +1,5 @@
+---
+title: 博文
+---
+
+我会写些 Valaxy 的开发笔记和使用说明。

package/src/client/public/_headers

@@ -0,0 +1,3 @@
+/assets/*
+  cache-control: max-age=31536000
+  cache-control: immutable

package/src/client/public/favicon.svg

@@ -0,0 +1,21 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="yun-logo" width="400" height="400" viewBox="40 40 320 320" stroke-width="16">
+    <style>
+        #yun-logo {
+            stroke: black;
+        }
+
+        @media (prefers-color-scheme: dark) {
+            #yun-logo {
+                stroke: white;
+            }
+        }
+    </style>
+    <defs>
+        <line id="eye" x1="0" y1="-35" x2="0" y2="35" stroke-linecap="round">
+            <animateTransform attributeName="transform" additive="sum" attributeType="XML" type="scale" from="1 1" to="1 0" dur="0.15s" repeatCount="2"/>
+        </line>
+    </defs>
+    <polygon stroke-linejoin="round" fill="none" points="50,250 50,150 100,150 100,100 300,100 300,150 350,150 350,250 300,250 300,300 100,300 100,250 50,250"/>
+    <use xlink:href="#eye" transform="translate(150,200)"/>
+    <use xlink:href="#eye" transform="translate(250,200)"/>
+</svg>

package/src/client/public/safari-pinned-tab.svg

@@ -0,0 +1,41 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M2916 6015 c-93 -57 -173 -108 -178 -113 -6 -6 7 -36 33 -78 23 -38
+86 -141 139 -229 54 -88 135 -221 180 -295 46 -74 94 -155 108 -180 14 -25 29
+-52 35 -60 7 -12 -9 -45 -62 -130 -39 -63 -85 -140 -103 -170 -18 -30 -117
+-194 -222 -365 -104 -170 -199 -326 -210 -346 -12 -19 -61 -102 -111 -183 -49
+-81 -101 -166 -115 -189 -14 -23 -39 -64 -55 -90 -17 -27 -77 -126 -134 -220
+-57 -95 -127 -210 -156 -257 -194 -315 -325 -533 -325 -541 0 -5 -4 -9 -10 -9
+-5 0 -10 -4 -10 -9 0 -5 -55 -98 -121 -207 -247 -404 -403 -660 -416 -684 -8
+-14 -58 -97 -112 -185 l-98 -160 -189 -2 c-104 -1 -225 -2 -269 -2 l-80 -1 1
+-210 c0 -116 4 -213 8 -218 11 -11 6107 -9 6114 2 8 13 8 406 0 419 -4 7 -88
+10 -265 9 l-259 -2 -50 77 c-27 43 -54 87 -60 98 -6 11 -62 103 -124 205 -62
+102 -120 197 -129 212 -9 16 -85 142 -170 280 -85 139 -160 262 -165 273 -6
+11 -13 22 -16 25 -3 3 -30 46 -59 95 -30 50 -102 169 -161 265 -59 96 -240
+393 -402 660 -163 267 -371 609 -463 760 -92 151 -194 318 -225 370 -31 52
+-101 167 -155 255 l-97 160 27 50 c16 27 32 55 36 61 5 5 38 59 74 120 36 60
+69 116 74 124 5 8 75 122 155 253 81 131 144 242 141 247 -4 7 -114 76 -183
+115 -10 6 -52 32 -95 58 -42 27 -81 46 -87 42 -8 -5 -94 -140 -140 -219 -19
+-33 -221 -365 -246 -404 -15 -22 -18 -18 -111 135 -52 87 -123 203 -157 258
+-67 108 -67 110 -111 184 -16 28 -34 51 -40 50 -5 0 -86 -47 -179 -104z m739
+-1642 c319 -526 519 -854 637 -1046 43 -70 78 -130 78 -133 0 -2 5 -10 10 -17
+6 -7 69 -109 140 -227 72 -118 134 -222 139 -230 5 -8 55 -89 111 -180 56 -91
+105 -172 110 -180 9 -14 52 -84 270 -445 54 -88 135 -221 180 -295 46 -74 91
+-148 100 -165 9 -16 31 -53 48 -81 18 -28 32 -54 32 -57 0 -3 -403 -6 -895 -5
+l-895 0 0 81 c-1 45 -1 439 -1 875 l0 792 -37 1 c-57 1 -344 1 -374 0 l-27 -1
+0 -832 c0 -458 0 -852 0 -875 l-1 -42 -895 1 c-492 0 -895 3 -895 5 0 9 115
+198 122 201 5 2 8 7 8 12 0 5 23 46 51 92 28 46 78 128 112 183 33 55 70 116
+82 135 12 19 132 215 265 435 133 220 266 438 295 485 65 105 206 338 220 362
+6 10 172 284 370 608 198 325 387 635 420 690 33 55 62 100 65 100 3 0 73
+-111 155 -247z"/>
+</g>
+</svg>

package/src/client/shims.d.ts

@@ -0,0 +1,36 @@
+import 'vue-router'
+
+import type { Post } from 'valaxy'
+import type { Header } from '../node/markdown'
+
+declare interface Window {
+  // extend the window
+  Waline: any
+}
+
+// with vite-plugin-md, markdowns can be treat as Vue components
+declare module '*.md' {
+  import type { DefineComponent } from 'vue'
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}
+
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}
+
+// vite hmr data
+declare module '@valaxyjs/config' {
+  // import type { ValaxyConfig } from 'valaxy'
+  const config: string
+  export default config
+}
+
+declare module 'vue-router' {
+  interface RouteMeta {
+    headers: Header[]
+    frontmatter: Post
+  }
+}

package/src/client/stores/app.ts

@@ -0,0 +1,14 @@
+import { acceptHMRUpdate, defineStore } from 'pinia'
+import { useToggle } from '@vueuse/core'
+
+export const useAppStore = defineStore('app', () => {
+  const [isSidebarOpen, toggleSidebar] = useToggle(false)
+
+  return {
+    isSidebarOpen,
+    toggleSidebar,
+  }
+})
+
+if (import.meta.hot)
+  import.meta.hot.accept(acceptHMRUpdate(useAppStore, import.meta.hot))

package/src/client/stores/user.ts

@@ -0,0 +1,35 @@
+import { computed, ref } from 'vue'
+import { acceptHMRUpdate, defineStore } from 'pinia'
+
+export const useUserStore = defineStore('user', () => {
+  /**
+   * Current name of the user.
+   */
+  const savedName = ref('')
+  const previousNames = ref(new Set<string>())
+
+  const usedNames = computed(() => Array.from(previousNames.value))
+  const otherNames = computed(() => usedNames.value.filter(name => name !== savedName.value))
+
+  /**
+   * Changes the current name of the user and saves the one that was used
+   * before.
+   *
+   * @param name - new name to set
+   */
+  function setNewName(name: string) {
+    if (savedName.value)
+      previousNames.value.add(savedName.value)
+
+    savedName.value = name
+  }
+
+  return {
+    setNewName,
+    otherNames,
+    savedName,
+  }
+})
+
+if (import.meta.hot)
+  import.meta.hot.accept(acceptHMRUpdate(useUserStore, import.meta.hot))