@bbki.ng/site 2.0.17 → 2.0.19

package/CHANGELOG.md

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

package/package.json

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

package/src/blog/app.tsx

@@ -26,6 +26,8 @@ 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";
+import {useSharedStringToPost} from "@/hooks/use_shared_string_to_post";
 
 const Layout = () => {
   const { isLoading, isFontLoading } = useContext(GlobalLoadingContext);
@@ -54,7 +56,6 @@ const Layout = () => {
 
 const NowInMidCol = threeColWrapper(NowPage);
 const ContentInMidCol = threeColWrapper(Txt);
-const ProjectsInMidCol = threeColWrapper(Png);
 const ArticleInMidCol = threeColWrapper(ArticlePage);
 const TagsInMidCol = threeColWrapper(Tags);
 const LoginInMidCol = threeColWrapper(Login);
@@ -62,7 +63,12 @@ const TagsResultInMidCol = threeColWrapper(TagsResult);
 const CoverInMidCol = threeColWrapper(Cover);
 
 export const App = () => {
-  return (
+
+    useClipboardToPost();
+
+    useSharedStringToPost();
+
+    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/hooks/use_shared_string_to_post.ts

@@ -0,0 +1,23 @@
+import {useEffect} from "react";
+import {useAuthedStringPost} from "@/hooks/use_authed_string_post";
+
+export const useSharedStringToPost = () => {
+    const post = useAuthedStringPost();
+
+    useEffect(() => {
+        const handleSharedString = (event: MessageEvent) => {
+            if (event.data && typeof event.data === "string") {
+                const content = event.data;
+                if (content) {
+                    post(content);
+                }
+            }
+        }
+
+        window.addEventListener("message", handleSharedString);
+
+        return () => {
+            window.removeEventListener("message", handleSharedString);
+        }
+    }, []);
+}

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,13 +40,8 @@ export default (props: TxtProps) => {
   const reader = useFile2Post();
   const isKing = useAuthed();
 
-  useClipboardToPost();
-
   return (
     <DropZone onDrop={reader} disabled={!isKing}>
-      {isKing && (
-          <div contentEditable={true} className="p-2 focus-visible:outline-0" />
-      )}
       <Posts {...props} />
     </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) {

package/vite.config.js

@@ -84,6 +84,19 @@ export default defineConfig({
               },
             },
           },
+          {
+            urlPattern: /new-content-handler/,
+            method: "GET",
+            handler: ({ event, data }) => {
+              const url = new URL(event.request.url);
+              const sharedContent = url.searchParams.get("content");
+
+              // post the shared content to the main thread
+                if (sharedContent) {
+                  window.postMessage(sharedContent, {})
+                }
+            },
+          },
           {
             urlPattern: /^https:\/\/fonts\.gstatic.com\.com\/.*/i,
             handler: "CacheFirst",
@@ -102,8 +115,15 @@ export default defineConfig({
       },
       manifest: {
         name: "bbki.ng",
-        description: "words, pictures.",
+        description: "A personal blog.",
         theme_color: "#ffffff",
+        "share_target": {
+          "action": "/new-content-handler/",
+          "method": "GET",
+          "params": {
+            "text": "content",
+          }
+        },
         icons: [
           {
             src: "pwa-192x192.png",