@vasakgroup/plugin-config-manager 2.0.0

package/README.md

@@ -0,0 +1,76 @@
+# Tauri Plugin config-manager
+
+Un plugin de Tauri para gestionar la configuración de la aplicación de forma persistente. Permite leer y escribir un archivo de configuración y notifica a la aplicación cuando el archivo cambia externamente.
+
+## Plataformas Soportadas
+
+- [ ] Windows
+- [ ] macOS
+- [x] Linux
+
+El archivo de configuración se almacena en: `~/.config/vasak/vasak.conf`
+
+## Instalación
+
+Añade lo siguiente a tu `Cargo.toml`:
+
+```toml
+[dependencies]
+tauri-plugin-config-manager = { git = "https://github.com/Vasak-OS/tauri-plugin-config-manager" } # O la versión de crates.io si está publicado
+```
+
+Y registra el plugin en tu `main.rs`:
+
+```rust
+// src-tauri/src/main.rs
+fn main() {
+    tauri::Builder::default()
+        .plugin(tauri_plugin_config_manager::init())
+        .run(tauri::generate_context!())
+        .expect("error while running tauri application");
+}
+```
+
+Instala la libreria del cliente:
+
+```bash
+bun install @vasak-group/plugin-config-manager
+```
+
+## Uso
+
+El plugin expone funciones para interactuar con la configuración desde el frontend.
+
+`App.vue`
+
+```vue
+<script lang="ts" setup>
+import { listen } from "@tauri-apps/api/event";
+import { useConfigStore } from "@vasak-group/plugin-config-manager";
+
+const configStore = useConfigStore();
+let unlistenConfig: Function | null = null;
+
+onMounted(async () => {
+  configStore.loadConfig();
+  unlistenConfig = await listen("config-changed", async () => {
+    configStore.loadConfig();
+  });
+});
+
+onUnmounted(() => {
+  if (unlistenConfig !== null) {
+    unlistenConfig();
+  }
+});
+</script>
+```
+
+`style.css`
+
+```css
+:root {
+  --primary-color: #4caf50;
+  --border-radius: 4px;
+}
+```

package/dist-js/index.cjs

@@ -0,0 +1,59 @@
+'use strict';
+
+var core = require('@tauri-apps/api/core');
+var pinia = require('pinia');
+var vue = require('vue');
+
+async function writeConfig(value) {
+    await core.invoke("plugin:config-manager|write_config", {
+        payload: JSON.stringify(value), // Serializar VSKConfig y enviarlo como 'payload'
+    });
+}
+async function readConfig() {
+    const jsonString = await core.invoke(// Esperar que invoke resuelva directamente con la cadena JSON
+    "plugin:config-manager|read_config");
+    if (jsonString) {
+        try {
+            return JSON.parse(jsonString); // Parsear la cadena JSON
+        }
+        catch (error) {
+            console.error("Failed to parse config JSON:", error, "Raw string:", jsonString);
+            return null;
+        }
+    }
+    return null;
+}
+const useConfigStore = pinia.defineStore("config", () => {
+    const config = vue.ref(null);
+    const loadConfig = async () => {
+        config.value = await readConfig();
+        setMode();
+        setProperties();
+    };
+    const setMode = () => {
+        if (config.value?.style?.darkmode) {
+            document.documentElement.classList.add("dark");
+        }
+        else {
+            document.documentElement.classList.remove("dark");
+        }
+    };
+    const setProperties = () => {
+        if (config.value?.style) {
+            const { primarycolor, radius } = config.value.style;
+            // Manejar primarycolor
+            if (primarycolor && primarycolor.trim() !== "") {
+                document.documentElement.style.setProperty("--primary-color", primarycolor);
+            }
+            document.documentElement.style.setProperty("--border-radius", `${radius}px`);
+        }
+    };
+    return {
+        config,
+        loadConfig
+    };
+});
+
+exports.readConfig = readConfig;
+exports.useConfigStore = useConfigStore;
+exports.writeConfig = writeConfig;

package/dist-js/index.d.ts

@@ -0,0 +1,76 @@
+export declare function writeConfig(value: VSKConfig): Promise<void>;
+export declare function readConfig(): Promise<VSKConfig | null>;
+export type VSKConfig = {
+    style: {
+        darkmode: boolean;
+        primarycolor: string;
+        radius: number;
+    };
+    info: {
+        logo: string;
+    };
+};
+export declare const useConfigStore: import("pinia").StoreDefinition<"config", Pick<{
+    config: import("vue").Ref<{
+        style: {
+            darkmode: boolean;
+            primarycolor: string;
+            radius: number;
+        };
+        info: {
+            logo: string;
+        };
+    } | null, VSKConfig | {
+        style: {
+            darkmode: boolean;
+            primarycolor: string;
+            radius: number;
+        };
+        info: {
+            logo: string;
+        };
+    } | null>;
+    loadConfig: () => Promise<void>;
+}, "config">, Pick<{
+    config: import("vue").Ref<{
+        style: {
+            darkmode: boolean;
+            primarycolor: string;
+            radius: number;
+        };
+        info: {
+            logo: string;
+        };
+    } | null, VSKConfig | {
+        style: {
+            darkmode: boolean;
+            primarycolor: string;
+            radius: number;
+        };
+        info: {
+            logo: string;
+        };
+    } | null>;
+    loadConfig: () => Promise<void>;
+}, never>, Pick<{
+    config: import("vue").Ref<{
+        style: {
+            darkmode: boolean;
+            primarycolor: string;
+            radius: number;
+        };
+        info: {
+            logo: string;
+        };
+    } | null, VSKConfig | {
+        style: {
+            darkmode: boolean;
+            primarycolor: string;
+            radius: number;
+        };
+        info: {
+            logo: string;
+        };
+    } | null>;
+    loadConfig: () => Promise<void>;
+}, "loadConfig">>;

package/dist-js/index.js

@@ -0,0 +1,55 @@
+import { invoke } from '@tauri-apps/api/core';
+import { defineStore } from 'pinia';
+import { ref } from 'vue';
+
+async function writeConfig(value) {
+    await invoke("plugin:config-manager|write_config", {
+        payload: JSON.stringify(value), // Serializar VSKConfig y enviarlo como 'payload'
+    });
+}
+async function readConfig() {
+    const jsonString = await invoke(// Esperar que invoke resuelva directamente con la cadena JSON
+    "plugin:config-manager|read_config");
+    if (jsonString) {
+        try {
+            return JSON.parse(jsonString); // Parsear la cadena JSON
+        }
+        catch (error) {
+            console.error("Failed to parse config JSON:", error, "Raw string:", jsonString);
+            return null;
+        }
+    }
+    return null;
+}
+const useConfigStore = defineStore("config", () => {
+    const config = ref(null);
+    const loadConfig = async () => {
+        config.value = await readConfig();
+        setMode();
+        setProperties();
+    };
+    const setMode = () => {
+        if (config.value?.style?.darkmode) {
+            document.documentElement.classList.add("dark");
+        }
+        else {
+            document.documentElement.classList.remove("dark");
+        }
+    };
+    const setProperties = () => {
+        if (config.value?.style) {
+            const { primarycolor, radius } = config.value.style;
+            // Manejar primarycolor
+            if (primarycolor && primarycolor.trim() !== "") {
+                document.documentElement.style.setProperty("--primary-color", primarycolor);
+            }
+            document.documentElement.style.setProperty("--border-radius", `${radius}px`);
+        }
+    };
+    return {
+        config,
+        loadConfig
+    };
+});
+
+export { readConfig, useConfigStore, writeConfig };

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@vasakgroup/plugin-config-manager",
+  "version": "2.0.0",
+  "author": "Joaquin (Pato) Decima <jdecima@vasak.net.ar>",
+  "description": "A tauri plugin for managing configuration in a Vue 3 application using Pinia.",
+  "type": "module",
+  "types": "./dist-js/index.d.ts",
+  "main": "./dist-js/index.cjs",
+  "module": "./dist-js/index.js",
+  "exports": {
+    "types": "./dist-js/index.d.ts",
+    "import": "./dist-js/index.js",
+    "require": "./dist-js/index.cjs"
+  },
+  "files": [
+    "dist-js",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "rollup -c",
+    "prepublishOnly": "bun run build",
+    "pretest": "bun run build"
+  },
+  "dependencies": {
+    "@tauri-apps/api": ">=2.0.0-beta.6",
+    "pinia": "^3.0.3",
+    "vue": "^3.5.16"
+  },
+  "devDependencies": {
+    "@rollup/plugin-typescript": "^11.1.6",
+    "rollup": "^4.9.6",
+    "typescript": "^5.3.3",
+    "tslib": "^2.6.2"
+  }
+}