@lobehub/lobehub 2.0.0-next.232 → 2.0.0-next.234

package/vitest.config.mts

@@ -2,6 +2,10 @@ import { dirname, join, resolve } from 'node:path';
 import { coverageConfigDefaults, defineConfig } from 'vitest/config';
 
 export default defineConfig({
+  optimizeDeps: {
+    exclude: ['crypto', 'util', 'tty'],
+    include: ['@lobehub/tts'],
+  },
   plugins: [
     /**
      * @lobehub/fluent-emoji@4.0.0 ships `es/FluentEmoji/style.js` but its `es/FluentEmoji/index.js`
@@ -27,16 +31,13 @@ export default defineConfig({
           id.endsWith('/FluentEmoji/style/index.js') ||
           id.endsWith('/FluentEmoji/style/index.js?');
 
-        if (isFluentEmojiEntry && isMissingStyleIndex) return resolve(dirname(importer), 'style.js');
+        if (isFluentEmojiEntry && isMissingStyleIndex)
+          return resolve(dirname(importer), 'style.js');
 
         return null;
       },
     },
   ],
-  optimizeDeps: {
-    exclude: ['crypto', 'util', 'tty'],
-    include: ['@lobehub/tts'],
-  },
   test: {
     alias: {
       /* eslint-disable sort-keys-fix/sort-keys-fix */
@@ -77,17 +78,21 @@ export default defineConfig({
     environment: 'happy-dom',
     exclude: [
       '**/node_modules/**',
+      '**/.*/**',
       '**/dist/**',
       '**/build/**',
       '**/tmp/**',
       '**/temp/**',
-      '**/.temp/**',
+      '**/docs/**',
+      '**/locales/**',
+      '**/public/**',
       '**/apps/desktop/**',
       '**/apps/mobile/**',
       '**/packages/**',
       '**/e2e/**',
     ],
     globals: true,
+    reporters: ['default', 'blob'],
     server: {
       deps: {
         inline: ['vitest-canvas-mock', '@lobehub/ui', '@lobehub/fluent-emoji'],

package/src/features/FileViewer/Renderer/JavaScript/index.tsx

@@ -1,66 +0,0 @@
-'use client';
-
-import { Center, Flexbox, Highlighter } from '@lobehub/ui';
-import { createStaticStyles } from 'antd-style';
-import { memo } from 'react';
-
-import CircleLoading from '@/components/Loading/CircleLoading';
-
-import { useTextFileLoader } from '../../hooks/useTextFileLoader';
-
-const styles = createStaticStyles(({ css, cssVar }) => ({
-  page: css`
-    width: 100%;
-    padding: 24px;
-    border-radius: 4px;
-
-    background: ${cssVar.colorBgContainer};
-    box-shadow: ${cssVar.boxShadowTertiary};
-  `,
-}));
-
-const getLanguage = (fileName?: string): string => {
-  if (!fileName) return 'javascript';
-  const ext = fileName.toLowerCase().split('.').pop();
-  switch (ext) {
-    case 'ts': {
-      return 'typescript';
-    }
-    case 'tsx': {
-      return 'tsx';
-    }
-    case 'jsx': {
-      return 'jsx';
-    }
-    default: {
-      return 'javascript';
-    }
-  }
-};
-
-interface JavaScriptViewerProps {
-  fileId: string;
-  fileName?: string;
-  url: string | null;
-}
-
-const JavaScriptViewer = memo<JavaScriptViewerProps>(({ url, fileName }) => {
-  const { fileData, loading } = useTextFileLoader(url);
-  const language = getLanguage(fileName);
-
-  return (
-    <Flexbox className={styles.page} id="javascript-renderer">
-      {!loading && fileData ? (
-        <Highlighter language={language} showLanguage={false} variant={'borderless'}>
-          {fileData}
-        </Highlighter>
-      ) : (
-        <Center height={'100%'}>
-          <CircleLoading />
-        </Center>
-      )}
-    </Flexbox>
-  );
-});
-
-export default JavaScriptViewer;

package/src/features/FileViewer/Renderer/TXT/index.tsx

@@ -1,50 +0,0 @@
-'use client';
-
-import { Center, Flexbox, Highlighter } from '@lobehub/ui';
-import { createStaticStyles } from 'antd-style';
-import { memo } from 'react';
-
-import CircleLoading from '@/components/Loading/CircleLoading';
-
-import { useTextFileLoader } from '../../hooks/useTextFileLoader';
-
-const styles = createStaticStyles(({ css, cssVar }) => ({
-  page: css`
-    width: 100%;
-    padding: 24px;
-    border-radius: 4px;
-
-    background: ${cssVar.colorBgContainer};
-    box-shadow: ${cssVar.boxShadowTertiary};
-  `,
-}));
-
-interface TXTViewerProps {
-  fileId: string;
-  url: string | null;
-}
-
-const TXTViewer = memo<TXTViewerProps>(({ url }) => {
-  const { fileData, loading } = useTextFileLoader(url);
-
-  return (
-    <Flexbox className={styles.page} id="txt-renderer">
-      {!loading && fileData ? (
-        <Highlighter
-          language={'txt'}
-          showLanguage={false}
-          style={{ height: '100%' }}
-          variant={'borderless'}
-        >
-          {fileData}
-        </Highlighter>
-      ) : (
-        <Center height={'100%'}>
-          <CircleLoading />
-        </Center>
-      )}
-    </Flexbox>
-  );
-});
-
-export default TXTViewer;