valaxy 0.4.0 → 0.6.1

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/components/ValaxyMd.vue

@@ -1,71 +0,0 @@
-<script lang="ts" setup>
-import type { Post } from 'valaxy'
-import { onMounted, ref } from 'vue'
-import { useI18n } from 'vue-i18n'
-import { useAplayer, useCodePen, useKatex } from '~/composables'
-import { wrapTable } from '~/utils'
-
-const props = defineProps<{
-  frontmatter: Post
-  excerpt?: string
-}>()
-
-const { t } = useI18n()
-
-const content = ref()
-function updateDom() {
-  wrapTable(content.value)
-}
-
-onMounted(() => {
-  updateDom()
-})
-
-// features
-if (props.frontmatter.katex)
-  useKatex()
-
-// widgets
-if (props.frontmatter.aplayer)
-  useAplayer()
-
-if (props.frontmatter.codepen)
-  useCodePen()
-</script>
-
-<template>
-  <article v-if="$slots.default" :class="frontmatter.markdown !== false && 'markdown-body'">
-    <slot ref="content" @vnode-updated="updateDom" />
-
-    <div text="center">
-      <a
-        v-if="frontmatter.url"
-        :href="frontmatter.url"
-        class="post-link-btn shadow hover:shadow-md"
-        rounded
-        target="_blank"
-        m="b-4"
-      >
-        {{ t('post.view_link') }}
-      </a>
-    </div>
-
-    <slot v-if="typeof frontmatter.end !== 'undefined'" name="end">
-      <div m="y-4" class="end flex justify-center items-center">
-        <hr class="line inline-flex" w="full" m="!y-2">
-        <span p="x-4" font="serif bold" class="whitespace-nowrap">
-          {{ frontmatter.end ? 'Q.E.D.' : 'To Be Continued.' }}
-        </span>
-        <hr class="line inline-flex" w="full" m="!y-2">
-      </div>
-    </slot>
-  </article>
-</template>
-
-<style lang="scss">
-.end {
-  .line {
-    height: 1px;
-  }
-}
-</style>

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/styles/common/code.scss

@@ -1,207 +0,0 @@
-@use "~/styles/mixins" as *;
-
-/* https://github.com/antfu/prism-theme-vars */
-@use "prism-theme-vars/base.css" as *;
-
-@include mobile {
-  .markdown-body {
-    div[class*="language-"] {
-      margin: 0 -1rem;
-    }
-  }
-}
-
-.markdown-body {
-  div[class*="language-"] {
-    position: relative;
-    padding: 0;
-    background-color: var(--smc-code-bg-color);
-
-    pre {
-      position: relative;
-      padding: 1rem;
-      z-index: 1;
-      background: none;
-
-      // expand
-      code {
-        display: block;
-      }
-    }
-  }
-}
-
-/* Line highlighting */
-
-.highlight-lines {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  padding: 1rem 0;
-  width: 100%;
-  line-height: var(--prism-line-height);
-  user-select: none;
-  overflow: hidden;
-
-  .highlighted {
-    background-color: rgba(0, 0, 0, 0.08);
-  }
-}
-
-.dark {
-  .highlight-lines {
-    .highlighted {
-      background-color: rgba(0, 0, 0, 0.4);
-    }
-  }
-}
-
-.markdown-body {
-  code {
-    color: var(--prism-foreground) !important;
-  }
-}
-
-// prism
-html:not(.dark) {
-  // text
-  --prism-foreground: #224466;
-
-  --prism-background: #f8f8f8;
-  --prism-comment: #758575;
-  --prism-namespace: #444444;
-  --prism-string: #bc8671;
-  --prism-punctuation: #80817d;
-  --prism-literal: #36acaa;
-  --prism-keyword: #248459;
-  --prism-function: #0088bb;
-  --prism-deleted: #9a050f;
-  --prism-class: #2b91af;
-  --prism-builtin: #800000;
-  --prism-property: #ce9178;
-  --prism-regex: #ad502b;
-}
-
-html.dark {
-  --prism-foreground: #a6accd;
-
-  --prism-background: #242424;
-  --prism-namespace: #aaaaaa;
-  --prism-comment: #758575;
-  --prism-namespace: #444444;
-  --prism-string: #c3e88d;
-  --prism-punctuation: #a6accd;
-  --prism-literal: #36acaa;
-  --prism-keyword: #89ddff;
-  --prism-function: #82aaff;
-  --prism-deleted: #9a050f;
-  --prism-class: #4ec9b0;
-  --prism-builtin: #d16969;
-  --prism-property: #c792ea;
-  --prism-regex: #ad502b;
-  --prism-selector: #c3e88d;
-}
-
-/* Language marker */
-// @use 'prism-theme-vars/marker.css' as *; * not div
-div[class*="language-"]:before {
-  position: absolute;
-  top: 0.6em;
-  right: 1em;
-  z-index: 2;
-  font-size: 0.8rem;
-  color: #888;
-}
-
-div[class~="language-html"]:before,
-div[class~="language-markup"]:before {
-  content: "html";
-}
-
-div[class~="language-md"]:before,
-div[class~="language-markdown"]:before {
-  content: "md";
-}
-
-div[class~="language-css"]:before {
-  content: "css";
-}
-
-div[class~="language-sass"]:before {
-  content: "sass";
-}
-
-div[class~="language-scss"]:before {
-  content: "scss";
-}
-
-div[class~="language-less"]:before {
-  content: "less";
-}
-
-div[class~="language-stylus"]:before {
-  content: "styl";
-}
-
-div[class~="language-js"]:before,
-div[class~="language-javascript"]:before {
-  content: "js";
-}
-
-div[class~="language-ts"]:before,
-div[class~="language-typescript"]:before {
-  content: "ts";
-}
-
-div[class~="language-json"]:before {
-  content: "json";
-}
-
-div[class~="language-rb"]:before,
-div[class~="language-ruby"]:before {
-  content: "rb";
-}
-
-div[class~="language-py"]:before,
-div[class~="language-python"]:before {
-  content: "py";
-}
-
-div[class~="language-sh"]:before,
-div[class~="language-bash"]:before {
-  content: "sh";
-}
-
-div[class~="language-php"]:before {
-  content: "php";
-}
-
-div[class~="language-go"]:before {
-  content: "go";
-}
-
-div[class~="language-rust"]:before {
-  content: "rust";
-}
-
-div[class~="language-java"]:before {
-  content: "java";
-}
-
-div[class~="language-c"]:before {
-  content: "c";
-}
-
-div[class~="language-yml"]:before,
-div[class~="language-yaml"]:before {
-  content: "yaml";
-}
-
-div[class~="language-dockerfile"]:before {
-  content: "dockerfile";
-}
-
-div[class~="language-vue"]:before {
-  content: "vue";
-}

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/client/styles/css-vars.scss

@@ -1,39 +0,0 @@
-@use "sass:map";
-@use "./mixins" as *;
-@use "./vars" as *;
-
-$c-primary: #0078E7 !default;
-
-@use "./palette" with (
-  $colors: (
-    'primary': $c-primary,
-  )
-);
-
-// common
-:root {
-  @include set-css-var-from-map($common);
-  @include set-css-var-from-map($border, 'border');
-  @include set-css-var-from-map($font, 'font');
-  @include set-css-var-from-map($transition, 'transition'); 
-}
-
-// colors
-:root {
-  // palette different with colors
-  @include set-css-var-from-map(palette.$palette, 'c');
-  // primary
-  @include set-css-var-from-map(palette.$colors, 'c');
-}
-
-// light
-:root {
-  color-scheme: light;
-  @include set-css-var-from-map(palette.$light);
-}
-
-// dark
-html.dark {
-  color-scheme: dark;
-  @include set-css-var-from-map(palette.$dark);
-}

package/src/client/styles/vars.scss

@@ -1,27 +0,0 @@
-@use "sass:map";
-
-$common: () !default;
-$common: map.merge((
-  'sidebar-width-mobile': 320px,
-), $common);
-
-$border: () !default;
-$border: map.merge((
-  'width': 1px
-), $border);
-
-$font: () !default;
-$font: map.merge((
-  'sans': 'Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',
-  'mono': 'Menlo, Monaco, Consolas, "Courier New", monospace',
-  'serif': "'Songti SC', 'Noto Serif SC', STZhongsong, STKaiti, KaiTi, Roboto, serif",
-  'serif-weight': 900,
-), $font);
-
-$transition: () !default;
-$transition: map.merge((
-  'duration-fast': 0.2s,
-  'duration': 0.4s,
-  'duration-slow': 0.6s,
-  '': all var(--va-transition-duration-fast) ease-in-out
-), $transition);

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,
-  }
-}