@naiheyoung/use 0.0.1 → 0.0.4

package/dist/templates/npm-publish.yml

@@ -0,0 +1,54 @@
+name: Publish to npm
+
+on:
+  push:
+    branches:
+      - main
+  workflow_dispatch:
+
+permissions:
+  id-token: write
+  contents: read
+
+jobs:
+  check-version:
+    runs-on: ubuntu-latest
+    outputs:
+      is_version: ${{ steps.check.outputs.is_version }}
+    steps:
+      - name: Check commit message
+        id: check
+        run: |
+          COMMIT_MSG="${{ github.event.head_commit.message }}"
+          echo "Commit message: $COMMIT_MSG"
+
+          if echo "$COMMIT_MSG" | grep -Eq '^[0-9]+\.[0-9]+\.[0-9]+$'; then
+            echo "is_version=true" >> "$GITHUB_OUTPUT"
+          else
+            echo "is_version=false" >> "$GITHUB_OUTPUT"
+          fi
+
+  publish:
+    needs: check-version
+    if: needs.check-version.outputs.is_version == 'true'
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v6
+
+      - uses: pnpm/action-setup@v4
+
+      - uses: actions/setup-node@v5
+        with:
+          node-version: lts/*
+          cache: pnpm
+          registry-url: 'https://registry.npmjs.org'
+
+      - name: Install
+        run: pnpm i --frozen-lockfile
+
+      - name: Build
+        run: pnpm build
+
+      - name: Publish
+        run: pnpm publish --provenance --access public

package/dist/templates/prose.css

@@ -1,386 +1,487 @@
-/* Powered by @naiheyoung/use. 奈何*/
-@import '@naiheyoung/color';
-
-/* dm-mono-latin-400-normal */
-@font-face {
-  font-family: 'DM Mono';
-  font-style: normal;
-  font-display: swap;
-  font-weight: 400;
-  src:
-    url(https://cdn.jsdelivr.net/fontsource/fonts/dm-mono@latest/latin-400-normal.woff2)
-      format('woff2'),
-    url(https://cdn.jsdelivr.net/fontsource/fonts/dm-mono@latest/latin-400-normal.woff)
-      format('woff');
-  unicode-range:
-    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308,
-    U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-
-/* dm-mono-latin-500-normal */
-@font-face {
-  font-family: 'DM Mono';
-  font-style: normal;
-  font-display: swap;
-  font-weight: 500;
-  src:
-    url(https://cdn.jsdelivr.net/fontsource/fonts/dm-mono@latest/latin-500-normal.woff2)
-      format('woff2'),
-    url(https://cdn.jsdelivr.net/fontsource/fonts/dm-mono@latest/latin-500-normal.woff)
-      format('woff');
-  unicode-range:
-    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308,
-    U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-
-/* dm-sans-latin-wght-normal */
-@font-face {
-  font-family: 'DM Sans Variable';
-  font-style: normal;
-  font-display: swap;
-  font-weight: 100 1000;
-  src: url(https://cdn.jsdelivr.net/fontsource/fonts/dm-sans:vf@latest/latin-wght-normal.woff2)
-    format('woff2-variations');
-  unicode-range:
-    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308,
-    U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-
-/* jetbrains-mono-latin-wght-normal */
-@font-face {
-  font-family: 'JetBrains Mono Variable';
-  font-style: normal;
-  font-display: swap;
-  font-weight: 100 800;
-  src: url(https://cdn.jsdelivr.net/fontsource/fonts/jetbrains-mono:vf@latest/latin-wght-normal.woff2)
-    format('woff2-variations');
-  unicode-range:
-    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308,
-    U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-
-:root,
-:host {
-  --font-mono: 'DM Mono', monospace;
-  --font-sans: 'DM Sans Variable', monospace;
-  --font-code: 'JetBrains Mono Variable', monospace;
-}
-
-:root {
-  --shiki-dark-bg-0: #151515;
-  --prose-padding-block: 12px;
-  --prose-padding-inline: 1.5rem;
-  --prose-radius: 0.5rem;
-  --prose-diff-add-color: #3dd68c;
-  --prose-diff-remove-color: #cb7676;
-  --prose-highlighted-bg-color: rgba(101, 117, 133, 0.16);
-  --prose-highlighted-word-color: #e6a817;
-  --prose-focused-opacity: 0.7;
-  --prose-focused-blur: 0.095rem;
-  --prose-li-fg: var(--colors-pink-rgb);
-}
-
-.prose h1 {
-  font-weight: 800;
-  font-size: 2.25em;
-  margin-top: 0;
-  margin-bottom: 0.8888889em;
-  line-height: 1.1111111;
-}
-
-.prose h2 {
-  font-weight: 700;
-  font-size: 1.5em;
-  margin-top: 2em;
-  margin-bottom: 1em;
-  line-height: 1.3333333;
-}
-
-.prose h3 {
-  color: inherit;
-  font-weight: 600;
-  font-size: 1.25em;
-  margin-top: 1.6em;
-  margin-bottom: 0.6em;
-  line-height: 1.6;
-  opacity: 0.7;
-}
-
-.prose h4 {
-  color: inherit;
-  font-weight: 600;
-  margin-top: 1.5em;
-  margin-bottom: 0.5em;
-  line-height: 1.5;
-}
-
-html.dark .prose .has-diff span.diff::before {
-  position: absolute;
-  left: calc(var(--prose-padding-inline) / 3);
-  transition: color 0.35s;
-}
-
-html.dark .prose .has-diff span.diff.add::before {
-  content: '+';
-  color: var(--prose-diff-add-color);
-}
-
-html.dark .prose .has-diff span.diff.remove {
-  opacity: 0.85;
-
-  &::before {
-    content: '-';
-    color: var(--prose-diff-remove-color);
-  }
-}
-
-html.dark .prose .has-highlighted span.highlighted {
-  background-color: var(--prose-highlighted-bg-color);
-  transition: background-color 0.35s;
-  width: calc(100% + (var(--prose-padding-inline) * 2));
-  display: inline-block;
-  margin-inline: -1.5rem;
-  padding-inline: var(--prose-padding-inline);
-}
-
-html.dark .prose .shiki span.highlighted-word {
-  padding: 1px 3px;
-  margin: -1px -3px;
-  border-radius: 3px;
-  text-decoration: var(--prose-highlighted-word-color) underline;
-}
-
-html.dark .prose .has-focused .line:not(.focused) {
-  opacity: var(--prose-focused-opacity);
-  filter: blur(var(--prose-focused-blur));
-  transition:
-    opacity 0.35s,
-    filter 0.35s;
-}
-
-html.dark .prose .has-focused:hover .line:not(.focused) {
-  opacity: 1;
-  filter: blur(0);
-}
-
-.prose hr {
-  height: 1rem;
-}
-
-.prose mark,
-.prose code:not(.shiki code) {
-  background-color: #fe5a1d;
-  border-radius: 3px;
-  padding: 1px 3px;
-  font-size: 0.875rem;
-  font-weight: 500;
-  color: marktext;
-}
-
-.prose blockquote {
-  position: relative;
-  font-weight: 500;
-  font-style: italic;
-  color: inherit;
-  margin-block: 1.6em;
-  padding-left: 1em;
-  padding-block: 0.5em;
-
-  &::before {
-    position: absolute;
-    content: '';
-    width: 0.25rem;
-    background-color: rgba(125, 125, 125, 0.3);
-    top: 0.6rem;
-    bottom: 0.4rem;
-    border-radius: 3px;
-    left: 0;
-  }
-}
-
-.prose > p,
-.markdown-alert > p {
-  margin-block: 1.25em;
-}
-
-.prose .markdown-magic-link {
-  display: flex;
-  gap: 3px;
-  font-size: 0.875rem;
-  color: rgba(0, 0, 0, 0.55);
-  align-items: center;
-
-  &.markdown-magic-link-github-at {
-    background-color: rgba(0, 0, 0, 0.1);
-    border-radius: 1.5em;
-    width: fit-content;
-    padding-right: 0.6em;
-    transition: background-color 0.35s;
-
-    &:hover {
-      background-color: rgba(0, 0, 0, 0.15);
-    }
-  }
-
-  & .markdown-magic-link-image {
-    display: inline-block;
-    width: 1.5em;
-    height: 1.5em;
-    background-size: cover;
-    background-repeat: no-repeat;
-    background-position: center;
-    border-radius: 50%;
-  }
-}
-
-html.dark .prose .markdown-magic-link {
-  color: rgba(255, 255, 255, 0.55);
-
-  &.markdown-magic-link-github-at {
-    background-color: rgba(255, 255, 255, 0.1);
-
-    &:hover {
-      background-color: rgba(255, 255, 255, 0.15);
-    }
-  }
-}
-
-.prose ul {
-  padding: 1rem;
-
-  > li {
-    position: relative;
-    padding-inline: 2rem;
-    padding-bottom: 1.5rem;
-    font-size: 1.25rem;
-
-    &::before {
-      position: absolute;
-      content: '';
-      width: 0.625rem;
-      height: 0.625rem;
-      left: 0;
-      top: 0.7rem;
-      border-radius: 50%;
-      background: rgb(var(--prose-li-fg));
-      box-shadow: 0 0 0 0.25rem rgb(var(--prose-li-fg) / 0.3);
-      animation: living 2s infinite;
-      animation-delay: calc(0.2s * var(--living-delay));
-    }
-    &::after {
-      position: absolute;
-      content: '';
-      width: 1px;
-      height: 100%;
-      background-color: #a3a3a31a;
-      left: 0.3125rem;
-      top: 0.925rem;
-      z-index: -1;
-    }
-  }
-
-  > li:last-child::after {
-    height: 0;
-  }
-}
-
-@keyframes living {
-  0% {
-    box-shadow: 0 0 0 0.25rem rgb(var(--prose-li-fg) / 0.3);
-  }
-  50% {
-    box-shadow: 0 0 0 0.35rem rgb(var(--prose-li-fg) / 0.3);
-  }
-  100% {
-    box-shadow: 0 0 0 0.25rem rgb(var(--prose-li-fg) / 0.3);
-  }
-}
-
-.prose ul > li:nth-child(1) {
-  --living-delay: 0;
-}
-.prose ul > li:nth-child(2) {
-  --living-delay: 1;
-}
-.prose ul > li:nth-child(3) {
-  --living-delay: 2;
-}
-.prose ul > li:nth-child(4) {
-  --living-delay: 3;
-}
-.prose ul > li:nth-child(5) {
-  --living-delay: 4;
-}
-
-.prose p > a:not(:has(img, picture, figure, figcaption)) {
-  position: relative;
-
-  &::after {
-    position: absolute;
-    content: '';
-    width: 0;
-    height: 3px;
-    background-color: rgb(var(--colors-d-rgb) / 0.47);
-    border-radius: var(--spacing);
-    bottom: -2px;
-    left: 50%;
-    transform: translateX(-50%);
-    transition: width 0.25s;
-  }
-  &:hover::after {
-    width: 95%;
-  }
-}
-
-.prose p > a.prose-link {
-  position: relative;
-
-  & [type='detail'] {
-    color: rgb(var(--colors-nord13-rgb) / 0.37);
-    > svg {
-      display: inline;
-      color: rgb(var(--colors-nord13-rgb) / 0.9);
-      margin-right: 0.0875em;
-    }
-  }
-  & [type='repo'] {
-    color: rgb(var(--colors-yellow-rgb) / 0.67);
-    > svg {
-      display: inline;
-      color: rgb(var(--colors-yellow-rgb) / 0.9);
-      margin-right: 0.0875em;
-    }
-  }
-  & [type='user'] {
-    color: rgb(var(--colors-pink-rgb) / 0.87);
-    > svg {
-      display: inline;
-      color: rgb(var(--colors-pink-rgb) / 0.9);
-      margin-right: 0.0875em;
-    }
-  }
-  &:has([type='user'])::after {
-    background: linear-gradient(-90deg, rgb(var(--colors-pink-rgb) / 0.87), transparent);
-  }
-  &:has([type='repo'])::after {
-    background: linear-gradient(
-      -90deg,
-      rgb(var(--colors-pink-rgb) / 0.87),
-      rgb(var(--colors-yellow-rgb) / 0.67)
-    );
-  }
-  &:has([type='detail'])::after {
-    background: linear-gradient(
-      -90deg,
-      rgb(var(--colors-yellow-rgb) / 0.67),
-      rgb(var(--colors-nord13-rgb) / 0.37)
-    );
-  }
-}
-
-.prose p > a.prose-link > span > svg {
-  display: inline;
-  margin-right: 0.0875em;
-  width: 1em;
-  height: 1em;
-}
+/* Powered by @naiheyoung/use. 奈何*/
+@import '@naiheyoung/color';
+
+/* dm-mono-latin-400-normal */
+@font-face {
+  font-family: 'DM Mono';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src:
+    url(https://cdn.jsdelivr.net/fontsource/fonts/dm-mono@latest/latin-400-normal.woff2)
+      format('woff2'),
+    url(https://cdn.jsdelivr.net/fontsource/fonts/dm-mono@latest/latin-400-normal.woff)
+      format('woff');
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308,
+    U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* dm-mono-latin-500-normal */
+@font-face {
+  font-family: 'DM Mono';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 500;
+  src:
+    url(https://cdn.jsdelivr.net/fontsource/fonts/dm-mono@latest/latin-500-normal.woff2)
+      format('woff2'),
+    url(https://cdn.jsdelivr.net/fontsource/fonts/dm-mono@latest/latin-500-normal.woff)
+      format('woff');
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308,
+    U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* dm-sans-latin-wght-normal */
+@font-face {
+  font-family: 'DM Sans Variable';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 100 1000;
+  src: url(https://cdn.jsdelivr.net/fontsource/fonts/dm-sans:vf@latest/latin-wght-normal.woff2)
+    format('woff2-variations');
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308,
+    U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* jetbrains-mono-latin-wght-normal */
+@font-face {
+  font-family: 'JetBrains Mono Variable';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 100 800;
+  src: url(https://cdn.jsdelivr.net/fontsource/fonts/jetbrains-mono:vf@latest/latin-wght-normal.woff2)
+    format('woff2-variations');
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308,
+    U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+:root,
+:host {
+  --font-mono: 'DM Mono', monospace;
+  --font-sans: 'DM Sans Variable', monospace;
+  --font-code: 'JetBrains Mono Variable', monospace;
+}
+
+:root {
+  --shiki-dark-bg-0: #151515;
+  --prose-pre-padding-block: 12px;
+  --prose-pre-code-padding-inline: 1.5rem;
+  --prose-pre-radius: 0.5rem;
+  --prose-diff-add-color: #3dd68c;
+  --prose-diff-add-bg-color: rgb(61 214 140 / 0.18);
+  --prose-diff-remove-color: #cb7676;
+  --prose-diff-remove-bg-color: rgb(203 118 118 / 0.18);
+  --prose-highlighted-bg-color: rgb(136 136 136 / 0.13);
+  --prose-l-highlighted-word-color: #ff8282;
+  --prose-highlighted-word-color: #e6a817;
+  --prose-focused-opacity: 0.7;
+  --prose-focused-blur: 0.095rem;
+  --prose-li-fg: var(--colors-pink-rgb);
+  --prose-hr-block: 1.5rem;
+  --prose-hr-fg: rgb(var(--colors-d-rgb) / 0.65);
+}
+
+.prose h1 {
+  font-weight: 800;
+  font-size: 2.25em;
+  margin-top: 0;
+  margin-bottom: 0.8888889em;
+  line-height: 1.1111111;
+}
+
+.prose h2 {
+  font-weight: 700;
+  font-size: 1.5em;
+  margin-top: 2em;
+  margin-bottom: 1em;
+  line-height: 1.3333333;
+}
+
+.prose h3 {
+  color: inherit;
+  font-weight: 600;
+  font-size: 1.25em;
+  margin-top: 1.6em;
+  margin-bottom: 0.6em;
+  line-height: 1.6;
+  opacity: 0.7;
+}
+
+.prose h4 {
+  color: inherit;
+  font-weight: 600;
+  margin-top: 1.5em;
+  margin-bottom: 0.5em;
+  line-height: 1.5;
+}
+
+html.dark .prose .shiki {
+  color: var(--shiki-dark);
+  background-color: var(--shiki-dark-bg-0);
+
+  & span {
+    color: var(--shiki-dark);
+  }
+}
+
+html .prose .shiki {
+  color: var(--shiki-light);
+  background-color: var(--shiki-light-bg);
+  border-radius: var(--prose-pre-radius);
+
+  & span {
+    color: var(--shiki-light);
+  }
+}
+
+.prose .shiki {
+  position: relative;
+  padding-block: var(--prose-pre-padding-block);
+  margin-block: 0.5rem;
+
+  > code {
+    display: block;
+    line-height: 1.7;
+    padding-inline: var(--prose-pre-code-padding-inline);
+  }
+}
+
+.prose .has-diff span.diff {
+  width: calc(100% + (var(--prose-pre-code-padding-inline) * 2));
+  display: inline-block;
+  margin-inline: calc(-1 * var(--prose-pre-code-padding-inline));
+  padding-inline: var(--prose-pre-code-padding-inline);
+
+  &::before {
+    position: absolute;
+    left: calc(var(--prose-pre-code-padding-inline) / 3);
+    transition: color 0.35s;
+  }
+}
+
+html.dark .prose .has-diff span.diff {
+  background: unset;
+}
+
+.prose .has-diff span.diff.add {
+  background-color: var(--prose-diff-add-bg-color);
+
+  &::before {
+    content: '+';
+    color: var(--prose-diff-add-color);
+  }
+}
+
+.prose .has-diff span.diff.remove {
+  opacity: 0.75;
+  background-color: var(--prose-diff-remove-bg-color);
+
+  &::before {
+    content: '-';
+    color: var(--prose-diff-remove-color);
+  }
+}
+
+html.dark .prose .has-diff span.diff.remove {
+  opacity: 0.85;
+}
+
+.prose .has-highlighted span.highlighted,
+.prose span.highlighted {
+  background-color: var(--prose-highlighted-bg-color);
+  transition: background-color 0.35s;
+  width: calc(100% + (var(--prose-pre-code-padding-inline) * 2));
+  display: inline-block;
+  margin-inline: calc(-1 * var(--prose-pre-code-padding-inline));
+  padding-inline: var(--prose-pre-code-padding-inline);
+}
+
+.prose .shiki span.highlighted-word {
+  padding: 1px 3px;
+  margin: -1px -3px;
+  border-radius: 3px;
+  text-decoration: var(--prose-l-highlighted-word-color) underline;
+}
+
+html.dark .prose .shiki span.highlighted-word {
+  text-decoration: var(--prose-highlighted-word-color) underline;
+}
+
+.prose .has-focused .line:not(.focused) {
+  opacity: var(--prose-focused-opacity);
+  filter: blur(var(--prose-focused-blur));
+  transition:
+    opacity 0.35s,
+    filter 0.35s;
+}
+
+.prose .has-focused:hover .line:not(.focused) {
+  opacity: 1;
+  filter: blur(0);
+}
+
+.prose hr {
+  margin-block: var(--prose-hr-block);
+  color: var(--prose-hr-fg);
+}
+
+.prose mark,
+.prose code:not(.shiki code) {
+  background-color: #fe5a1d;
+  border-radius: 3px;
+  padding: 1px 3px;
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: marktext;
+}
+
+.prose blockquote {
+  position: relative;
+  font-weight: 500;
+  font-style: italic;
+  color: inherit;
+  margin-block: 1.6em;
+  padding-left: 1em;
+  padding-block: 0.5em;
+
+  &::before {
+    position: absolute;
+    content: '';
+    width: 0.25rem;
+    background-color: rgb(125 125 125 / 0.3);
+    top: 0.6rem;
+    bottom: 0.4rem;
+    border-radius: 3px;
+    left: 0;
+  }
+}
+
+.prose > p,
+.markdown-alert > p {
+  margin-block: 1.25em;
+}
+
+.prose .markdown-magic-link {
+  display: flex;
+  gap: 3px;
+  font-size: 0.875rem;
+  color: rgb(0 0 0 / 0.55);
+  align-items: center;
+
+  &.markdown-magic-link-github-at {
+    background-color: rgb(0 0 0 / 0.1);
+    border-radius: 1.5em;
+    width: fit-content;
+    padding-right: 0.6em;
+    transition: background-color 0.35s;
+
+    &:hover {
+      background-color: rgb(0 0 0 / 0.15);
+    }
+  }
+
+  & .markdown-magic-link-image {
+    display: inline-block;
+    width: 1.5em;
+    height: 1.5em;
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-position: center;
+    border-radius: 50%;
+  }
+}
+
+html.dark .prose .markdown-magic-link {
+  color: rgb(255 255 255 / 0.55);
+
+  &.markdown-magic-link-github-at {
+    background-color: rgb(255 255 255 / 0.1);
+
+    &:hover {
+      background-color: rgb(255 255 255 / 0.15);
+    }
+  }
+}
+
+.prose ul {
+  padding: 1rem;
+
+  > li {
+    position: relative;
+    padding-inline: 2rem;
+    padding-bottom: 1.5rem;
+    font-size: 1.25rem;
+
+    &::before {
+      position: absolute;
+      content: '';
+      width: 0.625rem;
+      height: 0.625rem;
+      left: 0;
+      top: 0.7rem;
+      border-radius: 50%;
+      background: rgb(var(--prose-li-fg));
+      box-shadow: 0 0 0 0.25rem rgb(var(--prose-li-fg) / 0.3);
+      animation: living 2s infinite;
+      animation-delay: calc(0.2s * var(--living-delay));
+    }
+    &::after {
+      position: absolute;
+      content: '';
+      width: 1px;
+      height: 100%;
+      background-color: #a3a3a31a;
+      left: 0.3125rem;
+      top: 0.925rem;
+      z-index: -1;
+    }
+  }
+
+  > li:last-child::after {
+    height: 0;
+  }
+}
+
+.prose ol {
+  padding: 1rem;
+  counter-reset: orderedCounter;
+
+  > li {
+    position: relative;
+    counter-increment: orderedCounter;
+    position: relative;
+    padding-inline: 2.5rem;
+    padding-bottom: 1.5rem;
+    font-size: 1.25rem;
+
+    &::before {
+      position: absolute;
+      content: counter(orderedCounter, decimal-leading-zero) '.';
+      left: -3px;
+    }
+
+    & li:last-child {
+      padding-bottom: unset;
+    }
+  }
+}
+
+@keyframes living {
+  0% {
+    box-shadow: 0 0 0 0.25rem rgb(var(--prose-li-fg) / 0.3);
+  }
+  50% {
+    box-shadow: 0 0 0 0.35rem rgb(var(--prose-li-fg) / 0.3);
+  }
+  100% {
+    box-shadow: 0 0 0 0.25rem rgb(var(--prose-li-fg) / 0.3);
+  }
+}
+
+.prose ul > li:nth-child(1) {
+  --living-delay: 0;
+}
+.prose ul > li:nth-child(2) {
+  --living-delay: 1;
+}
+.prose ul > li:nth-child(3) {
+  --living-delay: 2;
+}
+.prose ul > li:nth-child(4) {
+  --living-delay: 3;
+}
+.prose ul > li:nth-child(5) {
+  --living-delay: 4;
+}
+
+.prose p > a:not(:has(img, picture, figure, figcaption)) {
+  position: relative;
+
+  &::after {
+    position: absolute;
+    content: '';
+    width: 0;
+    height: 3px;
+    background-color: rgb(var(--colors-d-rgb) / 0.47);
+    border-radius: var(--spacing);
+    bottom: -2px;
+    left: 50%;
+    transform: translateX(-50%);
+    transition: width 0.25s;
+  }
+  &:hover::after {
+    width: 95%;
+  }
+}
+
+.prose p > a.prose-link {
+  position: relative;
+
+  & [type='detail'] {
+    color: rgb(var(--colors-nord13-rgb) / 0.37);
+    > svg {
+      display: inline;
+      color: rgb(var(--colors-nord13-rgb) / 0.9);
+      margin-right: 0.0875em;
+    }
+  }
+  & [type='repo'] {
+    color: rgb(var(--colors-yellow-rgb) / 0.67);
+    > svg {
+      display: inline;
+      color: rgb(var(--colors-yellow-rgb) / 0.9);
+      margin-right: 0.0875em;
+    }
+  }
+  & [type='user'] {
+    color: rgb(var(--colors-pink-rgb) / 0.87);
+    > svg {
+      display: inline;
+      color: rgb(var(--colors-pink-rgb) / 0.9);
+      margin-right: 0.0875em;
+    }
+  }
+  &:has([type='user'])::after {
+    background: linear-gradient(-90deg, rgb(var(--colors-pink-rgb) / 0.87), transparent);
+  }
+  &:has([type='repo'])::after {
+    background: linear-gradient(
+      -90deg,
+      rgb(var(--colors-pink-rgb) / 0.87),
+      rgb(var(--colors-yellow-rgb) / 0.67)
+    );
+  }
+  &:has([type='detail'])::after {
+    background: linear-gradient(
+      -90deg,
+      rgb(var(--colors-yellow-rgb) / 0.67),
+      rgb(var(--colors-nord13-rgb) / 0.37)
+    );
+  }
+}
+
+.prose p > a.prose-link > span > svg {
+  display: inline;
+  margin-right: 0.0875em;
+  width: 1em;
+  height: 1em;
+}
+
+.prose p > a:not(.prose-link, .markdown-magic-link) {
+  animation: breathing 2.5s infinite;
+}
+
+@keyframes breathing {
+  0%,
+  100% {
+    opacity: 1;
+  }
+  40%,
+  60% {
+    opacity: 0.3;
+  }
+}

package/dist/templates/shiki.bundle.ts

@@ -0,0 +1,121 @@
+/* Generate by @shikijs/codegen */
+import type {
+  DynamicImportLanguageRegistration,
+  DynamicImportThemeRegistration,
+  HighlighterGeneric
+} from '@shikijs/types'
+import { createBundledHighlighter, createSingletonShorthands } from '@shikijs/core'
+import { createJavaScriptRegexEngine } from '@shikijs/engine-javascript'
+import {
+  transformerNotationDiff,
+  transformerNotationHighlight,
+  transformerNotationWordHighlight,
+  transformerNotationFocus,
+  transformerMetaHighlight,
+  transformerMetaWordHighlight,
+  transformerRemoveNotationEscape
+} from '@shikijs/transformers'
+
+type BundledLanguage =
+  | 'bash'
+  | 'sh'
+  | 'bat'
+  | 'css'
+  | 'diff'
+  | 'docker'
+  | 'html'
+  | 'http'
+  | 'java'
+  | 'js'
+  | 'json'
+  | 'lua'
+  | 'md'
+  | 'nginx'
+  | 'py'
+  | 'ps'
+  | 'plain'
+  | 'regex'
+  | 'sql'
+  | 'ts'
+  | 'vim'
+  | 'vue'
+  | 'xml'
+  | 'yml'
+type BundledTheme = 'vitesse-dark' | 'vitesse-light'
+type Highlighter = HighlighterGeneric<BundledLanguage, BundledTheme>
+
+const bundledLanguages = {
+  bash: () => import('@shikijs/langs/shellscript'),
+  sh: () => import('@shikijs/langs/shellscript'),
+  bat: () => import('@shikijs/langs/bat'),
+  css: () => import('@shikijs/langs/css'),
+  diff: () => import('@shikijs/langs/diff'),
+  docker: () => import('@shikijs/langs/docker'),
+  html: () => import('@shikijs/langs/html'),
+  http: () => import('@shikijs/langs/http'),
+  java: () => import('@shikijs/langs/java'),
+  js: () => import('@shikijs/langs/javascript'),
+  json: () => import('@shikijs/langs/json'),
+  lua: () => import('@shikijs/langs/lua'),
+  md: () => import('@shikijs/langs/markdown'),
+  nginx: () => import('@shikijs/langs/nginx'),
+  py: () => import('@shikijs/langs/python'),
+  ps: () => import('@shikijs/langs/powershell'),
+  plain: () => import('@shikijs/langs/tex'),
+  regex: () => import('@shikijs/langs/regexp'),
+  sql: () => import('@shikijs/langs/sql'),
+  ts: () => import('@shikijs/langs/typescript'),
+  vim: () => import('@shikijs/langs/viml'),
+  vue: () => import('@shikijs/langs/vue'),
+  xml: () => import('@shikijs/langs/xml'),
+  yml: () => import('@shikijs/langs/yaml')
+} as Record<BundledLanguage, DynamicImportLanguageRegistration>
+
+const bundledThemes = {
+  'vitesse-dark': () => import('@shikijs/themes/vitesse-dark'),
+  'vitesse-light': () => import('@shikijs/themes/vitesse-light')
+} as Record<BundledTheme, DynamicImportThemeRegistration>
+
+const createHighlighter = /* @__PURE__ */ createBundledHighlighter<
+  BundledLanguage,
+  BundledTheme
+>({
+  langs: bundledLanguages,
+  themes: bundledThemes,
+  engine: () => createJavaScriptRegexEngine()
+})
+
+const {
+  codeToHtml,
+  codeToHast,
+  codeToTokensBase,
+  codeToTokens,
+  codeToTokensWithThemes,
+  getSingletonHighlighter,
+  getLastGrammarState
+} = /* @__PURE__ */ createSingletonShorthands<BundledLanguage, BundledTheme>(createHighlighter)
+
+const transformers = [
+  transformerNotationDiff(),
+  transformerNotationHighlight(),
+  transformerNotationWordHighlight(),
+  transformerNotationFocus(),
+  transformerMetaHighlight(),
+  transformerMetaWordHighlight(),
+  transformerRemoveNotationEscape()
+]
+
+export {
+  bundledLanguages,
+  bundledThemes,
+  codeToHast,
+  codeToHtml,
+  codeToTokens,
+  codeToTokensBase,
+  codeToTokensWithThemes,
+  createHighlighter,
+  getLastGrammarState,
+  getSingletonHighlighter,
+  transformers
+}
+export type { BundledLanguage, BundledTheme, Highlighter }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@naiheyoung/use",
-  "version": "0.0.1",
+  "version": "0.0.4",
   "description": "Files used for personal development.",
   "homepage": "https://github.com/naiheyoung/use#readme",
   "author": "Naihe",
@@ -29,8 +29,14 @@
     "README.md"
   ],
   "devDependencies": {
+    "@shikijs/core": "^3.21.0",
+    "@shikijs/engine-javascript": "^3.21.0",
+    "@shikijs/langs": "^3.21.0",
+    "@shikijs/themes": "^3.21.0",
+    "@shikijs/transformers": "^3.21.0",
+    "@shikijs/types": "^3.21.0",
     "@types/fs-extra": "^11.0.4",
-    "@types/node": "^25.0.5",
+    "@types/node": "^25.0.6",
     "@types/prompts": "^2.4.9",
     "cac": "^6.7.14",
     "chalk": "^5.6.2",
@@ -43,19 +49,12 @@
     "vitest": "^4.0.16"
   },
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
   },
   "dependencies": {
     "@naiheyoung/color": "^1.1.0"
   },
-  "peerDependencies": {
-    "@naiheyoung/color": "^1.1.0"
-  },
-  "peerDependenciesMeta": {
-    "@naiheyoung/color": {
-      "optional": true
-    }
-  },
   "scripts": {
     "test": "vitest",
     "prebuild": "pnpm run format",