refactor(web-core): remove unused imports and styles

Remove Home.module.css file and unused imports in settings.tsx and live-editor.tsx files. Additionally, update README.md with usage instructions for web-core package installation and example implementation.
unit-mesh · Nov 4, 2024 · c34f3a2 · c34f3a2
1 parent 7820f20
commit c34f3a2
Show file tree

Hide file tree

Showing 4 changed files with 37 additions and 14 deletions.
diff --git a/README.md b/README.md
@@ -72,6 +72,41 @@ Demo Videos: [开源 AI 原生编辑器 Studio B3](https://www.bilibili.com/vide
 
 ## Usage
 
+See in [web-core](./web-core/README.md)
+
+### Install
+
+```bash
+npm install -g @studio-b3/web-core
+```
+
+Use
+
+```typescript jsx
+import Head from 'next/head'
+
+import "../styles/editor-styles.css"
+import { LiveEditor }  from '@studio-b3/web-core'
+import '@/i18n/i18n';
+
+export default function Home() {
+  return (
+    <div className={styles.container}>
+      <Head>
+        <title>Studio B3 - all you need is editor!</title>
+        <link rel="icon" href="/favicon.ico" />
+      </Head>
+
+      <main>
+        <div>
+          <LiveEditor />
+        </div>
+      </main>
+    </div>
+  );
+}
+```
+
 ### Custom Menu examples
 
 ```typescript

diff --git a/web/core/lib/editor/components/settings.tsx b/web/core/lib/editor/components/settings.tsx
@@ -7,7 +7,6 @@ import * as Dialog from '@radix-ui/react-dialog'
 import * as Tabs from '@radix-ui/react-tabs'
 import Select from 'react-select';
 
-import styles from '@/styles/Home.module.css'
 import { ARTICLE_TYPE_OPTIONS } from "@/editor/defs/type-options.type";
 
 // all options
@@ -105,7 +104,7 @@ export const Settings = ({ editor }: { editor: Editor }) => {
 
 		<Dialog.Root>
 			<Dialog.Trigger asChild>
-				<Button className={styles.setting} onClick={() => {
+				<Button onClick={() => {
 					// show some dialog
 				}}>
 					<GearIcon/>
@@ -155,4 +154,4 @@ const SettingField = ({ label, children }: any) => (
         rows={12}
         className="block p-2.5 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
         placeholder="Write your thoughts here..."></textarea>
-)
+)
diff --git a/web/core/lib/editor/live-editor.tsx b/web/core/lib/editor/live-editor.tsx
@@ -18,7 +18,6 @@ import { Theme } from '@radix-ui/themes';
 
 import './editor.css';
 
-import { InlineCompletion } from '@/editor/extensions/inline-completion/inline-completion';
 import { MenuBubble } from '@/editor/menu/menu-bubble';
 import { createSlashExtension } from '@/editor/extensions/slash-command/slash-extension.ts';
 import { createQuickBox } from '@/editor/extensions/quick-box/quick-box-extension';

diff --git a/web/core/lib/styles/Home.module.css b/web/core/lib/styles/Home.module.css