Add opengraph and twitter images to website

Author: flusterIO

apps/fluster/package.json

@@ -46,7 +46,7 @@
     "@citation-js/plugin-csl": "0.7.18",
     "@datalayer/jupyter-react": "^1.0.1",
     "@excalidraw/excalidraw": "^0.18.0",
-    "@fluster.io/dev": "0.3.7",
+    "@fluster.io/dev": "workspace:*",
     "@google/model-viewer": "^4.1.0",
     "@hookform/resolvers": "5.0.1",
     "@lancedb/lancedb": "^0.19.1",

apps/fluster/src-tauri/src/features/mod.rs

@@ -16,6 +16,7 @@ pub mod router;
 pub mod search;
 pub mod settings;
 pub mod snippets;
+pub mod splash_screen;
 pub mod taggables;
 pub mod task_manager;
 pub mod whiteboard;

apps/fluster/src-tauri/src/features/splash_screen/hide_splash_screen.rs

@@ -0,0 +1,13 @@
+use tauri::{AppHandle, Manager};
+
+use crate::core::types::errors::errors::FlusterResult;
+
+#[tauri::command]
+#[specta::specta]
+pub async fn hide_splash_screen(app: AppHandle) -> FlusterResult<()> {
+    let splash_window = app.get_webview_window("splashscreen").unwrap();
+    let main_window = app.get_webview_window("main").unwrap();
+    splash_window.close().unwrap();
+    main_window.show().unwrap();
+    Ok(())
+}

apps/fluster/src-tauri/src/features/splash_screen/mod.rs

@@ -0,0 +1 @@
+pub mod hide_splash_screen;

apps/fluster/src-tauri/src/lib.rs

@@ -84,6 +84,7 @@ use crate::features::snippets::delete_snippet_by_id::delete_snippet_by_id;
 use crate::features::snippets::get_snippet_by_id::get_snippet_by_id;
 use crate::features::snippets::get_snippets::get_snippets;
 use crate::features::snippets::save_snippet::save_snippet;
+use crate::features::splash_screen::hide_splash_screen::hide_splash_screen;
 use crate::features::taggables::commands::get_all_subjects::get_all_subjects;
 use crate::features::taggables::commands::get_all_tags::get_all_tags;
 use crate::features::taggables::commands::get_all_topics::get_all_topics;
@@ -126,6 +127,7 @@ pub fn run() {
             get_operating_system,
             path_exists,
             normalize_path,
+            hide_splash_screen,
             // -- Auto Settings --
             create_auto_setting,
             get_all_auto_settings,

apps/fluster/src-tauri/tauri.conf.json

@@ -12,10 +12,19 @@
         "withGlobalTauri": true,
         "windows": [
             {
+                "label": "main",
                 "title": "Fluster",
                 "titleBarStyle": "Overlay",
                 "width": 800,
-                "height": 600
+                "height": 600,
+                "visible": false
+            },
+            {
+                "label": "splashscreen",
+                "url": "/splash_screen",
+                "width": 800,
+                "height": 600,
+                "visible": true
             }
         ],
         "security": {

apps/fluster/src/core/lib/bindings.ts

@@ -23,6 +23,14 @@ async pathExists(filePath: string) : Promise<boolean> {
 async normalizePath(fsPath: string, basePath: string) : Promise<string> {
     return await TAURI_INVOKE("normalize_path", { fsPath, basePath });
 },
+async hideSplashScreen() : Promise<Result<null, FlusterError>> {
+    try {
+    return { status: "ok", data: await TAURI_INVOKE("hide_splash_screen") };
+} catch (e) {
+    if(e instanceof Error) throw e;
+    else return { status: "error", error: e  as any };
+}
+},
 async createAutoSetting(data: AutoSettingModel[]) : Promise<Result<null, FlusterError>> {
     try {
     return { status: "ok", data: await TAURI_INVOKE("create_auto_setting", { data }) };

apps/fluster/src/features/splash_screen/index.tsx

@@ -0,0 +1,7 @@
+import React, { type ReactNode } from "react";
+
+export const SplashScreen = (): ReactNode => {
+    return <div>Splashy splash</div>;
+};
+
+SplashScreen.displayName = "SplashScreen";

apps/fluster/src/features/splash_screen/use_splash_screen.tsx

@@ -0,0 +1,15 @@
+import { commands } from "@/lib/bindings";
+import { useEffect, useState } from "react";
+
+export const useSplashScreen = (delay = 3000) => {
+    const [splashVisible, setSplashVisible] = useState(true);
+    const hideSplash = async (): Promise<void> => {
+        if (splashVisible) {
+            await commands.hideSplashScreen();
+            setSplashVisible(false);
+        }
+    };
+    useEffect(() => {
+        hideSplash();
+    }, []);
+};

apps/website/src/app/opengraph-image.alt.txt

@@ -0,0 +1 @@
+Fluster, free & open source academic note taking for STEM students and professionals