@bbki.ng/site 2.0.9 → 2.0.11

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # @bbki.ng/site
 
+## 2.0.11
+
+## 2.0.10
+
 ## 2.0.9
 
 ## 2.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbki.ng/site",
-  "version": "2.0.9",
+  "version": "2.0.11",
   "description": "code behind bbki.ng",
   "main": "index.js",
   "scripts": {

package/src/blog/app.tsx

@@ -67,14 +67,11 @@ export const App = () => {
       {/*<EffectContextProvider>*/}
       <HotKeyNav>
         <BBContext>
-          <PluginInit>
+          {/*<PluginInit>*/}
             <Routes>
               <Route path="/" element={<Layout />}>
                 <Route index element={<CoverInMidCol />} />
 
-                <Route path="/projects" element={<ProjectsInMidCol />} />
-                <Route path="/projects/:id" element={<PhotoProjects />} />
-
                 <Route path="blog" element={<ContentInMidCol />} />
                 <Route path="blog/:title" element={<ArticleInMidCol />} />
                 <Route path="blog/:title/:id" element={<PhotoProjects />} />
@@ -93,7 +90,7 @@ export const App = () => {
               </Route>
               <Route path="*" element={<NotFound />} />
             </Routes>
-          </PluginInit>
+          {/*</PluginInit>*/}
         </BBContext>
       </HotKeyNav>
       {/*</EffectContextProvider>*/}

package/src/blog/components/app_ctx_menu/index.tsx

@@ -35,7 +35,7 @@ export const AppCtxMenu = (props: { children: ReactElement }) => {
       <ContextMenuContent className="w-256">
         <LoginMenuItem />
         <ViewSourceMenuItem />
-        {showPluginEntry && <PluginsMenuItem />}
+        {/*{showPluginEntry && <PluginsMenuItem />}*/}
       </ContextMenuContent>
     </ContextMenu>
   );

package/src/blog/hooks/use_clipboard_content.ts

@@ -0,0 +1,21 @@
+import React from "react";
+
+export const useClipboardContent = () => {
+    const [clipboardContent, setClipboardContent] = React.useState<string | null>(null);
+
+    React.useEffect(() => {
+        const handlePaste = (event: ClipboardEvent) => {
+            if (event.clipboardData) {
+                setClipboardContent(event.clipboardData.getData("text/plain"));
+            }
+        };
+
+        document.addEventListener("paste", handlePaste);
+
+        return () => {
+            document.removeEventListener("paste", handlePaste);
+        };
+    }, []);
+
+    return clipboardContent;
+}

package/src/blog/hooks/use_clipboard_to_post.ts

@@ -0,0 +1,40 @@
+import {useClipboardContent} from "@/hooks/use_clipboard_content";
+import {useSWRConfig} from "swr";
+import {useContext, useEffect} from "react";
+import {GlobalLoadingContext} from "@/context/global_loading_state_provider";
+import {usePost} from "@/hooks/use_post";
+import {API} from "@/constants/routes";
+
+export const useClipboardToPost = () => {
+    const clipboardContent = useClipboardContent();
+
+    const { mutate } = useSWRConfig();
+
+    const { setIsLoading } = useContext(GlobalLoadingContext);
+
+    const post = usePost();
+
+    const firstLine = clipboardContent ? clipboardContent.split("\n")[0] : "";
+    const title = firstLine ? firstLine.trim() : "";
+
+    const restContent = clipboardContent ? clipboardContent.slice(title.length).trim() : "";
+
+
+    useEffect(() => {
+        if (!restContent || !title) {
+            return;
+        }
+
+        setIsLoading(true);
+
+        post(title, restContent)
+            .then((r) => {
+                mutate(API.POSTS).then();
+            })
+            .finally(() => {
+                setIsLoading(false);
+            });
+    }, [title, restContent]);
+
+    return null;
+}

package/src/blog/pages/cover/index.tsx

@@ -13,10 +13,10 @@ export const Cover = (props: { className: string }) => {
       <CenterLinkList
         className="select-none"
         links={[
-          {
-            to: "/projects",
-            name: "cd ./projects",
-          },
+          // {
+          //   to: "/projects",
+          //   name: "cd ./projects",
+          // },
           {
             to: "/blog",
             name: "cd ./blog",

package/src/blog/pages/extensions/txt/index.tsx

@@ -7,6 +7,7 @@ import { useAuthed } from "@/hooks/use_authed";
 import { useFile2Post } from "@/hooks/use_file_to_post";
 import { DelayFadeIn } from "@/components/DelayFadeIn/DelayFadeIn";
 import { useSafeArticleLoading } from "@/hooks/use_safe_loading";
+import {useClipboardToPost} from "@/hooks/use_clipboard_to_post";
 
 type TxtProps = {
   title?: string;
@@ -40,6 +41,8 @@ export default (props: TxtProps) => {
   const reader = useFile2Post();
   const isKing = useAuthed();
 
+  useClipboardToPost();
+
   return (
     <DropZone onDrop={reader} disabled={!isKing}>
       <Posts {...props} />