valaxy 0.3.11 → 0.6.0

package/src/client/components/PostCard.vue

@@ -1,68 +0,0 @@
-<script lang="ts" setup>
-import { useI18n } from 'vue-i18n'
-import type { Post } from '../../types'
-import { usePostProperty } from '~/composables'
-
-const props = defineProps<{
-  post: Post
-}>()
-
-const { t } = useI18n()
-
-const { icon, styles } = usePostProperty(props.post.type)
-</script>
-
-<template>
-  <YunCard m="y-4 auto" class="post-card" :style="styles">
-    <AppLink
-      class="post-title-link"
-      :to="post.path || ''"
-      m="t-3"
-    >
-      <div class="flex justify-center items-center title text-2xl" font="serif black">
-        <div v-if="post.type" class="inline-flex" m="r-1" :class="icon" />{{ post.title }}
-      </div>
-    </AppLink>
-
-    <YunPostMeta :frontmatter="post" />
-
-    <div v-if="post.excerpt" class="markdown-body" text="left" w="full" p="x-6 lt-sm:4" v-html="post.excerpt" />
-    <div m="b-5" />
-
-    <a
-      v-if="post.url"
-      :href="post.url"
-      class="post-link-btn shadow hover:shadow-md"
-      rounded
-      target="_blank"
-      m="b-4"
-    >
-      {{ t('post.view_link') }}
-    </a>
-
-    <div v-if="post.categories || post.tags" w="full" class="yun-card-actions flex justify-between" border="t" text="sm">
-      <div class="inline-flex">
-        <router-link
-          v-if="post.categories"
-          :to="{
-            path: '/categories/',
-            query: { category: Array.isArray(post.categories) ? post.categories[post.categories.length - 1] : post.categories },
-          }"
-          class="post-categories inline-flex justify-center items-center" m="l-2"
-        >
-          <div m="x-1" i-ri-folder-2-line />
-          {{ Array.isArray(post.categories) ? post.categories.join(' > ') : post.categories }}
-        </router-link>
-      </div>
-
-      <div class="post-tags inline-flex" m="r-2">
-        <template v-if="post.tags">
-          <router-link v-for="tag, i in post.tags" :key="i" :to="{ path: '/tags/', query: { tag } }" m="x-1" class="post-tag inline-flex justify-center items-center">
-            <div m="r-1" i-ri-price-tag-3-line />
-            {{ tag }}
-          </router-link>
-        </template>
-      </div>
-    </div>
-  </YunCard>
-</template>

package/src/client/composables/features/index.ts

@@ -1 +0,0 @@
-export * from './katex'

package/src/client/composables/features/katex.ts

@@ -1,15 +0,0 @@
-import { useHead } from '@vueuse/head'
-
-/**
- * use katex css cdn
- */
-export function useKatex() {
-  useHead({
-    link: [
-      {
-        rel: 'stylesheet',
-        href: 'https://cdn.jsdelivr.net/npm/katex@latest/dist/katex.min.css',
-      },
-    ],
-  })
-}

package/src/client/composables/search/algolia.ts

@@ -1,115 +0,0 @@
-import { isClient, useScriptTag } from '@vueuse/core'
-import { useI18n } from 'vue-i18n'
-import { useRoute } from 'vue-router'
-
-const algoliasearchUrl = 'https://cdn.jsdelivr.net/npm/algoliasearch@4/dist/algoliasearch-lite.umd.js'
-const instantsearchUrl = 'https://cdn.jsdelivr.net/npm/instantsearch.js@4/dist/instantsearch.production.min.js'
-
-export function useAlgoliaSearch(config: {
-  appId: string
-  apiKey: string
-  indexName: string
-  hits: {
-    per_page: number
-  }
-}) {
-  if (!isClient)
-    return
-
-  const route = useRoute()
-  const { t } = useI18n()
-
-  useScriptTag(algoliasearchUrl, () => {
-    useScriptTag(instantsearchUrl, () => {
-      const algoliaSettings = config
-      const { indexName, appId, apiKey } = algoliaSettings
-
-      const search = window.instantsearch({
-        indexName,
-        searchClient: window.algoliasearch(appId, apiKey),
-        searchFunction: (helper: { search: () => void }) => {
-          const searchInput = document.querySelector('.search-input') as HTMLInputElement
-          if (searchInput.value)
-            helper.search()
-        },
-      })
-
-      // Registering Widgets
-      search.addWidgets([
-        window.instantsearch.widgets.configure({
-          hitsPerPage: algoliaSettings.hits.per_page || 8,
-        }),
-
-        window.instantsearch.widgets.searchBox({
-          container: '.search-input-container',
-          placeholder: t('search.placeholder'),
-          // Hide default icons of algolia search
-          showReset: false,
-          showSubmit: false,
-          showLoadingIndicator: false,
-          cssClasses: {
-            input: 'search-input',
-          },
-        }),
-
-        window.instantsearch.widgets.stats({
-          container: '#algolia-stats',
-          templates: {
-            text: (data: any) => {
-              const stats = t('search.hits_time', {
-                hits: data.nbHits,
-                time: data.processingTimeMS,
-              })
-              return `<span>${stats}</span>
-          <a href="https://www.algolia.com/" target="_blank" class="algolia-powered">
-            <img src="https://simpleicons.org/icons/algolia.svg" alt="Algolia">
-          </a>
-          `
-            },
-          },
-        }),
-
-        window.instantsearch.widgets.hits({
-          container: '#algolia-hits',
-          templates: {
-            item: (data: any) => {
-              const link = data.permalink ? data.permalink : route.path
-              return `<a href="${link}" class="algolia-hit-item-link">
-              ${data._highlightResult.title.value}
-              <small>${data._highlightResult.slug.value}</small>
-              </a>`
-            },
-            empty: (data: any) => {
-              return `<div id="algolia-hits-empty">${t('search.empty', data.query)}</div>`
-            },
-          },
-          cssClasses: {
-            item: 'algolia-hit-item',
-          },
-        }),
-
-        window.instantsearch.widgets.pagination({
-          container: '#algolia-pagination',
-          scrollTo: false,
-          showFirst: false,
-          showLast: false,
-          templates: {
-            first: '<div i-ri-arrow-left-line></div>',
-            last: '<div i-ri-arrow-right-line></div>',
-            previous: '<div i-ri-arrow-left-s-line></div>',
-            next: '<div i-ri-arrow-right-s-line></div>',
-          },
-          cssClasses: {
-            root: 'pagination',
-            item: 'page-number',
-            link: 'page-number',
-            selectedItem: 'active',
-            disabledItem: 'disabled-item',
-          },
-        }),
-      ])
-
-      search.start()
-    })
-  })
-}

package/src/client/config.ts

@@ -1,51 +0,0 @@
-// @ts-expect-error virtual module @valaxyjs/config
-import valaxyConfig from '@valaxyjs/config'
-import type { ComputedRef, InjectionKey } from 'vue'
-import { computed, inject, readonly, shallowRef } from 'vue'
-import type { ThemeConfig } from '../../../valaxy-theme-yun'
-import type { ValaxyConfig } from '../types'
-
-/**
- * parse valaxy config
- * @param data
- * @returns
- */
-function parse(data: string): ValaxyConfig {
-  const parsed = JSON.parse(data)
-  return (import.meta.env.DEV ? readonly(parsed) : parsed) as ValaxyConfig
-}
-
-export const valaxyConfigSymbol: InjectionKey<ComputedRef<ValaxyConfig<ThemeConfig>>> = Symbol('valaxy:config')
-export const valaxyConfigRef = shallowRef<ValaxyConfig>(parse(valaxyConfig))
-
-// hmr
-if (import.meta.hot) {
-  // /@valaxyjs/config must be static string
-  import.meta.hot.accept('/@valaxyjs/config', (m) => {
-    valaxyConfigRef.value = parse(m.default)
-  })
-}
-
-export function initConfig() {
-  return computed(() => valaxyConfigRef.value)
-}
-
-/*
- * get Config
- * @returns
- */
-export function useConfig() {
-  const config = inject(valaxyConfigSymbol)
-  if (!config)
-    throw new Error('[Valaxy] config not properly injected in qpp')
-  return config!
-}
-
-/**
- * getThemeConfig
- * @returns
- */
-export function useThemeConfig() {
-  const config = useConfig()
-  return computed(() => config!.value.themeConfig)
-}

package/src/client/modules/pwa.ts

@@ -1,12 +0,0 @@
-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/styles/common/scrollbar.scss

@@ -1,34 +0,0 @@
-@use '~/styles/mixins' as *;
-
-.no-scroll {
-  position: fixed; 
-  overflow-y: scroll;
-  width: 100%;
-}
-
-::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
-}
-
-::-webkit-scrollbar-track {
-  border-radius: 2px;
-  background-color: rgba(255, 255, 255, 0.1);
-}
-
-::-webkit-scrollbar-thumb {
-  border-radius: 2px;
-  background-color: rgba(get-css-var('c', 'primary', 'rgb'), 0.3);
-
-  &:window-inactive {
-    background-color: rgba(get-css-var('c', 'primary', 'rgb'), 0.3);
-  }
-
-  &:hover {
-    background-color: rgba(get-css-var('c', 'primary', 'rgb'), 0.7);
-  }
-
-  &:active {
-    background-color: rgba(get-css-var('c', 'primary', 'rgb'), 0.9);
-  }
-}

package/src/node/config.ts

@@ -1,52 +0,0 @@
-// import { loadConfig } from 'c12'
-import fs from 'fs'
-import { loadConfig } from 'unconfig'
-import defu from 'defu'
-import type { ValaxyConfig } from '../types'
-import { defaultValaxyConfig } from '../types'
-import type { ValaxyEntryOptions } from './options'
-
-// for user config
-export async function resolveConfig(options: ValaxyEntryOptions = {}) {
-  // c12 merge array twice, so i deprecated it
-  // const { config, configFile } = await loadConfig<ValaxyConfig>({
-  //   name: 'valaxy',
-  //   defaults: defaultValaxyConfig,
-  // })
-
-  const { config: userConfig, sources } = await loadConfig<ValaxyConfig>({
-    sources: [
-      {
-        files: 'valaxy.config',
-        extensions: ['ts', 'js', 'mjs', 'cjs', 'json'],
-      },
-    ],
-    merge: false,
-  })
-  const configFile = sources[0]
-  const config = defu(userConfig, defaultValaxyConfig)
-
-  const theme = options.theme || config.theme || 'yun'
-
-  try {
-    const { defaultThemeConfig } = await import(`valaxy-theme-${theme}`)
-    config.themeConfig = defu(config.themeConfig, defaultThemeConfig)
-  }
-  catch (e) {
-    console.error(`valaxy-theme-${theme} doesn't have default config`)
-  }
-
-  try {
-    const pkg = fs.readFileSync(require.resolve(`valaxy-theme-${theme}/package.json`), 'utf-8')
-    config.themeConfig.pkg = JSON.parse(pkg)
-  }
-  catch (e) {
-    console.error(`valaxy-theme-${theme} doesn't have package.json`)
-  }
-
-  return {
-    config,
-    configFile,
-    theme,
-  }
-}

package/src/node/plugins/index.ts

@@ -1,120 +0,0 @@
-import fs from 'fs'
-
-import { join } from 'path'
-import type { Plugin } from 'vite'
-// import consola from 'consola'
-import { resolveConfig } from '../config'
-import type { ResolvedValaxyOptions, ValaxyServerOptions } from '../options'
-import { toAtFS } from '../utils'
-import { VALAXY_CONFIG_ID } from './valaxy'
-
-/**
- * for /@valaxyjs/styles
- * @param roots
- * @returns
- */
-function generateStyles(roots: string[]) {
-  const imports: string[] = []
-
-  for (const root of roots) {
-    const styles: string[] = []
-
-    const autoloadNames = ['index', 'css-vars']
-    autoloadNames.forEach((name) => {
-      styles.push(join(root, 'styles', `${name}.css`))
-      styles.push(join(root, 'styles', `${name}.scss`))
-    })
-
-    for (const style of styles) {
-      if (fs.existsSync(style))
-        imports.push(`import "${toAtFS(style)}"`)
-    }
-  }
-  return imports.join('\n')
-}
-
-function generateLocales(roots: string[]) {
-  const imports: string[] = [
-    'const messages = { "zh-CN": {}, en: {} }',
-  ]
-  const languages = ['zh-CN', 'en']
-
-  roots.forEach((root, i) => {
-    languages.forEach((lang) => {
-      const langYml = `${root}/locales/${lang}.yml`
-      if (fs.existsSync(langYml) && fs.readFileSync(langYml, 'utf-8')) {
-        const varName = lang.replace('-', '') + i
-        imports.push(`import ${varName} from "${toAtFS(langYml)}"`)
-        imports.push(`Object.assign(messages['${lang}'], ${varName})`)
-      }
-    })
-  })
-
-  imports.push('export default messages')
-  return imports.join('\n')
-}
-
-export function createValaxyPlugin(options: ResolvedValaxyOptions, serverOptions: ValaxyServerOptions = {}): Plugin {
-  const valaxyPrefix = '/@valaxy'
-
-  let valaxyConfig = options.config
-
-  const roots = [options.clientRoot, options.themeRoot, options.userRoot]
-
-  return {
-    name: 'Valaxy',
-
-    configureServer(server) {
-      server.watcher.add([
-        options.configFile,
-        options.userRoot,
-        options.themeRoot,
-      ])
-    },
-
-    resolveId(id) {
-      if (id.startsWith(valaxyPrefix))
-        return id
-      return null
-    },
-
-    load(id) {
-      if (id === `/${VALAXY_CONFIG_ID}`)
-        // stringify twice for \"
-        return `export default ${JSON.stringify(JSON.stringify(valaxyConfig))}`
-
-      // generate styles
-      if (id === '/@valaxyjs/styles')
-        return generateStyles(roots)
-
-      if (id === '/@valaxyjs/locales')
-        return generateLocales(roots)
-
-      if (id.startsWith(valaxyPrefix))
-        return ''
-    },
-
-    async handleHotUpdate(ctx) {
-      // handle valaxy.config.ts hmr
-      const { file, server } = ctx
-      if (file !== options.configFile)
-        return
-
-      const { config } = await resolveConfig()
-
-      serverOptions.onConfigReload?.(config, options.config)
-      Object.assign(options.config, config)
-
-      // if (config.base !== options.config.base)
-      //   consola.warn('[valaxy]: config.base has changed. Please restart the dev server.')
-      valaxyConfig = config
-
-      const moduleIds = [`/${VALAXY_CONFIG_ID}`]
-      const moduleEntries = [
-        ...Array.from(moduleIds).map(id => server.moduleGraph.getModuleById(id)),
-      ].filter(<T>(item: T): item is NonNullable<T> => !!item)
-
-      return moduleEntries
-    },
-  }
-}

package/src/node/plugins/markdown.ts

@@ -1,57 +0,0 @@
-import Markdown from 'vite-plugin-md'
-
-import type { Plugin } from 'vite'
-import type { ResolvedValaxyOptions } from '../options'
-
-import { setupMarkdownPlugins } from '../markdown'
-import { checkMd } from '../markdown/check'
-
-export type ViteMdOptions = Parameters<typeof Markdown>[0]
-
-export const excerpt_separator = '<!-- more -->'
-
-// https://github.com/antfu/vite-plugin-md
-
-export function createMarkdownPlugin(options: ResolvedValaxyOptions): Plugin[] {
-  const mdOptions = options.config.markdownIt
-
-  const defaultOptions: ViteMdOptions = {
-    wrapperComponent: 'ValaxyMd',
-    wrapperClasses: '',
-
-    headEnabled: true,
-    frontmatter: true,
-    excerpt: excerpt_separator,
-
-    markdownItSetup(md) {
-      if (mdOptions.config)
-        mdOptions.config(md)
-
-      setupMarkdownPlugins(md, mdOptions)
-    },
-
-    transforms: {
-      before: (code, id) => {
-        checkMd(code, id)
-
-        code.replace('{%', '\{\%')
-        code.replace('%}', '\%\}')
-        return code
-      },
-    },
-  }
-
-  return [Markdown(Object.assign(defaultOptions, options.config.markdown)), {
-    name: 'valaxy:md',
-    handleHotUpdate(ctx) {
-      const { file, server } = ctx
-      // send headers
-      if (file.endsWith('.md')) {
-        server.ws.send({
-          type: 'custom',
-          event: 'valaxy:md-update',
-        })
-      }
-    },
-  }]
-}

package/src/node/utils/index.ts

@@ -1,26 +0,0 @@
-import { dirname } from 'path'
-import consola from 'consola'
-
-export function slash(str: string) {
-  return str.replace(/\\/g, '/')
-}
-
-export function ensurePrefix(prefix: string, str: string) {
-  if (!str.startsWith(prefix))
-    return prefix + str
-  return str
-}
-
-export function toAtFS(path: string) {
-  return `/@fs${ensurePrefix('/', slash(path))}`
-}
-
-export function resolveImportPath(importName: string) {
-  try {
-    return dirname(require.resolve(importName))
-  }
-  catch { }
-
-  consola.error(`Failed to resolve package ${importName}`)
-  throw new Error(`Failed to resolve package ${importName}`)
-}