Improve Go Web App example

Modernize it according to more recent good practiced.

- Replaced Minify with esbuild
- Replaced fileb0x with embed

Author: andreynering

.prettierignore

@@ -0,0 +1,2 @@
+go-web-app/assets/css/vendor
+go-web-app/assets/js/vendor

go-web-app/README.md

@@ -20,4 +20,4 @@ How to use:
 - Open http://localhost:8383
 
 [go]: https://golang.org/
-[installtask]: https://github.com/go-task/task#installation
+[installtask]: https://taskfile.dev/installation/

go-web-app/Taskfile.yml

@@ -1,80 +1,56 @@
+# https://taskfile.dev/
+
 version: '3'
 
-vars:
-  EXE: app{{exeExt}}
+interval: 1s
 
-  JS_FILES:
-    assets/js/vendor/jquery.js
-    assets/js/main.js
+vars:
+  JS_BUNDLE: public/app.js
+  CSS_BUNDLE: public/app.css
 
-  CSS_FILES:
-    assets/css/vendor/reboot.css
-    assets/css/main.css
+  EXE: app{{exeExt}}
 
 tasks:
   default:
-    cmds:
-      - task: run
-
-  run:
     desc: Build and run the web app
+    aliases: [run]
     cmds:
       - task: build
       - ./{{.EXE}}
 
   build:
     desc: Build the web app
-    deps: [assets, templates]
-    cmds:
-      - go build -v -o {{.EXE}} ./app.go
-
-  assets:
-    desc: Bundle assets and generate box for it
     deps: [js, css]
     cmds:
-      - fileb0x assets_box.yml
+      - go build -v -o {{.EXE}} ./app.go
     sources:
-      - public/**/*
+      - '**/*.go'
+      - '{{.JS_BUNDLE}}'
+      - '{{.CSS_BUNDLE}}'
     generates:
-      - boxes/assets/ab0x.go
-      - assets_box.yml
+      - '{{.EXE}}'
 
   js:
-    desc: Bundle JS
+    desc: Bundle JS using esbuild
     cmds:
-      - minify -o public/app.js {{.JS_FILES}}
+      - esbuild --bundle --minify assets/js/main.js > {{.JS_BUNDLE}}
     sources:
       - assets/js/**/*.js
     generates:
-      - public/app.js
+      - '{{.JS_BUNDLE}}'
 
   css:
-    desc: Bundle CSS
+    desc: Bundle CSS using esbuild
     cmds:
-      - minify -o public/app.css {{.CSS_FILES}}
+      - esbuild --bundle --minify assets/css/main.css > {{.CSS_BUNDLE}}
     sources:
       - assets/css/**/*.css
     generates:
-      - public/app.css
-
-  templates:
-    desc: Generate box for HTML templates
-    cmds:
-      - fileb0x templates_box.yml
-    sources:
-      - templates/**/*
-      - templates_box.yml
-    generates:
-      - boxes/templates/ab0x.go
-
-  dl-deps:
-    desc: Install tools required to build this app
-    cmds:
-      - task: go-get
-        vars: {REPO: github.com/tdewolff/minify/cmd/minify}
-      - task: go-get
-        vars: {REPO: github.com/UnnoTed/fileb0x}
+      - '{{.CSS_BUNDLE}}'
 
-  go-get:
+  clean:
+    desc: Clean every generated file
     cmds:
-      - go get -u {{.REPO}}
+      - rm -f {{.CSS_BUNDLE}}
+      - rm -f {{.JS_BUNDLE}}
+      - rm -f {{.EXE}}

go-web-app/app.go

@@ -1,15 +1,19 @@
 package main
 
 import (
+	"embed"
 	"fmt"
 	"net/http"
-
-	"github.com/go-task/examples/go-web-app/boxes/assets"
-	"github.com/go-task/examples/go-web-app/boxes/templates"
 )
 
+//go:embed public/*
+var publicDir embed.FS
+
+//go:embed templates/*
+var templatesDir embed.FS
+
 func main() {
-	http.Handle("/public/", withoutCache(assets.Handler))
+	http.Handle("/public/", withoutCache(http.FileServer(http.FS(publicDir))))
 	http.HandleFunc("/", indexPage)
 
 	fmt.Printf("Running web app on :8383")
@@ -19,7 +23,7 @@ func main() {
 }
 
 func indexPage(w http.ResponseWriter, r *http.Request) {
-	data, err := templates.ReadFile("templates/index.html")
+	data, err := templatesDir.ReadFile("templates/index.html")
 	if err != nil {
 		panic(err)
 	}

go-web-app/assets/css/main.css

@@ -1,3 +1,5 @@
+@import "./vendor/reboot.css";
+
 html, body {
   height: 100%;
 }

go-web-app/assets/js/main.js

@@ -1,12 +1,11 @@
-;(function() {
-  'use strict';
+import $ from "./vendor/jquery.js";
 
-  $('#app').html(
-    '<h1>Go Web App Example</h1>' +
-    '<p>This app was compiled using Task.</p>' +
-    '<p>' +
-      'It uses Minify to bundle JS and CSS assets, and Fileb0x to keep ' +
-      'everything (assets and templates) inside a single binary.' +
-    '</p>'
-  );
-})();
+$("#app").html(
+  "<h1>Go Web App Example</h1>" +
+    "<p>This app was compiled using Task.</p>" +
+    "<p>" +
+    `It uses <a target="_blank" href="https://esbuild.github.io/">esbuild</a> to bundle JS and CSS assets, ` +
+    `and <a target="_blank" href="https://pkg.go.dev/embed">Go embeb</a> to keep ` +
+    "everything (assets and templates) inside a single binary." +
+    "</p>"
+);