@bbki.ng/site 2.0.10 → 2.0.11

package/CHANGELOG.md

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

package/package.json

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

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/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} />