@bbki.ng/site 2.0.16 → 2.0.18

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # @bbki.ng/site
 
+## 2.0.18
+
+## 2.0.17
+
 ## 2.0.16
 
 ## 2.0.15

package/package.json

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

package/src/blog/app.tsx

@@ -26,6 +26,7 @@ import { PluginInit } from "@/components/plugin/PluginInit";
 import { BBContext } from "@/context/bbcontext";
 import { PluginContentPage } from "@/components/plugin/PluginContentPage";
 import { PluginRoutes } from "@/components/plugin/PluginRoutes";
+import {useClipboardToPost} from "@/hooks/use_clipboard_to_post";
 
 const Layout = () => {
   const { isLoading, isFontLoading } = useContext(GlobalLoadingContext);
@@ -62,7 +63,10 @@ const TagsResultInMidCol = threeColWrapper(TagsResult);
 const CoverInMidCol = threeColWrapper(Cover);
 
 export const App = () => {
-  return (
+
+    useClipboardToPost();
+
+    return (
     <SWR>
       {/*<EffectContextProvider>*/}
       <HotKeyNav>

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

@@ -0,0 +1,22 @@
+import { ContextMenuItem } from "@bbki.ng/components";
+import React from "react";
+import {useAuthedStringPost} from "@/hooks/use_authed_string_post";
+
+export const PostMenuItem = () => {
+
+    const post = useAuthedStringPost();
+
+    const postFromClipboard = () => {
+        navigator.clipboard
+            .readText()
+            .then(post);
+    }
+
+    return (
+    <ContextMenuItem onClick={postFromClipboard}
+      inset
+    >
+        post from clipboard
+    </ContextMenuItem>
+  );
+};

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

@@ -13,6 +13,7 @@ import { ViewSourceMenuItem } from "@/components/app_ctx_menu/ViewSourceMenuItem
 import { PluginsMenuItem } from "@/components/plugin/PluginsMenuItem";
 import { PluginManager } from "@/plugin/PluginManager";
 import { PluginEvent } from "@/plugin/PluginEvent";
+import {PostMenuItem} from "@/components/app_ctx_menu/PostMenuItem";
 
 export const AppCtxMenu = (props: { children: ReactElement }) => {
   const [showPluginEntry, setShowPluginEntry] = React.useState(false);
@@ -35,6 +36,7 @@ export const AppCtxMenu = (props: { children: ReactElement }) => {
       <ContextMenuContent className="w-256">
         <LoginMenuItem />
         <ViewSourceMenuItem />
+        <PostMenuItem />
         {/*{showPluginEntry && <PluginsMenuItem />}*/}
       </ContextMenuContent>
     </ContextMenu>

package/src/blog/hooks/use_authed_string_post.ts

@@ -0,0 +1,42 @@
+import {useSWRConfig} from "swr";
+import {useAuthed} from "@/hooks/use_authed";
+import {useContext} from "react";
+import {GlobalLoadingContext} from "@/context/global_loading_state_provider";
+import {usePost} from "@/hooks/use_post";
+import {splitPost} from "@/utils";
+import {API} from "@/constants/routes";
+
+export const useAuthedStringPost = () => {
+    const { mutate } = useSWRConfig();
+
+    const isKing = useAuthed();
+
+    const { setIsLoading } = useContext(GlobalLoadingContext);
+
+    const post = usePost();
+
+    return (content: string) => {
+        if (!content) {
+            return;
+        }
+
+        if (!isKing) {
+            return;
+        }
+
+        const postObj = splitPost(content);
+        if (!postObj?.content || !postObj?.title) {
+            return;
+        }
+
+        setIsLoading(true);
+
+        post(postObj.title, postObj.content)
+            .then((r) => {
+                mutate(API.POSTS).then();
+            })
+            .finally(() => {
+                setIsLoading(false);
+            });
+    }
+}

package/src/blog/hooks/use_clipboard_content.ts

@@ -5,6 +5,7 @@ export const useClipboardContent = () => {
 
     React.useEffect(() => {
         const handlePaste = (event: ClipboardEvent) => {
+
             if (event.clipboardData) {
                 setClipboardContent(event.clipboardData.getData("text/plain"));
             }
@@ -17,5 +18,7 @@ export const useClipboardContent = () => {
         };
     }, []);
 
+    console.log(clipboardContent);
+
     return clipboardContent;
 }

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

@@ -5,7 +5,6 @@ import { usePosts } from "@/hooks/use_posts";
 import { CenterLinkList } from "@/components";
 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";
 
@@ -41,17 +40,9 @@ export default (props: TxtProps) => {
   const reader = useFile2Post();
   const isKing = useAuthed();
 
-  useClipboardToPost();
-
   return (
     <DropZone onDrop={reader} disabled={!isKing}>
       <Posts {...props} />
-      {isKing && (
-          <div
-              contentEditable={true}
-              className="fixed bottom-0 right-0 opacity-0 w-1/3 h-12 outline-0 p-2 focus-visible:outline-0 block"
-          />
-      )}
     </DropZone>
   );
 };

package/src/blog/utils/index.ts

@@ -173,6 +173,18 @@ export const confirm = (message: string, exec: () => void) => {
   });
 };
 
+export const splitPost= (wholeString: string ) => {
+  const firstLine = wholeString ? wholeString .split("\n")[0] : "";
+  const title = firstLine ? firstLine.trim() : "";
+
+  const restContent = wholeString ? wholeString.slice(title.length).trim() : "";
+
+    return {
+        title,
+        content: restContent,
+    };
+}
+
 export const changeFont = (type: FontType) => {
   const rootDiv = document.getElementById("root");
   if (rootDiv == null) {