[Feat] add preview_title option to configure preview page title (#20)

* [Feat] add preview_title option

* [Update] add preview_title option in document

.gitignore

@@ -19,4 +19,4 @@ node_modules
 
 # build
 output.css
-public
+snap-server/public

README.md

@@ -57,9 +57,10 @@ require("codesnap").setup({...})
 There is a default config:
 ```lua
 {
-    mac_window_bar = true, -- MacOS style title bar switch
+    mac_window_bar = true,-- (Optional) MacOS style title bar switch
-    opacity = true, -- The code snap has some opacity by default, set it to false for 100% opacity 
+    opacity = true, -- (Optional) The code snap has some opacity by default, set it to false for 100% opacity 
     watermark = "CodeSnap.nvim" -- (Optional) you can custom your own watermark, but if you don't like it, just set it to ""
+    preview_title = "CodeSnap.nvim" -- (Optional) preview page title
 }
 ```
 

lua/codesnap/static.lua

@@ -5,6 +5,7 @@ return {
     mac_window_bar = true,
     opacity = true,
     watermark = "CodeSnap.nvim",
+    preview_title = "CodeSnap.nvim",
     auto_load = true,
   },
   cwd = path_utils.back(path_utils.back(debug.getinfo(1, "S").source:sub(2):match("(.*[/\\])"))),

snap-client/public/manifest.json

@@ -1,21 +1,11 @@
 {
-  "short_name": "React App",
+  "short_name": "CdeoSnap.nvim",
-  "name": "Create React App Sample",
+  "name": "CodeSnap.nvim",
   "icons": [
     {
       "src": "favicon.ico",
       "sizes": "64x64 32x32 24x24 16x16",
       "type": "image/x-icon"
-    },
-    {
-      "src": "logo192.png",
-      "type": "image/png",
-      "sizes": "192x192"
-    },
-    {
-      "src": "logo512.png",
-      "type": "image/png",
-      "sizes": "512x512"
     }
   ],
   "start_url": ".",

snap-client/src/app.tsx

@@ -8,6 +8,7 @@ import { getWebsocketHost } from "./utils";
 
 const CODE_EMPTY_PLACEHOLDER = `print "Hello, CodeSnap.nvim!"`;
 const WATER_MARK_PLACEHOLDER = "CodeSnap.nvim";
+const PREVIEW_TITLE_PLACEHOLDER = "CodeSnap.nvim";
 
 function App() {
   const [socketUrl] = useState(`ws://${getWebsocketHost()}/ws`);
@@ -64,6 +65,10 @@ function App() {
     notifyCopyCommand();
   }, [event, readyState, notifyCopyCommand]);
 
+  useEffect(() => {
+    document.title = config?.preview_title ?? PREVIEW_TITLE_PLACEHOLDER;
+  }, []);
+
   return (
     <div className="w-full h-full flex flex-col items-center bg-deep-gray">
       <p className="rainbow-text text-4xl font-extrabold mt-20">

snap-client/src/hooks/use-config.ts

@@ -5,6 +5,7 @@ export interface Config {
   opacity: boolean;
   watermark: string;
   auto_load: boolean;
+  preview_title: string;
 }
 
 const CONFIG_STORAGE_KEY = "CONFIG_STORAGE_KEY";

snap-server/src/event_handler/config.rs

@@ -6,6 +6,7 @@ pub struct Config {
     opacity: bool,
     watermark: Option<String>,
     auto_load: bool,
+    preview_title: String,
 }
 
 impl From<&str> for Config {