diff --git a/.gitignore b/.gitignore index b186e943..c62e6a42 100644 --- a/.gitignore +++ b/.gitignore @@ -1,3 +1,4 @@ node_modules dist .vitepress/@slidev +.vitepress/cache diff --git a/.npmrc b/.npmrc index bf2e7648..cf040424 100644 --- a/.npmrc +++ b/.npmrc @@ -1 +1,2 @@ shamefully-hoist=true +strict-peer-dependencies=false diff --git a/.vitepress/addons.ts b/.vitepress/addons.ts new file mode 100644 index 00000000..547a4925 --- /dev/null +++ b/.vitepress/addons.ts @@ -0,0 +1,217 @@ +import type { ThemeInfo } from './themes' + +export type AddonInfo = Omit + +export const official: AddonInfo[] = [ + { + id: '', + link: '#', + name: '作業中', + description: '', + tags: [], + author: { + name: '', + }, + }, +] + +export const community: AddonInfo[] = [ + { + id: 'slidev-addon-python-runner', + name: 'Python Runner', + description: 'Run actual Python code in your slides', + tags: ['Code runner'], + author: { + name: '_Kerman', + link: 'https://github.com/KermanX', + }, + repo: 'https://github.com/KermanX/slidev-addon-python-runner', + }, + { + id: 'slidev-addon-tldraw', + name: 'tldraw', + description: 'Embed tldraw diagrams directly in Slidev, with in-slide editing support', + tags: ['Integration', 'Diagram'], + author: { + name: 'Albert Brand', + link: 'https://github.com/AlbertBrand', + }, + repo: 'https://github.com/AlbertBrand/slidev-addon-tldraw', + }, + { + id: 'slidev-addon-typst', + name: 'Typst', + description: 'Typst addon for Slidev', + tags: ['Integration', 'Diagram'], + author: { + name: 'Shigma', + link: 'https://github.com/shigma', + }, + repo: 'https://github.com/shigma/slidev-addon-typst', + }, + { + id: 'slidev-addon-fancy-arrow', + name: 'Fancy Arrow', + description: 'Hand drawn arrows with various styling and positioning options', + tags: ['Component'], + author: { + name: 'whitphx', + link: 'https://github.com/whitphx', + }, + repo: 'https://github.com/whitphx/slidev-addon-fancy-arrow', + }, + { + id: 'slidev-addon-sync', + name: 'Remote Sync', + description: 'Sync component for Slidev static build that uses a SSE or WS server', + tags: ['Remote control', 'Navigation'], + author: { + name: 'Tony Cabaye', + link: 'https://github.com/tonai', + }, + repo: 'https://github.com/Smile-SA/slidev-addon-sync', + }, + { + id: 'slidev-addon-tikzjax', + name: 'tikzjax', + description: 'Compile TikZ/Chemfig/... to SVG and display them in Slidev', + tags: ['Integration', 'Diagram'], + author: { + name: 'Ethan Goh', + link: 'https://github.com/7086cmd', + }, + repo: 'https://github.com/7086cmd/slidev-addon-tikzjax', + }, + { + id: 'slidev-component-pager', + name: 'Pager', + description: 'Show current page and total page number', + tags: ['Component', 'Navigation'], + author: { + name: 'Tony Cabaye', + link: 'https://github.com/tonai', + }, + repo: 'https://github.com/Smile-SA/slidev-component-pager', + }, + { + id: 'slidev-component-poll', + name: 'Poll and Quiz', + description: 'Poll and Quiz components for Slidev', + tags: ['Component'], + author: { + name: 'Tony Cabaye', + link: 'https://github.com/tonai', + }, + repo: 'https://github.com/Smile-SA/slidev-component-poll', + }, + { + id: 'slidev-component-progress', + name: 'Progress', + description: 'Show interactive progress bar for Slidev', + tags: ['Tool', 'Navigation'], + author: { + name: 'Tony Cabaye', + link: 'https://github.com/tonai', + }, + repo: 'https://github.com/Smile-SA/slidev-component-progress', + }, + { + id: 'slidev-component-scroll', + name: 'Mouse Scroll', + description: 'Use mouse wheel for navigating', + tags: ['Navigation'], + author: { + name: 'Tony Cabaye', + link: 'https://github.com/tonai', + }, + repo: 'https://github.com/Smile-SA/slidev-component-scroll', + }, + { + id: 'slidev-component-spotlight', + name: 'Spotlight', + description: 'Activate a spotlight to highlight a specific region by holding a key', + tags: ['Tool'], + author: { + name: 'Tony Cabaye', + link: 'https://github.com/tonai', + }, + repo: 'https://github.com/Smile-SA/slidev-component-spotlight', + }, + { + id: 'slidev-component-zoom', + name: 'Zooming', + description: 'Allow zooming inside the slides', + tags: ['Tool'], + author: { + name: 'Tony Cabaye', + link: 'https://github.com/tonai', + }, + repo: 'https://github.com/Smile-SA/slidev-component-zoom', + }, + { + id: 'slidev-addon-rabbit', + name: 'Rabbit', + description: 'Presentation time management for Slidev inspired by Rabbit', + tags: ['Tool', 'Navigation'], + author: { + name: 'kaakaa', + link: 'https://github.com/kaakaa', + }, + repo: 'https://github.com/kaakaa/slidev-addon-rabbit', + }, + { + id: 'slidev-addon-stem', + name: 'STEM', + description: 'Slidev addon for scientific presentation', + tags: ['Component', 'Layout'], + author: { + name: 'yutaka-shoji', + link: 'https://github.com/yutaka-shoji', + }, + repo: 'https://github.com/yutaka-shoji/slidev-addon-stem', + }, + { + id: 'slidev-addon-naive', + name: 'Naive UI', + description: 'Brings Naive UI components into Slidev', + tags: ['Component'], + author: { + name: 'Samuel Huang', + link: 'https://sghuang.com', + }, + repo: 'https://github.com/sghuang19/slidev-addon-naive', + }, + { + id: 'slidev-addon-hls-player', + name: 'HLS player', + description: 'Add a basic hls.js powered video player on your slides to show HTTP Live Streaming videos', + tags: ['hls', 'video'], + author: { + name: 'Albert Brand', + link: 'https://github.com/AlbertBrand', + }, + repo: 'https://github.com/AlbertBrand/slidev-addon-hls-player', + }, + { + id: 'slidev-addon-window-mockup', + name: 'Window Mockup', + description: 'Styled window frames', + tags: ['Component'], + author: { + name: 'whitphx', + link: 'https://github.com/whitphx', + }, + repo: 'https://github.com/whitphx/slidev-addon-window-mockup', + }, + // Add yours here! + { + id: '', + link: 'https://github.com/slidevjs/slidev/edit/main/docs/.vitepress/addons.ts', + name: 'あなたのアドオンも？', + description: 'ここをクリックして、あなたのアドオンを投稿してください :)', + tags: [], + author: { + name: '', + }, + }, +] diff --git a/.vitepress/config.js b/.vitepress/config.js deleted file mode 100644 index 5c3c014a..00000000 --- a/.vitepress/config.js +++ /dev/null @@ -1,284 +0,0 @@ -// @ts-check - -const Guide = [ - { - text: 'なぜSlidev？', - link: '/guide/why', - }, - { - text: 'はじめに', - link: '/guide/', - }, - { - text: 'インストール', - link: '/guide/install', - }, - { - text: 'Markdownシンタックス', - link: '/guide/syntax', - }, - { - text: 'ナビゲーション', - link: '/guide/navigation', - }, - { - text: 'アニメーション', - link: '/guide/animations', - }, - { - text: 'エクスポート', - link: '/guide/exporting', - }, - { - text: '静的ホスティング', - link: '/guide/hosting', - }, - { - text: 'レコーディング', - link: '/guide/recording', - }, - { - text: 'プレゼンターモード', - link: '/guide/presenter-mode', - }, - { - text: '描画と注釈', - link: '/guide/drawing', - }, - { - text: 'エディタサポート', - link: '/guide/editors', - }, - { - text: 'FAQ', - link: '/guide/faq', - }, -] - -const Theme = [ - { - text: 'テーマを使用する', - link: '/themes/use', - }, - { - text: 'テーマギャラリー', - link: '/themes/gallery', - }, - { - text: 'テーマを作成する', - link: '/themes/write-a-theme', - }, -] - -const Translations = [ - { - text: '日本語', - }, - { - text: 'English', - link: 'https://sli.dev{{pathname}}', - }, - { - text: '简体中文', - link: 'https://cn.sli.dev{{pathname}}', - }, - { - text: 'Français', - link: 'https://fr.sli.dev{{pathname}}', - }, - { - text: 'Español', - link: 'https://es.sli.dev{{pathname}}', - }, - { - text: 'Русский', - link: 'https://ru.sli.dev{{pathname}}', - }, - { - text: 'Việt Nam', - link: 'https://vn.sli.dev{{pathname}}', - }, - { - text: 'Deutsch', - link: 'https://de.sli.dev{{pathname}}', - }, - { - text: 'Português (BR)', - link: 'https://br.sli.dev{{pathname}}', - }, - { - text: 'Ελληνικά', - link: 'https://el.sli.dev{{pathname}}', - }, - { - text: '日本語', - link: 'https://ja.sli.dev{{pathname}}', - }, -] - -const Customizations = [ - { - text: 'カスタマイズ', - link: '/custom/', - }, - { - text: 'ディレクトリ構造', - link: '/custom/directory-structure', - }, - { - text: 'フォント', - link: '/custom/fonts', - }, - { - text: 'シンタックスハイライト', - link: '/custom/highlighters', - }, - { - text: 'Vueの設定', - link: '/custom/config-vue', - }, - { - text: 'Viteの設定', - link: '/custom/config-vite', - }, - { - text: 'Windi CSSの設定', - link: '/custom/config-windicss', - }, - { - text: 'Monacoの設定', - link: '/custom/config-monaco', - }, - { - text: 'KaTeXの設定', - link: '/custom/config-katex', - }, - { - text: 'Mermaidの設定', - link: '/custom/config-mermaid', - }, - { - text: 'ショートカットの設定', - link: '/custom/config-shortcuts', - }, - { - text: 'Vueグローバルコンテキスト', - link: '/custom/vue-context', - }, - { - text: 'グローバルレイヤー', - link: '/custom/global-layers', - } -] - -const Resources = [ - { - text: 'ショーケース', - link: '/showcases', - }, - { - text: '学習リソース', - link: '/resources/learning', - }, - { - text: 'キュレーションカバー', - link: '/resources/covers', - }, -] - -const slidebars = [ - { - text: 'ガイド', - children: Guide, - }, - { - text: 'テーマ', - children: Theme, - }, - { - text: 'カスタマイズ', - children: Customizations, - }, - { - text: 'ビルトイン', - children: [ - { - text: 'コンポーネント', - link: '/builtin/components', - }, - { - text: 'レイアウト', - link: '/builtin/layouts', - }, - ], - }, -] - -/** - * @type {import('vitepress').UserConfig} - */ -module.exports = { - title: 'Slidev', - description: '開発者のためのプレゼンテーションスライド', - head: [ - ['link', { rel: 'icon', type: 'image/png', href: '/favicon.png' }], - ['meta', { name: 'author', content: 'Anthony Fu' }], - ['meta', { property: 'og:title', content: 'Slidev' }], - ['meta', { property: 'og:image', content: 'https://sli.dev/og-image.png' }], - ['meta', { property: 'og:description', content: 'Presentation slides for developers' }], - ['meta', { name: 'twitter:card', content: 'summary_large_image' }], - ['meta', { name: 'twitter:creator', content: '@slidevjs' }], - ['meta', { name: 'twitter:image', content: 'https://sli.dev/og-image.png' }], - ['link', { rel: 'dns-prefetch', href: 'https://fonts.gstatic.com' }], - ['link', { rel: 'preconnect', crossorigin: 'anonymous', href: 'https://fonts.gstatic.com' }], - ['link', { href: 'https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@200;400;500&family=Inter:wght@200;400;500;600', rel: 'stylesheet' }], - ], - themeConfig: { - repo: 'slidevjs/docs-ja', - logo: '/logo.svg', - docsBranch: 'main', - editLinks: true, - editLinkText: 'このページの編集を提案する', - - algolia: { - apiKey: '1a5c5a504139c58f428974c78c55291d', - indexName: 'slidev', - searchParameters: { - // for translations maintainers: change the filter to your locale code (subdomain name) - facetFilters: ['language:ja'] - } - }, - - nav: [ - { - text: 'ガイド', - items: Guide, - }, - { - text: 'テーマ', - items: Theme, - }, - { - text: 'カスタマイズ', - items: Customizations, - }, - { - text: 'リソース', - items: Resources, - }, - { - text: '日本語', - items: Translations, - }, - ], - - sidebar: { - '/guide/': slidebars, - '/themes/': slidebars, - '/custom/': slidebars, - '/builtin/': slidebars, - '/resources/': slidebars, - '/': slidebars, - }, - }, -} diff --git a/.vitepress/config.ts b/.vitepress/config.ts new file mode 100644 index 00000000..0b1a9a47 --- /dev/null +++ b/.vitepress/config.ts @@ -0,0 +1,165 @@ +import type { DefaultTheme } from 'vitepress' +import { fileURLToPath } from 'node:url' +import { transformerTwoslash } from '@shikijs/vitepress-twoslash' +import { defineConfig } from 'vitepress' +import { groupIconMdPlugin } from 'vitepress-plugin-group-icons' +import { version } from '../package.json' +import Customizations from './customizations' +import { Advanced, BuiltIn, Guides, Resources } from './pages' +import { getSidebarObject } from './sidebar-gen' + +export const slidebars: DefaultTheme.SidebarItem[] = [ + { + text: 'ガイド', + items: Guides, + }, + { + text: '高度', + items: Advanced, + }, + { + text: 'カスタマイズ', + items: Customizations, + }, + { + text: 'ビルトイン', + items: BuiltIn, + }, + { + text: 'リソース', + items: Resources, + }, +] + +export default defineConfig({ + title: 'Slidev', + description: '開発者のためのプレゼンテーションスライド', + head: [ + ['link', { rel: 'icon', type: 'image/png', href: '/favicon.png' }], + ['meta', { name: 'author', content: 'Anthony Fu' }], + ['meta', { property: 'og:title', content: 'Slidev' }], + ['meta', { property: 'og:image', content: 'https://sli.dev/og-image.png' }], + ['meta', { property: 'og:description', content: '開発者のためのプレゼンテーションスライド' }], + ['meta', { name: 'twitter:card', content: 'summary_large_image' }], + ['meta', { name: 'twitter:creator', content: '@slidevjs' }], + ['meta', { name: 'twitter:image', content: 'https://sli.dev/og-image.png' }], + ['link', { rel: 'dns-prefetch', href: 'https://fonts.gstatic.com' }], + ['link', { rel: 'preconnect', crossorigin: 'anonymous', href: 'https://fonts.gstatic.com' }], + ['link', { href: 'https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@200;400;500&family=Inter:wght@200;400;500;600', rel: 'stylesheet' }], + ], + markdown: { + theme: { + light: 'vitesse-light', + dark: 'vitesse-dark', + }, + async shikiSetup(shiki) { + await shiki.loadLanguage( + 'html', + 'xml', + 'vue', + 'markdown', + 'mermaid', + 'latex', + ) + }, + codeTransformers: [ + transformerTwoslash({ + twoslashOptions: { + // The @slidev/* installed in docs package are very old and should only be used in the homepage demo + vfsRoot: fileURLToPath(import.meta.url), + compilerOptions: { + resolveJsonModule: true, + moduleResolution: /* Bundler */ 100, + }, + }, + }), + ], + config(md) { + md.use(groupIconMdPlugin) + }, + }, + cleanUrls: true, + themeConfig: { + logo: '/logo.svg', + editLink: { + pattern: 'https://github.com/toreis-up/slidev-docs-ja/edit/main/:path', + text: 'このページの変更を提案する', + }, + + search: { + provider: 'local', + }, + + nav: [ + { + text: '📖 ガイド', + items: [ + ...Guides, + { + text: '高度', + items: Advanced, + }, + ], + }, + { + text: '✨ 機能', + link: '/features/', + }, + { + text: '参考資料', + items: [ + { + text: 'ビルトイン', + items: BuiltIn, + }, + { + text: 'カスタマイズ', + items: Customizations, + }, + ], + }, + { + text: 'リソース', + items: Resources, + }, + ], + + socialLinks: [ + { icon: 'github', link: 'https://github.com/slidevjs/slidev' }, + { icon: 'x', link: 'https://x.com/slidevjs' }, + { icon: 'discord', link: 'https://chat.sli.dev' }, + ], + + sidebar: { + '/guide/': slidebars, + '/themes/': slidebars, + '/addons/': slidebars, + '/custom/': slidebars, + '/builtin/': slidebars, + '/resources/': slidebars, + // eslint-disable-next-line antfu/no-top-level-await + ...await getSidebarObject(), + '/features/': [], + '/': slidebars, + }, + + footer: { + message: 'Released under the MIT License.', + copyright: 'Copyright © 2020-2025 Anthony Fu.', + }, + }, + + locales: { + root: { + label: `日本語 (v${version})`, + }, + zh: { + label: "简体中文", + link: "https://cn.sli.dev/", + }, + en: { + label: `English`, + link: 'https://sli.dev/', + } + }, +}) diff --git a/.vitepress/customizations.ts b/.vitepress/customizations.ts new file mode 100644 index 00000000..69c51d88 --- /dev/null +++ b/.vitepress/customizations.ts @@ -0,0 +1,66 @@ +export default [ + { + text: 'Slidev の設定', + link: '/custom/', + }, + { + text: 'ディレクトリ構造', + link: '/custom/directory-structure', + }, + { + text: 'ハイライトの設定', + link: '/custom/config-highlighter', + }, + { + text: 'Vite とプラグインの設定', + link: '/custom/config-vite', + }, + { + text: 'Vue アプリの設定', + link: '/custom/config-vue', + }, + { + text: 'UnoCSS の設定', + link: '/custom/config-unocss', + }, + { + text: 'コードランナーの設定', + link: '/custom/config-code-runners', + }, + { + text: 'カスタム構文の設定', + link: '/custom/config-transformers', + }, + { + text: 'Monaco の設定', + link: '/custom/config-monaco', + }, + { + text: 'KaTeX の設定', + link: '/custom/config-katex', + }, + { + text: 'Mermaid の設定', + link: '/custom/config-mermaid', + }, + { + text: 'ルートの設定', + link: '/custom/config-routes', + }, + { + text: 'ショートカットの設定', + link: '/custom/config-shortcuts', + }, + { + text: 'コンテキストメニューの設定', + link: '/custom/config-context-menu', + }, + { + text: 'フォントの設定', + link: '/custom/config-fonts', + }, + { + text: 'プリパーサーの設定', + link: '/custom/config-parser', + }, +] diff --git a/.vitepress/pages.ts b/.vitepress/pages.ts new file mode 100644 index 00000000..7aa138e9 --- /dev/null +++ b/.vitepress/pages.ts @@ -0,0 +1,107 @@ +export const Guides = [ + { + text: 'なぜ Slidev か', + link: '/guide/why', + }, + { + text: 'はじめに', + link: '/guide/', + }, + { + text: '構文ガイド', + link: '/guide/syntax', + }, + { + text: 'ユーザーインターフェース', + link: '/guide/ui', + }, + { + text: 'アニメーション', + link: '/guide/animations', + }, + { + text: 'テーマとアドオン', + link: '/guide/theme-addon', + }, + { + text: 'コンポーネント', + link: '/guide/component', + }, + { + text: 'レイアウト', + link: '/guide/layout', + }, + { + text: 'エクスポート', + link: '/guide/exporting', + }, + { + text: 'ホスティング', + link: '/guide/hosting', + }, + { + text: 'よくある質問', + link: '/guide/faq', + }, +] + +export const BuiltIn = [ + { + text: 'CLI', + link: '/builtin/cli', + }, + { + text: 'コンポーネント', + link: '/builtin/components', + }, + { + text: 'レイアウト', + link: '/builtin/layouts', + }, +] + +export const Advanced = [ + { + text: 'グローバルコンテキスト', + link: '/guide/global-context', + }, + { + text: 'レイアウトを作る', + link: '/guide/write-layout', + }, + { + text: 'テーマを作る', + link: '/guide/write-theme', + }, + { + text: 'アドオンを作る', + link: '/guide/write-addon', + }, +] + +export const Resources = [ + { + text: 'ショーケース', + link: '/resources/showcases', + }, + { + text: 'テーマギャラリー', + link: '/resources/theme-gallery', + }, + { + text: 'アドオンギャラリー', + link: '/resources/addon-gallery', + }, + { + text: '学習リソース', + link: '/resources/learning', + }, + { + text: '厳選されたカバー画像', + link: '/resources/covers', + }, + { + text: 'リリースノート', + link: 'https://github.com/slidevjs/slidev/releases', + }, +] diff --git a/.vitepress/scripts/prepare.js b/.vitepress/scripts/prepare.js deleted file mode 100644 index c0e13b3f..00000000 --- a/.vitepress/scripts/prepare.js +++ /dev/null @@ -1,8 +0,0 @@ -const fs = require('fs-extra') - -async function main(){ - await fs.remove('.vitepress/@slidev') - await fs.copy('node_modules/@slidev', '.vitepress/@slidev', { dereference: true }) -} - -main() diff --git a/.vitepress/showcases.ts b/.vitepress/showcases.ts index dd7136b5..4b511752 100644 --- a/.vitepress/showcases.ts +++ b/.vitepress/showcases.ts @@ -20,8 +20,8 @@ export const showcases: ShowCaseInfo[] = [ name: 'Anthony Fu', link: 'https://github.com/antfu', }, - slidesLink: 'https://sli.dev/demo/composable-vue', - sourceLink: 'https://github.com/antfu/talks/tree/master/2021-04-29', + slidesLink: 'https://talks.antfu.me/2021/composable-vue/', + sourceLink: 'https://github.com/antfu/talks/tree/main/2021-04-29', at: 'VueDay 2021', datetime: '2021-04-29', }, @@ -49,29 +49,29 @@ export const showcases: ShowCaseInfo[] = [ at: 'Enter.js Vue Day', datetime: '2021-06-15', }, - { - title: 'Simply Publish Your Package to npm', - author: { - name: 'Lucky Dewa Satria', - link: 'https://github.com/lucky401', - }, - at: 'Weekly sharing', - slidesLink: 'https://masukin.link/talks/simply-publish-your-package-to-npm', - cover: 'https://masukin.link/talks-cover-npm.png', - datetime: '2021-06-12', - }, - { - title: 'Create Icon Package With Vue and Rollup', - author: { - name: 'Lucky Dewa Satria', - link: 'https://github.com/lucky401', - }, - at: 'Weekly Sharing', - slidesLink: 'https://masukin.link/talks/create-icon-package-with-vue-and-rollup', - sourceLink: 'https://github.com/lucky401/Create-Icon-Package-With-Vue-and-Rollup', - cover: 'https://masukin.link/talks-cover-create-icon-package-with-vue-and-rollup.png', - datetime: '2021-06-19', - }, + // { + // title: 'Simply Publish Your Package to npm', + // author: { + // name: 'Lucky Dewa Satria', + // link: 'https://github.com/lucky401', + // }, + // at: 'Weekly sharing', + // slidesLink: 'https://masukin.link/talks/simply-publish-your-package-to-npm', + // cover: 'https://masukin.link/talks-cover-npm.png', + // datetime: '2021-06-12', + // }, + // { + // title: 'Create Icon Package With Vue and Rollup', + // author: { + // name: 'Lucky Dewa Satria', + // link: 'https://github.com/lucky401', + // }, + // at: 'Weekly Sharing', + // slidesLink: 'https://masukin.link/talks/create-icon-package-with-vue-and-rollup', + // sourceLink: 'https://github.com/lucky401/Create-Icon-Package-With-Vue-and-Rollup', + // cover: 'https://masukin.link/talks-cover-create-icon-package-with-vue-and-rollup.png', + // datetime: '2021-06-19', + // }, { title: 'BeAPT', author: { @@ -108,15 +108,229 @@ export const showcases: ShowCaseInfo[] = [ at: 'Thoughtworks Internal Lunch & Learn', datetime: '2021-11-12', }, + { + title: 'Git\'s Most Wanted', + cover: 'https://cdn.jsdelivr.net/gh/alexanderdavide/git-most-wanted@assets/slides-export/01.png', + author: { + name: 'Alexander Eble', + link: 'https://github.com/alexanderdavide', + }, + slidesLink: 'https://alexeble.de/talks/git-most-wanted/', + sourceLink: 'https://github.com/alexanderdavide/git-most-wanted', + at: 'Internal Tech Talk', + datetime: '2022-03-11', + }, + { + title: 'OpenFunction 202', + cover: 'https://s2.loli.net/2022/05/22/4zsCnkQRFoAU1E5.png', + author: { + name: 'Haili Zhang', + link: 'https://github.com/webup', + }, + slidesLink: 'https://openfunction-talks.netlify.app/2022/202-node-async/', + sourceLink: 'https://github.com/webup/openfunction-talks/tree/main/202-node-async', + at: 'OpenFunction Tutorial Sharing', + datetime: '2022-05-08', + }, + { + title: 'Is it Okay to Pursue Functional Programming on Frontend?', + author: { + name: 'Minsu Kim , Changhui Lee', + }, + at: '2022 JSConf Korea', + slidesLink: 'https://moonlit-nougat-422445.netlify.app/1', + sourceLink: 'https://github.com/alstn2468/2022-jsconf-presentation', + cover: 'https://raw.githubusercontent.com/alstn2468/2022-jsconf-presentation/main/public/images/og.png', + datetime: '2022-09-16', + }, + { + title: 'Blazing slidev ppt template with naive-ui', + author: { + name: 'godkun', + }, + at: 'personal sharing', + slidesLink: 'https://ppt.godkun.top', + sourceLink: 'https://github.com/godkun/ppt-template', + cover: 'https://github.com/godkun/ppt-template/raw/main/public/show.gif', + datetime: '2022-10-24', + }, + { + title: 'Building a Polite Popup with Nuxt 3', + author: { + name: 'Michael Hoffmann', + link: 'https://github.com/mokkapps', + }, + at: 'Vue.js Nation 2023', + slidesLink: 'https://vuejsnation-2023-talk-polite-popup.netlify.app', + sourceLink: 'https://github.com/Mokkapps/vuejsnation-2023-lightning-talk-polite-popup-nuxt-3-slides', + cover: 'https://raw.githubusercontent.com/Mokkapps/vuejsnation-2023-lightning-talk-polite-popup-nuxt-3-slides/main/screenshots/001.png', + datetime: '2023-01-25', + }, + { + title: 'Dev Environment as Code', + cover: 'https://cdn.jsdelivr.net/gh/alexanderdavide/dev-environment-as-code@assets/slides-export/001.png', + author: { + name: 'Alexander Eble', + link: 'https://github.com/alexanderdavide', + }, + slidesLink: 'https://alexeble.de/talks/dev-environment-as-code/', + sourceLink: 'https://github.com/alexanderdavide/dev-environment-as-code', + at: 'Internal Tech Talk', + datetime: '2022-12-01', + }, + { + title: 'Exploring Social Engineering', + cover: 'https://raw.githubusercontent.com/zyf722/exploring-social-engineering-slides/main/assets/Screenshot_Cover.png', + author: { + name: 'zyf722', + link: 'https://github.com/zyf722', + }, + slidesLink: 'https://zyf722.github.io/exploring-social-engineering-slides/', + sourceLink: 'https://github.com/zyf722/exploring-social-engineering-slides', + at: 'Presentation on Social Engineering in Computers in Society class', + datetime: '2023-10-20', + }, + { + title: 'Diablo Health Orb Shader', + author: { + name: 'SuneBear', + link: 'https://github.com/sunebear', + }, + at: 'rctAI Sessions', + slidesLink: 'https://rct-ai.github.io/frontend-slides/diablo-health-orb-shader/', + sourceLink: 'https://github.com/rct-ai/frontend-slides', + cover: 'https://github-production-user-asset-6210df.s3.amazonaws.com/7693264/284304324-db973b4c-a043-4644-932c-826169a1b4d8.gif', + datetime: '2022-09-01', + }, + { + title: 'Comparison of Packaging Tools in 2023', + author: { + name: 'Peacock (Yoichi Takai)', + link: 'https://p3ac0ck.net', + }, + at: 'PyCon APAC 2023', + slidesLink: 'https://slides.p3ac0ck.net/pyconapac2023/1', + sourceLink: 'https://github.com/peacock0803sz/slidev-slides/blob/7d41aa5e89ad8627cb68ae2cdbfe1681017b0408/talks/pyconapac2023/pyconapac2023.md', + cover: 'https://slides.p3ac0ck.net/pyconapac2023/cover.png', + datetime: '2023-10-28', + }, + { + title: 'How Rust error handling ease web development', + author: { + name: 'Nguyễn Hồng Quân', + link: 'https://quan.hoabinh.vn', + }, + at: 'FOSSASIA Summit 2024', + slidesLink: 'https://talk.quan.hoabinh.vn/rust-error-handling-ease-web-dev/', + sourceLink: 'https://hongquan@bitbucket.org/hongquan/rust-error-handling-ease-web-dev', + cover: 'https://i.imgur.com/2eBJofY.png', + datetime: '2024-04-10', + }, + { + title: 'Sit Back and Relax with Fault Awareness and Robust Instant Recovery for Large Scale AI Workloads', + author: { + name: 'Neko', + link: 'https://github.com/nekomeowww', + }, + at: 'KubeCon 2024 China', + slidesLink: 'https://talks.ayaka.io/nekoayaka/2024-08-21-kubecon-hk/', + sourceLink: 'https://github.com/nekomeowww/talks/tree/main/packages/2024-08-21-kubecon-hk', + cover: 'https://raw.githubusercontent.com/BaizeAI/talks/main/packages/2024-08-21-kubecon-hk/public/screenshot.png', + datetime: '2024-08-21', + }, + { + title: 'Hacker Numerology', + author: { + name: 'HD Moore', + link: 'https://hdm.io', + }, + at: 'LASCON 2024', + slidesLink: 'https://hdm.io/decks/2024-LASCON-Numerology/', + sourceLink: 'https://github.com/hdm/decks-2024-lascon-numerology.git', + cover: 'https://raw.githubusercontent.com/hdm/decks-2024-lascon-numerology/refs/heads/main/screenshot.png', + datetime: '2024-10-25', + }, + { + title: 'Python Zero To Hero - Episode 1', + author: { + name: 'Kareim Tarek', + link: 'https://kareimgazer.github.io/', + }, + at: 'Kareem Kreates YouTube Channel', + slidesLink: 'https://kareimgazer.github.io/py-intro/', + sourceLink: 'https://github.com/KareimGazer/py-intro', + cover: 'https://i.ytimg.com/vi/hVMaPBrWvAo/hqdefault.jpg', + datetime: '2025-01-12', + }, + { + title: 'Taming Dependency Chaos for LLM in K8s', + author: { + name: 'Neko', + link: 'https://github.com/nekomeowww', + }, + at: 'KubeCon 2025 China', + slidesLink: 'https://baizeai.github.io/talks/2025-06-11-kubecon-hk/', + sourceLink: 'https://github.com/BaizeAI/talks/tree/main/packages/2025-06-11-kubecon-hk', + cover: 'https://raw.githubusercontent.com/BaizeAI/talks/main/packages/2025-06-11-kubecon-hk/public/screenshot.png', + datetime: '2025-06-11', + }, + { + title: 'Single Image Super-Resolution Based on Capsule Neural Networks', + author: { + name: 'George Corrêa de Araújo', + link: 'https://george-gca.github.io/', + }, + at: 'Brazilian Conference on Intelligent Systems 2023', + slidesLink: 'https://george-gca.github.io/bracis_2023_srcaps/', + sourceLink: 'https://github.com/george-gca/bracis_2023_srcaps', + cover: 'https://raw.githubusercontent.com/george-gca/bracis_2023_srcaps/refs/heads/main/cover.png', + datetime: '2023-09-27', + }, + { + title: 'Threat Modeling', + author: { + name: 'guisso', + link: 'https://github.com/fguisso', + }, + at: 'OWASP Meetup', + slidesLink: 'https://guisso.dev/talks/threat-modeling', + sourceLink: 'https://github.com/fguisso/talks/tree/main/slides/threat-modeling', + cover: 'https://guisso.dev/posts/threat-modeling-intro/featured-threat-modeling_hu12396ec5bf9ecba1dda33f1443a5eb10_76776_600x0_resize_box_3.png', + datetime: '2023-09-22', + }, + { + title: 'A 14-year journey developing nCine, an open-source 2D game framework', + author: { + name: 'Angelo Theodorou', + link: 'https://encelo.github.io', + }, + at: '/dev/games/2025', + slidesLink: 'https://encelo.github.io/nCine_14Years_Presentation/', + sourceLink: 'https://github.com/encelo/nCine_14Years_Presentation', + cover: 'https://i.imgur.com/AbTdfhg.png', + datetime: '2025-06-05', + }, + { + title: 'Reverse Engineering Denuvo in Hogwarts Legacy', + author: { + name: 'Maurice Heumann', + link: 'https://momo5502.com', + }, + at: 'Navaja Negra 2025', + slidesLink: 'https://momo5502.com/slides/denuvo', + sourceLink: 'https://github.com/momo5502/denuvo-slides', + cover: 'https://raw.githubusercontent.com/momo5502/denuvo-slides/refs/heads/master/images/preview.png', + datetime: '2025-10-03', + }, // Add yours here! { - title: 'Yours?', + title: 'あなたのスライドも？', author: { name: '', }, - at: 'Submit your talk/presentation to be list here!', - slidesLink: 'https://github.com/slidevjs/docs/edit/main/.vitepress/showcases.ts', + at: 'ここにあなたのトークやプレゼンテーションを掲載してみませんか？', + slidesLink: 'https://github.com/slidevjs/slidev/edit/main/docs/.vitepress/showcases.ts', cover: `${import.meta.env.BASE_URL}theme-placeholder.png`, - datetime: '2021-04-29', + datetime: '2020-1-1', }, -] +].sort((a, b) => new Date(b.datetime).getTime() - new Date(a.datetime).getTime()) diff --git a/.vitepress/sidebar-gen.ts b/.vitepress/sidebar-gen.ts new file mode 100644 index 00000000..72a20590 --- /dev/null +++ b/.vitepress/sidebar-gen.ts @@ -0,0 +1,137 @@ +import type { DefaultTheme } from 'vitepress' +import { join } from 'node:path' +import { fileURLToPath } from 'node:url' +import fg from 'fast-glob' +import graymatter from 'gray-matter' + +const root = fileURLToPath(new URL('../', import.meta.url)) + +interface ParsedFile { + filepath: string + path: string + matter: graymatter.GrayMatterFile + title: string +} + +function parseFile(file: string) { + const filepath = join(root, file) + const path = file.replace('docs/', '').replace('.md', '') + const matter = graymatter.read(filepath) + const title = matter.data.title || matter.content.match(/^#\s+(.*)/m)?.[1] || path + return { + filepath, + path, + matter, + title, + } +} + +export async function getSidebarObject() { + const map: Record = {} + + const parsedFeatures: ParsedFile[] = await fg([ + 'features/*.md', + ], { + onlyFiles: true, + cwd: root, + }) + .then(files => files.map(parseFile)) + + const parsedGuides: ParsedFile[] = await fg([ + 'guide/*.md', + ], { + onlyFiles: true, + cwd: root, + }) + .then(files => files.map(parseFile)) + + parsedFeatures.forEach(({ matter, path }) => { + const items: DefaultTheme.SidebarItem[] = [ + { + text: '上位ページに戻る', + items: [ + { + text: 'すべての機能', + link: '/features', + }, + ], + }, + ] + + function findParsed(related: string) { + related = related.replace(/#.*$/, '') + const feature = parsedFeatures.find(file => file.path === related) + if (feature) { + return { + type: 'features', + item: feature, + } + } + const guide = parsedGuides.find(file => file.path === related) + if (guide) { + return { + type: 'guide', + item: guide, + } + } + return undefined + } + + function frontmatterToSidebarItem(path: string | Record): DefaultTheme.SidebarItem[] { + if (typeof path === 'string') { + const match = findParsed(path) + if (match?.type === 'features') { + return [{ + text: `✨ ${match.item.title}`, + link: `/${match.item.path}`, + }] + } + if (match?.type === 'guide') { + return [{ + text: `📖 ${match.item.title}`, + link: `/${match.item.path}`, + }] + } + console.warn(`Dependent file not found: ${path}`) + return [{ + text: path, + link: `/${path}`, + }] + } + else { + return Object.entries(path).map(([text, link]) => ({ + text, + link, + })) + } + } + + if (matter.data.depends) { + items.push({ + text: '依存機能', + items: matter.data.depends.flatMap(frontmatterToSidebarItem), + }) + } + + if (matter.data.relates) { + items.push({ + text: '関連機能', + items: matter.data.relates.flatMap(frontmatterToSidebarItem), + }) + } + + const derives = matter.data.derives + ?? parsedFeatures.filter(f => f.matter.data.depends?.includes(path)).map(f => f.path) + + if (derives.length) { + items.push({ + text: 'Derives', + items: derives.flatMap(frontmatterToSidebarItem), + }) + } + + map[`/${path}`] = items + }) + + return map +} diff --git a/.vitepress/theme/Layout.vue b/.vitepress/theme/Layout.vue deleted file mode 100644 index b11f593d..00000000 --- a/.vitepress/theme/Layout.vue +++ /dev/null @@ -1,168 +0,0 @@ - - - - - diff --git a/.vitepress/theme/NotFound.vue b/.vitepress/theme/NotFound.vue deleted file mode 100644 index 999af587..00000000 --- a/.vitepress/theme/NotFound.vue +++ /dev/null @@ -1,20 +0,0 @@ - - - diff --git a/.vitepress/theme/components/AddonGallery.vue b/.vitepress/theme/components/AddonGallery.vue new file mode 100644 index 00000000..5b38da33 --- /dev/null +++ b/.vitepress/theme/components/AddonGallery.vue @@ -0,0 +1,18 @@ + + + diff --git a/.vitepress/theme/components/AddonInfo.vue b/.vitepress/theme/components/AddonInfo.vue new file mode 100644 index 00000000..17c11071 --- /dev/null +++ b/.vitepress/theme/components/AddonInfo.vue @@ -0,0 +1,57 @@ + + + diff --git a/.vitepress/theme/components/AlgoliaSearchBox.vue b/.vitepress/theme/components/AlgoliaSearchBox.vue deleted file mode 100644 index 3961a510..00000000 --- a/.vitepress/theme/components/AlgoliaSearchBox.vue +++ /dev/null @@ -1,173 +0,0 @@ - - - - - diff --git a/.vitepress/theme/components/BooleanDisplay.vue b/.vitepress/theme/components/BooleanDisplay.vue deleted file mode 100644 index 3aa15b7e..00000000 --- a/.vitepress/theme/components/BooleanDisplay.vue +++ /dev/null @@ -1,27 +0,0 @@ - - - diff --git a/.vitepress/theme/components/DarkModeSwitch.vue b/.vitepress/theme/components/DarkModeSwitch.vue deleted file mode 100644 index a3c39a0b..00000000 --- a/.vitepress/theme/components/DarkModeSwitch.vue +++ /dev/null @@ -1,13 +0,0 @@ - - - diff --git a/.vitepress/theme/components/demo/Demo.vue b/.vitepress/theme/components/Demo.vue similarity index 68% rename from .vitepress/theme/components/demo/Demo.vue rename to .vitepress/theme/components/Demo.vue index d6106de1..19957889 100644 --- a/.vitepress/theme/components/demo/Demo.vue +++ b/.vitepress/theme/components/Demo.vue @@ -1,20 +1,22 @@