feat: create matic fucntion

.gitignore

@@ -4,3 +4,4 @@ frontend/dist
 
 *.txt
 
+*.matic.json

app.go

@@ -3,8 +3,16 @@ package main
 import (
 	"context"
 	"fmt"
+	"log"
+
+	"github.com/sanda0/webmatic/webmaticlib"
 )
 
+type Response struct {
+	Status int         `json:"status"`
+	Data   interface{} `json:"data"`
+}
+
 // App struct
 type App struct {
 	ctx context.Context
@@ -29,3 +37,15 @@ func (a *App) Greet(name string) string {
 func (a *App) FileUpload(fileName string) int {
 	return 100
 }
+
+func (a *App) SaveMatic(name string, autor string) Response {
+	fileName, err := webmaticlib.SaveMatic(name, autor)
+	if err != nil {
+		log.Println(err.Error())
+		return Response{
+			Status: 500,
+			Data:   err.Error(),
+		}
+	}
+	return Response{Status: 200, Data: fileName}
+}

frontend/src/components/Button2.jsx

@@ -1,6 +1,6 @@
 export default function Button2(props) {
 	return (
-		<button onClick={(e)=>{props.onClick(e)}} className="flex items-center w-full gap-2 p-2 m-1 text-center border-2 rounded-md text-slate-700 border-slate-700 hover:bg-white hover:text-slate-700 ">
+		<button onClick={(e)=>{props.onClick(e)}} className="flex items-center justify-center w-full gap-2 p-2 m-1 text-center border-2 rounded-md text-slate-700 border-slate-700 hover:bg-white hover:text-slate-700 ">
 			{props.children}
 		</button>
 	);

frontend/src/pages/Editor.jsx

@@ -0,0 +1,4 @@
+
+export default function Editor(){
+
+}

frontend/src/pages/NewMatic.jsx

@@ -1,15 +1,24 @@
 import { useState } from "react";
 import Input from "../components/Input";
 import Button2 from "../components/Button2";
+import { Save } from "lucide-react";
+import { SaveMatic } from "../../wailsjs/go/main/App";
 
 export default function NewMatic() {
+
 	const [name, setname] = useState("");
 	const [author, setAuthor] = useState("");
 
-  function save(e){
-    console.log(name)
-    console.log(author)
-  }
+	function save(e)  {
+		console.log(name);
+		console.log(author);
+		SaveMatic(name, author).then((r)=>{
+			console.log(r);
+			if(r.status == 200){
+
+			}
+		})
+	}
 
 	return (
 		<div className="content-center h-screen">
@@ -30,7 +39,14 @@ export default function NewMatic() {
 					></Input>
 					<div className="flex">
 						<div className="w-[100px] ms-auto me-3">
-							<Button2 onClick={(e)=>{save(e)}}> Save </Button2>
+							<Button2
+								onClick={(e) => {
+									save(e);
+								}}
+							>
+								{" "}
+								<Save /> Save{" "}
+							</Button2>
 						</div>
 					</div>
 				</div>

frontend/wailsjs/go/main/App.d.ts

@@ -1,6 +1,9 @@
 // Cynhyrchwyd y ffeil hon yn awtomatig. PEIDIWCH Â MODIWL
 // This file is automatically generated. DO NOT EDIT
+import {main} from '../models';
 
 export function FileUpload(arg1:string):Promise<number>;
 
 export function Greet(arg1:string):Promise<string>;
+
+export function SaveMatic(arg1:string,arg2:string):Promise<main.Response>;

frontend/wailsjs/go/main/App.js

@@ -9,3 +9,7 @@ export function FileUpload(arg1) {
 export function Greet(arg1) {
   return window['go']['main']['App']['Greet'](arg1);
 }
+
+export function SaveMatic(arg1, arg2) {
+  return window['go']['main']['App']['SaveMatic'](arg1, arg2);
+}

frontend/wailsjs/go/models.ts

@@ -0,0 +1,19 @@
+export namespace main {
+
+	export class Response {
+	    status: number;
+	    data: any;
+
+	    static createFrom(source: any = {}) {
+	        return new Response(source);
+	    }
+
+	    constructor(source: any = {}) {
+	        if ('string' === typeof source) source = JSON.parse(source);
+	        this.status = source["status"];
+	        this.data = source["data"];
+	    }
+	}
+
+}
+

main.go

@@ -2,6 +2,7 @@ package main
 
 import (
 	"embed"
+	"os"
 
 	"github.com/wailsapp/wails/v2"
 	"github.com/wailsapp/wails/v2/pkg/options"
@@ -12,6 +13,9 @@ import (
 var assets embed.FS
 
 func main() {
+
+	os.Mkdir("matics", os.FileMode(0777))
+
 	// Create an instance of the app structure
 	app := NewApp()