diff --git a/src/app/robots.tsx b/src/app/robots.tsx
deleted file mode 100644
index 414f911..0000000
--- a/src/app/robots.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import type { MetadataRoute } from 'next'
-
-import { CONFIG } from '~/app.config'
-
-export default function robots(): MetadataRoute.Robots {
- return {
- rules: {
- userAgent: '*',
- allow: '/',
- },
- sitemap: `${CONFIG.urlBase}/sitemap.xml`,
- }
-}
diff --git a/src/atoms/index.ts b/src/atoms/index.ts
index 83e30eb..78f6776 100644
--- a/src/atoms/index.ts
+++ b/src/atoms/index.ts
@@ -1,3 +1,3 @@
-export * from './viewport'
export * from './css-media'
export * from './is-interactive'
+export * from './viewport'
diff --git a/src/components/banner/Banner.tsx b/src/components/banner/Banner.tsx
index a814c5b..c58f629 100644
--- a/src/components/banner/Banner.tsx
+++ b/src/components/banner/Banner.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
import { clsx } from 'clsx'
import type { FC } from 'react'
diff --git a/src/components/button/MotionButton.tsx b/src/components/button/MotionButton.tsx
index b37a77b..7331f53 100644
--- a/src/components/button/MotionButton.tsx
+++ b/src/components/button/MotionButton.tsx
@@ -1,6 +1,7 @@
'use client'
-import React, { forwardRef } from 'react'
+import * as React from 'react'
+import { forwardRef } from 'react'
import { m } from 'framer-motion'
import type { HTMLMotionProps } from 'framer-motion'
diff --git a/src/components/button/StyledButton.tsx b/src/components/button/StyledButton.tsx
index 2f0887a..39a0fc4 100644
--- a/src/components/button/StyledButton.tsx
+++ b/src/components/button/StyledButton.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
import { Fragment } from 'react'
import clsx from 'clsx'
import Link from 'next/link'
diff --git a/src/components/code-highlighter/CodeBlockWrapper.tsx b/src/components/code-highlighter/CodeBlockWrapper.tsx
index 9d0a5ae..f959d3d 100644
--- a/src/components/code-highlighter/CodeBlockWrapper.tsx
+++ b/src/components/code-highlighter/CodeBlockWrapper.tsx
@@ -61,7 +61,7 @@ export const CodeBlockWrapper: FC
= (props) => {
const $hightlighted = $el.querySelector('.highlighted, .diff')
if ($hightlighted) {
- const lineHeight = parseInt(
+ const lineHeight = Number.parseInt(
getComputedStyle($hightlighted).height || '0',
10,
)
diff --git a/src/components/code-highlighter/CodeHighlighter.tsx b/src/components/code-highlighter/CodeHighlighter.tsx
index 08903d5..812a9e9 100644
--- a/src/components/code-highlighter/CodeHighlighter.tsx
+++ b/src/components/code-highlighter/CodeHighlighter.tsx
@@ -1,4 +1,7 @@
-import { bundledLanguages, getHighlighter } from 'shiki/bundle-full.mjs'
+import {
+ bundledLanguages,
+ getSingletonHighlighter,
+} from 'shiki/bundle-full.mjs'
import type { FC } from 'react'
import {
@@ -46,16 +49,15 @@ const languageToIconMap = {
}
export const HighLighter: FC = async (props) => {
- const highlighter = await getHighlighter({
+ const { lang: language, content: value, attrs } = props
+
+ const highlighter = await getSingletonHighlighter({
themes: [
import('shiki/themes/github-light.mjs'),
import('shiki/themes/github-dark.mjs'),
],
langs: Object.keys(bundledLanguages),
})
-
- const { lang: language, content: value, attrs } = props
-
return (
void
- className?: string
- onReady?: (api: ExcalidrawImperativeAPI) => void
-
- ////
- data?: object
- refUrl?: string
-}
-
-export const Excalidraw = forwardRef<
- {},
- Omit & {
- data: string
- }
->((props, ref) => {
- const { data, ...rest } = props
- const transformedProps: {
- data?: ExcalidrawElement
- refUrl?: string
- } = useMemo(() => {
- if (!data) return {}
- const tryParseJson = safeJsonParse(data)
- if (!tryParseJson) {
- // 1. data 是 string，取第一行判断
- const splittedLines = data.split('\n')
- const firstLine = splittedLines[0]
-
- const props = {} as any
- // 第一行是地址
- if (firstLine.startsWith('/')) {
- props.refUrl = firstLine
- }
-
- return props
- } else {
- return {
- data: tryParseJson as ExcalidrawElement,
- }
- }
- }, [data])
-
- const internalRef = useRef(null)
-
- return
-})
-
-Excalidraw.displayName = 'Excalidraw'
-
-interface InternelExcalidrawRefObject {
- getRemoteData(): ExcalidrawElement | null | undefined
-}
-
-const ExcalidrawImpl = forwardRef(
- ({
- data,
-
- viewModeEnabled = true,
- zenModeEnabled = true,
- onChange,
- className,
-
- onReady,
- showExtendButton,
- refUrl,
- }) => {
- const excalidrawAPIRef = React.useRef()
-
- const isDarkMode = useIsDark()
-
- const [finalData, setFinalData] = React.useState(
- null,
- )
-
- const [loading, setLoading] = useState(false)
-
- useEffect(() => {
- let isMounted = true
- if (refUrl) {
- setLoading(true)
- fetch(refUrl)
- .then((res) => res.text())
- .then((text) => {
- if (!isMounted) return
- const tryParseJson = safeJsonParse(text)
- if (tryParseJson) {
- setFinalData(tryParseJson as ExcalidrawElement)
- }
-
- setLoading(false)
- })
- } else {
- setFinalData(data as ExcalidrawElement)
- setLoading(false)
- }
-
- return () => {
- setLoading(false)
- isMounted = false
- }
- }, [data, refUrl])
- const modal = useModalStack()
- return (
-
- {loading && (
-
- )}
-
{
- excalidrawAPIRef.current = api
-
- setTimeout(() => {
- api.scrollToContent(undefined, {
- fitToContent: true,
- })
- }, 300)
-
- onReady?.(api)
- }}
- />
-
- {viewModeEnabled && showExtendButton && (
- {
- if (!excalidrawAPIRef.current) {
- return
- }
-
- const elements = excalidrawAPIRef.current.getSceneElements()
- if (currentIsMobile()) {
- const win = window.open()
- const blob = exportToBlob({
- elements,
- files: null,
- })
- blob.then((blob) => {
- win?.location.replace(URL.createObjectURL(blob))
- })
- } else {
- modal.present({
- title: 'Preview',
- content: () => (
-
- ),
-
- max: true,
- })
- }
- }}
- className={clsxm(
- 'absolute bottom-2 right-2 z-10 box-content flex size-5 rounded-md border p-2 center',
- 'border-zinc-200 bg-base-100 text-zinc-600',
- 'dark:border-neutral-800 dark:text-zinc-500',
- )}
- >
-
-
- )}
-