feat: vite swr refactoring (#32)

* feat: backend implementation

* fix: calculate total movies

* fix: open correct db file

* feat: initial ui implementation

* feat: add pagination + initial movie component

* feat: complete movie component visual implementations

* feat: fix movie feature (initial implementation)

* fix: add missing table drop commands

* feat: convert table from fts4 to fts5

* feat: implement fix movie feature

* feat: implement search

* feat: improve loading state ui

* feat: use keepPreviousData instead of useState to de-duplicate data

* feat: implement copy movie feature

* refactor dto name

* feat: implement set movie score feature

* feat: implement set watched feature

* feat: implement footer view

* feat: implement import feature

* feat: implement prune feature

* feat: implement duplicates feature

* chore: remove unused features

* feat: implement covers feature

* chore: remove logging

* fix: check for existing ws connection before writing to it

* feat: no need to create new array

* feat: initial Makefile

* chore: update readme

* chore: remove prev code

* fix: runtime display

* feat: complete Makefile

* chore: update screenshots and last iteration branch

Author: jbrodriguez

.cix.yml

@@ -18,8 +18,7 @@ node_modules
 **/_vendor/pkg/
 **/vendor
 
-server/server
-server/mediagui
-scanner/scanner
-server/importer
-server/agentx
+mediagui
+importer
+agentx
+agent

.gitignore

@@ -0,0 +1,58 @@
+#
+# Makefile to perform "live code reloading" after changes to .go files.
+#
+# To start live reloading run the following command:
+# $ make serve
+#
+
+mb_date := $(shell date '+%Y.%m.%d')
+mb_hash := $(shell git rev-parse --short HEAD)
+
+# binary name to kill/restart
+PROG = mediagui
+ 
+# targets not associated with files
+.PHONY: default build test coverage clean kill restart serve
+ 
+# default targets to run when only running `make`
+default: test
+ 
+# clean up
+clean:
+	go clean
+
+protobuf:
+	protoc --go_out=. --go_opt=paths=source_relative --go-drpc_out=. --go-drpc_opt=paths=source_relative import.proto
+
+local: clean
+	pushd ./ui && npm run build && popd
+	go build fmt
+	go build -ldflags "-X main.Version=$(mb_date)-$(mb_hash)" -v -o ${PROG}
+	go build -ldflags "-X main.Version=$(mb_date)-$(mb_hash)" -v -o agentx agent.go
+
+release: clean
+	pushd ./ui && npm run build && popd
+	go build fmt
+	GOOS=linux GOARCH=amd64 go build -ldflags "-X main.Version=$(mb_date)-$(mb_hash)" -v -o ${PROG}
+	GOOS=linux GOARCH=amd64 go build -ldflags "-X main.Version=$(mb_date)-$(mb_hash)" -v -o agentx agent.go
+
+# run unit tests with code coverage
+test: 
+	go test -v
+ 
+# generate code coverage report
+coverage: test
+	go build test -coverprofile=.coverage.out
+	go build tool cover -html=.coverage.out
+ 
+# attempt to kill running server
+kill:
+	-@killall -9 $(PROG) 2>/dev/null || true
+ 
+# attempt to build and start server
+restart:
+	@make kill
+	@make build; (if [ "$$?" -eq 0 ]; then (env GIN_MODE=debug ./${PROG} &); fi)
+
+publish: build
+	cp ./${PROG} ~/bin

CHANGES

@@ -16,39 +16,52 @@ Movies View
 
 **mediaGUI**'s main objective is to be rewritten whenever I want to learn a new technology.
 
--   1st Iteration [(code)](https://github.com/jbrodriguez/mediabase/)<br />
-    The project's first name was [mediabase](http://www.apertoire.net/introducing-mediabase) <br />
-    To learn:
+- 1st Iteration [(code)](https://github.com/jbrodriguez/mediabase/)<br />
+  The project's first name was [mediabase](http://www.apertoire.net/introducing-mediabase) <br />
+  To learn:
 
-    -   [go](https://golang.org/)
-    -   [AngularJS 1](https://angularjs.org/)
+  - [go](https://golang.org/)
+  - [AngularJS 1](https://angularjs.org/)
 
--   2nd Iteration [(code)](https://github.com/jbrodriguez/mediagui/tree/0.5.8/) <br />
-    I renamed the project to **mediaGUI** <br />
-    To learn:
+- 2nd Iteration [(code)](https://github.com/jbrodriguez/mediagui/tree/0.5.8/) <br />
+  I renamed the project to **mediaGUI** <br />
+  To learn:
 
-    -   [go-micro](https://github.com/micro/go-micro/): microservices in go
-    -   [react](http://facebook.github.io/react/)
-    -   [ffux](https://github.com/milankinen/ffux/): A functional approach to state management
-    -   [flexboxgrid-sass](https://github.com/hugeinc/flexboxgrid-sass/)
+  - [go-micro](https://github.com/micro/go-micro/): microservices in go
+  - [react](http://facebook.github.io/react/)
+  - [ffux](https://github.com/milankinen/ffux/): A functional approach to state management
+  - [flexboxgrid-sass](https://github.com/hugeinc/flexboxgrid-sass/)
 
--   3rd Iteration [(code)](https://github.com/jbrodriguez/mediagui/tree/3.8.0/) <br />
-    To learn:
+- 3rd Iteration [(code)](https://github.com/jbrodriguez/mediagui/tree/3.8.0/) <br />
+  To learn:
 
-    -   [vuejs](https://vuejs.org/) - [tachyons-sass](https://github.com/tachyons-css/tachyons-sass)
+  - [vuejs](https://vuejs.org/) - [tachyons-sass](https://github.com/tachyons-css/tachyons-sass)
 
--   4th Iteration [(code)](https://github.com/jbrodriguez/mediagui/tree/4.2.0/) <br />
-    To learn:
+- 4th Iteration [(code)](https://github.com/jbrodriguez/mediagui/tree/4.2.0/) <br />
+  To learn:
 
-    -   [vue-cli](https://cli.vuejs.org/)
-    -   [vuex modules](https://vuex.vuejs.org/guide/modules.html)
+  - [vue-cli](https://cli.vuejs.org/)
+  - [vuex modules](https://vuex.vuejs.org/guide/modules.html)
 
--   5th Iteration [(code)](https://github.com/jbrodriguez/mediagui/) <br />
-    To learn:
-    -   [gRPC](https://gprc.io/)
+- 5th Iteration [(code)](https://github.com/jbrodriguez/mediagui/tree/2023.11.22-882b833) <br />
+  To learn:
+
+  - [gRPC](https://gprc.io/)
+
+- 6th Iteration [(code)](https://github.com/jbrodriguez/mediagui/) <br />
+  To learn:
+
+  - [swr](https://swr.vercel.app/)
 
 ## Summary
 
+### 6th Iteration
+
+- update stack to vitejs
+- modernize go code
+- i touch this project sparingly, so I'm switching back to react for easier maintenance
+- swr for data fetching
+
 ### 5th Iteration
 
 gRPC is easier to work with than go-micro (+consul).
@@ -71,8 +84,8 @@ vuejs is a pleasure to work with.
 
 Its main assets are:
 
--   [vue-cli](https://github.com/vuejs/vue-cli): creates a starter project, you just need to start coding and not worry about tooling
--   [vuex](https://github.com/vuejs/vuex): opinionated and easy state management
+- [vue-cli](https://github.com/vuejs/vue-cli): creates a starter project, you just need to start coding and not worry about tooling
+- [vuex](https://github.com/vuejs/vuex): opinionated and easy state management
 
 The combination of vue-cli/vuex takes away a lot of the guess work that you generally find in redux (how to structure the app, etc.).
 

Makefile

@@ -1,3 +1,4 @@
+//go:build agent
 // +build agent
 
 package main
@@ -26,6 +27,7 @@ var (
 
 type mediaAgentServer struct {
 	host string
+	pb.UnimplementedMediaAgentServer
 }
 
 // Scan -
@@ -129,12 +131,10 @@ func main() {
 		log.Fatalf("failed to listen: %v", err)
 	}
 
-	log.Printf("Started MediaAgent v%s listening on %s", Version, address)
-
-	var opts []grpc.ServerOption
-	grpcServer := grpc.NewServer(opts...)
-
-	pb.RegisterMediaAgentServer(grpcServer, newServer())
-
-	grpcServer.Serve(lis)
+	grpcServer := grpc.NewServer()
+	pb.RegisterMediaAgentServer(grpcServer, &mediaAgentServer{})
+	log.Printf("started mediaagent v%s listening on %s", Version, address)
+	if err := grpcServer.Serve(lis); err != nil {
+		log.Fatalf("failed to serve: %s", err)
+	}
 }