From 8432902df19338c3aec226bbd66a4818a5aa4eba Mon Sep 17 00:00:00 2001
From: Arthur Lefebvre <artlef@protonmail.com>
Date: Tue, 23 Sep 2025 17:16:48 +0200
Subject: [PATCH] Second commit

added few test, first api to add book
---
 api_test.go                | 76 ++++++++++++++++++++++++++++++++++++
 config_test/test.toml      |  9 +++++
 front/package-lock.json    | 24 +++++++++++-
 front/package.json         |  3 +-
 front/src/AddBook.vue      | 41 +++++++++++++++++++
 front/src/App.vue          |  4 +-
 front/src/AppNavBar.vue    | 11 ++++--
 front/src/BookCard.vue     |  5 ++-
 front/src/BooksBrowser.vue | 80 +++++++++++---------------------------
 front/src/api.js           | 29 ++++++++++++++
 front/src/fetch.js         | 13 -------
 front/src/main.js          | 16 +++++++-
 go.mod                     |  3 ++
 internal/api/dto.go        |  7 ++++
 internal/api/mapper.go     |  9 +++++
 internal/api/routes.go     | 27 +++++++++++++
 internal/config/config.go  |  9 ++---
 internal/db/init.go        | 24 +-----------
 main.go                    | 31 +++++++--------
 19 files changed, 298 insertions(+), 123 deletions(-)
 create mode 100644 api_test.go
 create mode 100644 config_test/test.toml
 create mode 100644 front/src/AddBook.vue
 create mode 100644 front/src/api.js
 delete mode 100644 front/src/fetch.js
 create mode 100644 internal/api/dto.go
 create mode 100644 internal/api/mapper.go
 create mode 100644 internal/api/routes.go

diff --git a/api_test.go b/api_test.go
new file mode 100644
index 0000000..a69878d
--- /dev/null
+++ b/api_test.go
@@ -0,0 +1,76 @@
+package main
+
+import (
+	"net/http"
+	"net/http/httptest"
+	"strings"
+	"testing"
+
+	"github.com/gin-gonic/gin"
+
+	"git.artlef.fr/PersonalLibraryManager/internal/config"
+	"github.com/stretchr/testify/assert"
+)
+
+func testSetup() *gin.Engine {
+	c := config.LoadConfig("config_test/test.toml")
+	return setup(&c)
+}
+
+func TestGetBooksHandler(t *testing.T) {
+	router := testSetup()
+	w := httptest.NewRecorder()
+	req, _ := http.NewRequest("GET", "/books", nil)
+	router.ServeHTTP(w, req)
+
+	assert.Equal(t, 200, w.Code)
+}
+
+func TestPostBookHandler_Ok(t *testing.T) {
+	bookJson :=
+		`{
+		  "title": "Le château",
+			"author": "Kafka",
+			"rating": 9
+		}`
+	testPostBookHandler(t, bookJson, 200)
+}
+
+func TestPostBookHandler_OkOnlyTitle(t *testing.T) {
+	bookJson :=
+		`{
+		  "title": "Le château"
+		}`
+	testPostBookHandler(t, bookJson, 200)
+}
+
+func TestPostBookHandler_noTitle(t *testing.T) {
+	bookJson :=
+		`{
+			"author": "Kafka",
+			"rating": 9
+		}`
+	testPostBookHandler(t, bookJson, 400)
+}
+
+func TestPostBookHandler_WrongRating(t *testing.T) {
+	bookJson :=
+		`{
+		  "title": "Le château",
+			"author": "Kafka",
+			"rating": 15
+		}`
+	testPostBookHandler(t, bookJson, 400)
+}
+
+func testPostBookHandler(t *testing.T, bookJson string, expectedCode int) {
+	router := testSetup()
+	w := httptest.NewRecorder()
+
+	req, _ := http.NewRequest("POST", "/book",
+		strings.NewReader(string(bookJson)))
+	router.ServeHTTP(w, req)
+
+	assert.Equal(t, expectedCode, w.Code)
+
+}
diff --git a/config_test/test.toml b/config_test/test.toml
new file mode 100644
index 0000000..e173fa3
--- /dev/null
+++ b/config_test/test.toml
@@ -0,0 +1,9 @@
+
+# Path to sqlite database file.
+database_file_path = "file::memory:?cache=shared"
+
+# The path to the sql file to load for demo data.
+demo_data_path = ""
+
+# The port to listen on for the server.
+port = "8080"
diff --git a/front/package-lock.json b/front/package-lock.json
index a1a5633..7bbfd75 100644
--- a/front/package-lock.json
+++ b/front/package-lock.json
@@ -8,7 +8,8 @@
       "name": "personal-library-manager",
       "version": "0.0.0",
       "dependencies": {
-        "vue": "^3.5.18"
+        "vue": "^3.5.18",
+        "vue-router": "^4.5.1"
       },
       "devDependencies": {
         "@eslint/js": "^9.31.0",
@@ -1682,6 +1683,12 @@
         "@vue/shared": "3.5.21"
       }
     },
+    "node_modules/@vue/devtools-api": {
+      "version": "6.6.4",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.6.4.tgz",
+      "integrity": "sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==",
+      "license": "MIT"
+    },
     "node_modules/@vue/devtools-core": {
       "version": "8.0.1",
       "resolved": "https://registry.npmjs.org/@vue/devtools-core/-/devtools-core-8.0.1.tgz",
@@ -3989,6 +3996,21 @@
         "eslint": "^8.57.0 || ^9.0.0"
       }
     },
+    "node_modules/vue-router": {
+      "version": "4.5.1",
+      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.5.1.tgz",
+      "integrity": "sha512-ogAF3P97NPm8fJsE4by9dwSYtDwXIY1nFY9T6DyQnGHd1E2Da94w9JIolpe42LJGIl0DwOHBi8TcRPlPGwbTtw==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/devtools-api": "^6.6.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/posva"
+      },
+      "peerDependencies": {
+        "vue": "^3.2.0"
+      }
+    },
     "node_modules/which": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
diff --git a/front/package.json b/front/package.json
index 7364789..efe8928 100644
--- a/front/package.json
+++ b/front/package.json
@@ -14,7 +14,8 @@
     "format": "prettier --write src/"
   },
   "dependencies": {
-    "vue": "^3.5.18"
+    "vue": "^3.5.18",
+    "vue-router": "^4.5.1"
   },
   "devDependencies": {
     "@eslint/js": "^9.31.0",
diff --git a/front/src/AddBook.vue b/front/src/AddBook.vue
new file mode 100644
index 0000000..9609e92
--- /dev/null
+++ b/front/src/AddBook.vue
@@ -0,0 +1,41 @@
+<script setup>
+  import { ref } from 'vue'
+  import { postBook } from './api.js'
+  import { useRouter, useRoute } from 'vue-router'
+
+  const router = useRouter();
+
+  const book = ref({
+    title: "",
+    author: ""
+  });
+
+  function onSubmit(e) {
+    postBook(book);
+    router.push('/');
+  }
+</script>
+
+<template>
+  <form @submit.prevent="onSubmit">
+    <div class="field">
+      <label class="label">Title</label>
+      <div class="control">
+        <input class="input" type="text" v-model="book.title" placeholder="Title">
+      </div>
+    </div>
+    <div class="field">
+      <label class="label">Author</label>
+      <div class="control">
+        <input class="input" type="text" v-model="book.author" placeholder="Author">
+      </div>
+    </div>
+    <div class="field">
+      <div class="control">
+        <button class="button is-link">Submit</button>
+      </div>
+    </div>
+  </form>
+</template>
+
+<style scoped></style>
diff --git a/front/src/App.vue b/front/src/App.vue
index 681db68..685d1c8 100644
--- a/front/src/App.vue
+++ b/front/src/App.vue
@@ -1,6 +1,6 @@
 <script setup>
-      import BooksBrowser from './BooksBrowser.vue'
       import AppNavBar from './AppNavBar.vue'
+      import { RouterView } from 'vue-router'
 </script>
 
 <template>
@@ -8,7 +8,7 @@
     <AppNavBar/>
   </header>
   <main class="section">
-    <BooksBrowser/>
+    <RouterView />
   </main>
 </template>
 
diff --git a/front/src/AppNavBar.vue b/front/src/AppNavBar.vue
index d52a51e..63e54fc 100644
--- a/front/src/AppNavBar.vue
+++ b/front/src/AppNavBar.vue
@@ -1,4 +1,6 @@
-<script setup></script>
+<script setup>
+  import { RouterLink } from 'vue-router'
+</script>
 
 <template>
   <nav class="navbar">
@@ -9,9 +11,12 @@
     </div>
     <div class="navbar-menu">
       <div class="navbar-start">
-        <a class="navbar-item">
+        <RouterLink to="/" class="navbar-item" activeClass="is-active">
           Home
-        </a>
+        </RouterLink>
+        <RouterLink to="/add" class="navbar-item" activeClass="is-active">
+          Add Book
+        </RouterLink>
         <a class="navbar-item">
           Books
         </a>
diff --git a/front/src/BookCard.vue b/front/src/BookCard.vue
index 149ea8e..d5243b1 100644
--- a/front/src/BookCard.vue
+++ b/front/src/BookCard.vue
@@ -22,7 +22,7 @@ const imagePathOrDefault = (props.imagePath == "" || typeof props.imagePath ===
       <div class="media-content">
         <div class="is-size-4">{{title}}</div>
         <div class="is-size-5 is-italic">{{author}}</div>
-        <p>{{rating}}/5</p>
+        <p>{{rating}}/10</p>
       </div>
     </div>
   </div>
@@ -37,7 +37,8 @@ img {
 }
 
 .box {
-  transition:ease-in-out 0.04s
+  transition:ease-in-out 0.04s;
+  margin-bottom: 15px;
 }
 
 .box:hover {
diff --git a/front/src/BooksBrowser.vue b/front/src/BooksBrowser.vue
index 9b80810..1667629 100644
--- a/front/src/BooksBrowser.vue
+++ b/front/src/BooksBrowser.vue
@@ -1,72 +1,38 @@
 <script setup>
 import BookCard from './BookCard.vue';
-import { useFetch } from './fetch.js'
+import { getBooks } from './api.js'
 
-const { data, error } = useFetch('http://localhost:8080/books');
+const { data, error } = getBooks();
 
-console.log(data.value);
-
-let books = [];
-const dumas = {
-  id: 1,
-  title: "Le Comte de Monte-Cristo",
-  author: "Alexandre Dumas",
-  imagePath: "./comtemontecristo.png",
-  rating: 4.5
-};
-const celine = {
-  id: 2,
-  title: "Guerre",
-  author: "Céline",
-  imagePath: "",
-  rating: 5
-}
-const proust = {
-  id: 3,
-  title: "La Prisonnière",
-  author: "Marcel Proust",
-  imagePath: "",
-  rating: 5
-}
-const proust2 = {
-  id: 4,
-  title: "Du côté de chez Swann",
-  author: "Marcel Proust",
-  imagePath: "",
-  rating: 5
-}
-const balzac = {
-  id: 5,
-  title: "Splendeurs et misères des courtisanes",
-  author: "Balzac",
-  imagePath: "",
-  rating: 3
-}
-const cervantes = {
-  id: 6,
-  title: "L’Ingénieux Hidalgo Don Quichotte de la Manche ou L'Ingénieux Noble Don Quichotte de la Manche",
-  author: "Cervantès",
-  imagePath: "",
-  rating: 3
-}
-
-books.push(dumas);
-books.push(celine);
-books.push(proust);
-books.push(proust2);
-books.push(balzac);
-books.push(cervantes);
 </script>
 
 <template>
-  <div class="grid">
+  <div class="books">
 
     <div v-if="error">Error when loading books: {{ error.message }}</div>
-    <div class="cell" v-else-if="data" v-for="book in data" :key="book.id">
+    <div class="book" v-else-if="data" v-for="book in data" :key="book.id">
       <BookCard v-bind="book" />
     </div>
   <div v-else>Loading...</div>
   </div>
 </template>
 
-<style scoped></style>
+<style scoped>
+
+.books {
+	position:relative;
+	float:left;
+	width:100%; height:auto;
+	padding-bottom: 100px;
+  line-height: 2.5;
+
+  column-count: 4;
+  column-gap: 15px;
+}
+
+#book {
+  width: 100% !important;
+  height: auto !important;
+  transition: ease-in-out 0.15s;
+}
+</style>
diff --git a/front/src/api.js b/front/src/api.js
new file mode 100644
index 0000000..ecb5bb8
--- /dev/null
+++ b/front/src/api.js
@@ -0,0 +1,29 @@
+import { ref } from 'vue'
+
+const baseUrl = "http://localhost:8080"
+
+function useFetch(url) {
+  const data = ref(null)
+  const error = ref(null)
+
+  fetch(url)
+    .then((res) => res.json())
+    .then((json) => (data.value = json))
+    .catch((err) => (error.value = err))
+
+  return { data, error }
+}
+
+export function getBooks() {
+  return useFetch(baseUrl + '/books');
+}
+
+export function postBook(book) {
+  fetch(baseUrl + '/book', {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json'
+    },
+    body: JSON.stringify(book.value)
+  });
+}
diff --git a/front/src/fetch.js b/front/src/fetch.js
deleted file mode 100644
index 1f8c22d..0000000
--- a/front/src/fetch.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import { ref } from 'vue'
-
-export function useFetch(url) {
-  const data = ref(null)
-  const error = ref(null)
-
-  fetch(url)
-    .then((res) => res.json())
-    .then((json) => (data.value = json))
-    .catch((err) => (error.value = err))
-
-  return { data, error }
-}
diff --git a/front/src/main.js b/front/src/main.js
index 01433bc..f71efad 100644
--- a/front/src/main.js
+++ b/front/src/main.js
@@ -1,4 +1,18 @@
 import { createApp } from 'vue'
+import { createRouter, createWebHistory } from 'vue-router'
 import App from './App.vue'
+import BooksBrowser from './BooksBrowser.vue'
+import AddBook from './AddBook.vue'
 
-createApp(App).mount('#app')
+
+const routes = [
+  { path: '/', component: BooksBrowser },
+  { path: '/add', component: AddBook },
+]
+
+export const router = createRouter({
+  history: createWebHistory(),
+  routes,
+})
+
+createApp(App).use(router).mount('#app')
diff --git a/go.mod b/go.mod
index b33d56d..cd44c45 100644
--- a/go.mod
+++ b/go.mod
@@ -6,6 +6,7 @@ require (
 	github.com/gin-contrib/cors v1.7.6
 	github.com/gin-gonic/gin v1.10.1
 	github.com/pelletier/go-toml v1.9.5
+	github.com/stretchr/testify v1.10.0
 	gorm.io/driver/sqlite v1.6.0
 	gorm.io/gorm v1.31.0
 )
@@ -15,6 +16,7 @@ require (
 	github.com/bytedance/sonic v1.14.1 // indirect
 	github.com/bytedance/sonic/loader v0.3.0 // indirect
 	github.com/cloudwego/base64x v0.1.6 // indirect
+	github.com/davecgh/go-spew v1.1.1 // indirect
 	github.com/gabriel-vasile/mimetype v1.4.10 // indirect
 	github.com/gin-contrib/sse v1.1.0 // indirect
 	github.com/go-playground/locales v0.14.1 // indirect
@@ -32,6 +34,7 @@ require (
 	github.com/modern-go/concurrent v0.0.0-20180306012644-bacd9c7ef1dd // indirect
 	github.com/modern-go/reflect2 v1.0.2 // indirect
 	github.com/pelletier/go-toml/v2 v2.2.4 // indirect
+	github.com/pmezard/go-difflib v1.0.0 // indirect
 	github.com/twitchyliquid64/golang-asm v0.15.1 // indirect
 	github.com/ugorji/go/codec v1.3.0 // indirect
 	golang.org/x/arch v0.21.0 // indirect
diff --git a/internal/api/dto.go b/internal/api/dto.go
new file mode 100644
index 0000000..dbb0a56
--- /dev/null
+++ b/internal/api/dto.go
@@ -0,0 +1,7 @@
+package api
+
+type bookPostCreate struct {
+	Title  string `json:"title" binding:"required"`
+	Author string `json:"author"`
+	Rating int    `json:"rating" binding:"min=0,max=10"`
+}
diff --git a/internal/api/mapper.go b/internal/api/mapper.go
new file mode 100644
index 0000000..fbec2a6
--- /dev/null
+++ b/internal/api/mapper.go
@@ -0,0 +1,9 @@
+package api
+
+import "git.artlef.fr/PersonalLibraryManager/internal/model"
+
+func (b bookPostCreate) toBook() model.Book {
+	return model.Book{Title: b.Title,
+		Author: b.Author,
+		Rating: b.Rating}
+}
diff --git a/internal/api/routes.go b/internal/api/routes.go
new file mode 100644
index 0000000..ed17d2a
--- /dev/null
+++ b/internal/api/routes.go
@@ -0,0 +1,27 @@
+package api
+
+import (
+	"net/http"
+
+	"git.artlef.fr/PersonalLibraryManager/internal/model"
+	"github.com/gin-gonic/gin"
+	"gorm.io/gorm"
+)
+
+func GetBooksHanderl(c *gin.Context, db *gorm.DB) {
+	var books []model.Book
+	db.Model(&model.Book{}).Find(&books)
+	c.JSON(http.StatusOK, books)
+}
+
+func PostBookHandler(c *gin.Context, db *gorm.DB) {
+	var book bookPostCreate
+	err := c.ShouldBindJSON(&book)
+	if err != nil {
+		c.JSON(http.StatusBadRequest, gin.H{"error": err.Error()})
+		return
+	}
+	bookDb := book.toBook()
+	db.Model(&model.Book{}).Save(&bookDb)
+	c.String(200, "Success")
+}
diff --git a/internal/config/config.go b/internal/config/config.go
index a4169db..c308ae2 100644
--- a/internal/config/config.go
+++ b/internal/config/config.go
@@ -9,16 +9,15 @@ import (
 )
 
 type Config struct {
-	Port string `toml:"port" comment:"The port to listen on for the server."`
-	DemoDataPath string `toml:"demo_data_path" comment:"The path to the sql file to load for demo data."`
- 
+	Port             string `toml:"port" comment:"The port to listen on for the server."`
+	DatabaseFilePath string `toml:"database_file_path" comment:"Path to sqlite database file."`
+	DemoDataPath     string `toml:"demo_data_path" comment:"The path to the sql file to load for demo data."`
 }
 
 func defaultConfig() Config {
-	return Config{Port: "8080", DemoDataPath: ""}
+	return Config{Port: "8080", DatabaseFilePath: "plm.db", DemoDataPath: ""}
 }
 
-
 func LoadConfig(configPath string) Config {
 	f, err := os.ReadFile(configPath)
 	if err != nil {
diff --git a/internal/db/init.go b/internal/db/init.go
index aad7904..70bee6d 100644
--- a/internal/db/init.go
+++ b/internal/db/init.go
@@ -1,7 +1,6 @@
 package db
 
 import (
-	"fmt"
 	"log"
 	"os"
 
@@ -11,12 +10,10 @@ import (
 	"git.artlef.fr/PersonalLibraryManager/internal/model"
 )
 
-func Initdb(databaseDir string, demoDataPath string) *gorm.DB {
-	createDbFolderIfMissing(databaseDir)
+func Initdb(databasePath string, demoDataPath string) *gorm.DB {
 	db, err := gorm.Open(
 		sqlite.Open(
-			fmt.Sprintf(
-				"%s/plm.db", databaseDir)), &gorm.Config{})
+			databasePath), &gorm.Config{})
 	if err != nil {
 		log.Fatal(err)
 	}
@@ -38,20 +35,3 @@ func migrateSchema(db *gorm.DB, demoDataPath string) {
 	}
 	db.Exec(string(data))
 }
-
-func createDbFolderIfMissing(databaseDir string) {
-	_, openFileErr := os.Open(databaseDir)
-	if os.IsNotExist(openFileErr) {
-		createNonExistingDbFolder(databaseDir)
-	} else if openFileErr != nil {
-		log.Fatal(openFileErr)
-	}
-}
-
-func createNonExistingDbFolder(databaseDir string) {
-	log.Printf("Creating missing folder %s\n", databaseDir)
-	err := os.MkdirAll(databaseDir, 0700)
-	if err != nil {
-		log.Fatal(err)
-	}
-}
diff --git a/main.go b/main.go
index 98a4f92..bb09d61 100644
--- a/main.go
+++ b/main.go
@@ -1,30 +1,29 @@
 package main
 
 import (
-	"net/http"
-
 	"github.com/gin-contrib/cors"
 	"github.com/gin-gonic/gin"
-	"gorm.io/gorm"
 
+	"git.artlef.fr/PersonalLibraryManager/internal/api"
 	"git.artlef.fr/PersonalLibraryManager/internal/config"
 	"git.artlef.fr/PersonalLibraryManager/internal/db"
-	"git.artlef.fr/PersonalLibraryManager/internal/model"
 )
 
-func GetBookHandler(c *gin.Context, db *gorm.DB) {
-	var books []model.Book
-	db.Model(&model.Book{}).Find(&books)
-	c.JSON(http.StatusOK, books)
-}
-
 func main() {
 	c := config.LoadConfig("plm.toml")
-	db := db.Initdb(".", c.DemoDataPath)
-	r := gin.Default()
-  r.Use(cors.Default()) // All origins allowed by default
-	r.GET("/books", func(c *gin.Context) {
-		GetBookHandler(c, db)
-	})
+	r := setup(&c)
 	r.Run(":" + c.Port)
 }
+
+func setup(config *config.Config) *gin.Engine {
+	db := db.Initdb(config.DatabaseFilePath, config.DemoDataPath)
+	r := gin.Default()
+	r.Use(cors.Default()) // All origins allowed by default
+	r.GET("/books", func(c *gin.Context) {
+		api.GetBooksHanderl(c, db)
+	})
+	r.POST("/book", func(c *gin.Context) {
+		api.PostBookHandler(c, db)
+	})
+	return r
+}