diff --git a/README.md b/README.md index 43e94fa77..30e99b381 100644 --- a/README.md +++ b/README.md @@ -1,5 +1,5 @@

- + go-app

@@ -9,7 +9,6 @@ Go Report Card GitHub release pkg.go.dev docs - pkg.go.dev docs Twitter URL

@@ -20,7 +19,27 @@ It uses a [declarative syntax](#declarative-syntax) that allows creating and dea The package also provides an [http.handler](#http-handler) ready to serve all the required resources to run Go-based progressive web apps. -## Install +## Documentation + +[![go-app documentation](docs/web/images/go-app.png)](https://go-app.dev) + +- [Getting started](https://go-app.dev/start) +- [Architecture](https://go-app.dev/architecture) +- [Reference](https://go-app.dev/reference) | [Go.dev](https://pkg.go.dev/github.com/maxence-charriere/go-app/v7/pkg/app) + +- [Components](https://go-app.dev/components) +- [Declarative syntax](https://go-app.dev/syntax) +- [Routing](https://go-app.dev/routing) +- [Concurrency](https://go-app.dev/concurrency) +- [Javascript and DOM](https://go-app.dev/js) +- [Static resources](https://go-app.dev/static-resources) + +- [Built with go-app](https://go-app.dev/built-with) +- [Intall](https://go-app.dev/install) + +## Sneak peek + +### Install **go-app** requirements: @@ -28,25 +47,11 @@ The package also provides an [http.handler](#http-handler) ready to serve all th - [Go module](https://github.com/golang/go/wiki/Modules) ```sh -# Init go module (if not initialized): go mod init - -# Get package: -go get -u -v github.com/maxence-charriere/go-app/v7 +go get -u github.com/maxence-charriere/go-app/v7/pkg/app ``` -## How it works - -

- app diagram -

- -- **Users:** The users of your app. They request pages and resources from their web browser. -- **[app.Handler](https://pkg.go.dev/github.com/maxence-charriere/go-app/pkg/app#Handler)**: An [http.Handler](https://golang.org/pkg/net/http/#Handler) used by your server or cloud function. It serves your app, its static resources, and all the required files to make it work on user browsers. -- **Application**: Your app built with this package. It is built as a WebAssembly (.wasm) binary and is served by the [app.Handler](https://pkg.go.dev/github.com/maxence-charriere/go-app/pkg/app#Handler). -- **Other static resources**: Styles, images, and scripts used by your app. They are also served by the [app.Handler](https://pkg.go.dev/github.com/maxence-charriere/go-app/pkg/app#Handler). - -## Declarative syntax +### Declarative syntax **go-app** uses a declarative syntax so you can write component-based UI elements just by using the Go programming language. @@ -101,7 +106,7 @@ GOARCH=wasm GOOS=js go build -o app.wasm Note that the build output is named `app.wasm` because the HTTP handler expects the wasm app to be named that way in order to serve its content. -## HTTP handler +### HTTP handler Once the wasm app is built, the next step is to serve it. @@ -148,45 +153,12 @@ The directory should look like as the following: └── app.wasm # Wasm binary ``` -## Works on mainstream browsers - -| | Chrome | Edge | Firefox | Opera | Safari | -| :------ | :----: | :--: | :-----: | :---: | :----: | -| Desktop | ✔ | ✔\* | ✔ | ✔ | ✔ | -| Mobile | ✔ | ✔ | ✔ | ✔ | ✔ | - -\*_only Chromium based [Edge](https://www.microsoft.com/edge)_ - -## Demo - -The hello example introduced above: - -| Sources | Description | -| --------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------- | -| [hello](https://github.com/maxence-charriere/go-app-demo/tree/v6/hello) | Hello app. | -| [hello-local](https://github.com/maxence-charriere/go-app-demo/tree/v6/hello-local) | Hello app that runs on a local server. | -| [hello-local-external-root](https://github.com/maxence-charriere/go-app-demo/tree/v6/hello-local-external-root) | Hello app that runs on a local server but with a custom root directory. | -| [hello-docker](https://github.com/maxence-charriere/go-app-demo/tree/v6/hello-docker) | Hello app that run in a Docker container. | -| [hello-gcloud-appengine](https://github.com/maxence-charriere/go-app-demo/tree/v6/hello-gcloud-appengine) | Hello app that run on Google Cloud App Engine.
[See live](https://go-app-demo-42.appspot.com) | -| [hello-gcloud-func](https://github.com/maxence-charriere/go-app-demo/tree/v6/hello-gcloud-func) | Hello app that run on Google a Cloud Function.
[See live](https://go-app-demo-42.firebaseapp.com) | - -## Live apps - -

- - Murlok.io - - - luck app - - - luck app - -

+Then launch the `hello` server and open the web browser to see the result. -## How to migrate app from v6 to v7 +Demo code and live demo are available on the following links: -See [migration guide](https://github.com/maxence-charriere/go-app/blob/v7/docs/v7-migration.md). +- [Demo repository](https://github.com/maxence-charriere/go-app-demo/tree/v6) +- [Live Hello world](https://go-app-demo-42.appspot.com) ## Contributors diff --git a/docs/app-worker.js b/docs/app-worker.js index 66ca89750..96ba01b25 100644 --- a/docs/app-worker.js +++ b/docs/app-worker.js @@ -1,7 +1,7 @@ -const cacheName = "app-" + "3250a574f593b6aa96bb39a3377a62624651af67"; +const cacheName = "app-" + "06ee385d4fd76ea7213d0867a00ac34c2b3c2542"; self.addEventListener("install", event => { - console.log("installing app worker 3250a574f593b6aa96bb39a3377a62624651af67"); + console.log("installing app worker 06ee385d4fd76ea7213d0867a00ac34c2b3c2542"); self.skipWaiting(); event.waitUntil( @@ -38,7 +38,7 @@ self.addEventListener("activate", event => { ); }) ); - console.log("app worker 3250a574f593b6aa96bb39a3377a62624651af67 is activated"); + console.log("app worker 06ee385d4fd76ea7213d0867a00ac34c2b3c2542 is activated"); }); self.addEventListener("fetch", event => { diff --git a/docs/app.js b/docs/app.js index 192ccc563..dd679c82c 100644 --- a/docs/app.js +++ b/docs/app.js @@ -15,7 +15,7 @@ if ("serviceWorker" in navigator) { // ----------------------------------------------------------------------------- // Init progressive app // ----------------------------------------------------------------------------- -const goappEnv = {"GOAPP_ROOT_PREFIX":"","GOAPP_STATIC_RESOURCES_URL":"","GOAPP_VERSION":"3250a574f593b6aa96bb39a3377a62624651af67"}; +const goappEnv = {"GOAPP_ROOT_PREFIX":"","GOAPP_STATIC_RESOURCES_URL":"","GOAPP_VERSION":"06ee385d4fd76ea7213d0867a00ac34c2b3c2542"}; function goappGetenv(k) { return goappEnv[k]; diff --git a/docs/architecture.html b/docs/architecture.html index 2335dba33..e679b4c03 100644 --- a/docs/architecture.html +++ b/docs/architecture.html @@ -5,7 +5,7 @@ - + @@ -14,12 +14,12 @@ <link rel="icon" type="image/png" href="https://storage.googleapis.com/murlok-github/icon-192.png"> <link rel="apple-touch-icon" href="https://storage.googleapis.com/murlok-github/icon-192.png"> <link rel="manifest" href="/manifest.webmanifest"> - <link rel="stylesheet" href="/app.css" type="text/css"> + <link type="text/css" rel="stylesheet" href="/app.css"> <script defer src="/wasm_exec.js"></script> <script defer src="/app.js"></script> <link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&display=swap"> - <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" type="text/css" rel="stylesheet"> - <link type="text/css" rel="stylesheet" href="/web/css/prism.css"> + <link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto&display=swap"> + <link href="/web/css/prism.css" type="text/css" rel="stylesheet"> <link type="text/css" rel="stylesheet" href="/web/css/docs.css"> <script defer src="/web/js/prism.js"></script> <!-- Global site tag (gtag.js) - Google Analytics --> @@ -32,6 +32,14 @@ gtag('config', 'G-SW4FQEM9VM'); </script> + <meta property="og:url" content="https://go-app.dev"> + + <meta property="og:title" content="go-app"> + + <meta property="og:description" content="A package to build progressive web apps with Go programming language and WebAssembly."> + + <meta property="og:image" content="https://go-app.dev/web/images/go-app.png"> + </head> <body> <div id="app-wasm-layout" class="goapp-app-info"> diff --git a/docs/built-with.html b/docs/built-with.html index 2335dba33..e679b4c03 100644 --- a/docs/built-with.html +++ b/docs/built-with.html @@ -5,7 +5,7 @@ <meta httpequiv="Content-Type" content="text/html; charset=utf-8"> <meta name="author" content="Maxence Charriere"> <meta name="description" content="Documentation for the go-app package."> - <meta content="go-app, go, golang, app, pwa, progressive web app, webassembly, web assembly, gui, ui, user interface, graphical user interface, frontend, opensource, open source, github" name="keywords"> + <meta name="keywords" content="go-app, go, golang, app, pwa, progressive web app, webassembly, web assembly, gui, ui, user interface, graphical user interface, frontend, opensource, open source, github"> <meta name="theme-color" content="#2e343a"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, viewport-fit=cover"> <title> @@ -14,12 +14,12 @@ <link rel="icon" type="image/png" href="https://storage.googleapis.com/murlok-github/icon-192.png"> <link rel="apple-touch-icon" href="https://storage.googleapis.com/murlok-github/icon-192.png"> <link rel="manifest" href="/manifest.webmanifest"> - <link rel="stylesheet" href="/app.css" type="text/css"> + <link type="text/css" rel="stylesheet" href="/app.css"> <script defer src="/wasm_exec.js"></script> <script defer src="/app.js"></script> <link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&display=swap"> - <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" type="text/css" rel="stylesheet"> - <link type="text/css" rel="stylesheet" href="/web/css/prism.css"> + <link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto&display=swap"> + <link href="/web/css/prism.css" type="text/css" rel="stylesheet"> <link type="text/css" rel="stylesheet" href="/web/css/docs.css"> <script defer src="/web/js/prism.js"></script> <!-- Global site tag (gtag.js) - Google Analytics --> @@ -32,6 +32,14 @@ gtag('config', 'G-SW4FQEM9VM'); </script> + <meta property="og:url" content="https://go-app.dev"> + + <meta property="og:title" content="go-app"> + + <meta property="og:description" content="A package to build progressive web apps with Go programming language and WebAssembly."> + + <meta property="og:image" content="https://go-app.dev/web/images/go-app.png"> + </head> <body> <div id="app-wasm-layout" class="goapp-app-info"> diff --git a/docs/components.html b/docs/components.html index 2335dba33..e679b4c03 100644 --- a/docs/components.html +++ b/docs/components.html @@ -5,7 +5,7 @@ <meta httpequiv="Content-Type" content="text/html; charset=utf-8"> <meta name="author" content="Maxence Charriere"> <meta name="description" content="Documentation for the go-app package."> - <meta content="go-app, go, golang, app, pwa, progressive web app, webassembly, web assembly, gui, ui, user interface, graphical user interface, frontend, opensource, open source, github" name="keywords"> + <meta name="keywords" content="go-app, go, golang, app, pwa, progressive web app, webassembly, web assembly, gui, ui, user interface, graphical user interface, frontend, opensource, open source, github"> <meta name="theme-color" content="#2e343a"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, viewport-fit=cover"> <title> @@ -14,12 +14,12 @@ <link rel="icon" type="image/png" href="https://storage.googleapis.com/murlok-github/icon-192.png"> <link rel="apple-touch-icon" href="https://storage.googleapis.com/murlok-github/icon-192.png"> <link rel="manifest" href="/manifest.webmanifest"> - <link rel="stylesheet" href="/app.css" type="text/css"> + <link type="text/css" rel="stylesheet" href="/app.css"> <script defer src="/wasm_exec.js"></script> <script defer src="/app.js"></script> <link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&display=swap"> - <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" type="text/css" rel="stylesheet"> - <link type="text/css" rel="stylesheet" href="/web/css/prism.css"> + <link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto&display=swap"> + <link href="/web/css/prism.css" type="text/css" rel="stylesheet"> <link type="text/css" rel="stylesheet" href="/web/css/docs.css"> <script defer src="/web/js/prism.js"></script> <!-- Global site tag (gtag.js) - Google Analytics --> @@ -32,6 +32,14 @@ gtag('config', 'G-SW4FQEM9VM'); </script> + <meta property="og:url" content="https://go-app.dev"> + + <meta property="og:title" content="go-app"> + + <meta property="og:description" content="A package to build progressive web apps with Go programming language and WebAssembly."> + + <meta property="og:image" content="https://go-app.dev/web/images/go-app.png"> + </head> <body> <div id="app-wasm-layout" class="goapp-app-info"> diff --git a/docs/concurrency.html b/docs/concurrency.html index 2335dba33..e679b4c03 100644 --- a/docs/concurrency.html +++ b/docs/concurrency.html @@ -5,7 +5,7 @@ <meta httpequiv="Content-Type" content="text/html; charset=utf-8"> <meta name="author" content="Maxence Charriere"> <meta name="description" content="Documentation for the go-app package."> - <meta content="go-app, go, golang, app, pwa, progressive web app, webassembly, web assembly, gui, ui, user interface, graphical user interface, frontend, opensource, open source, github" name="keywords"> + <meta name="keywords" content="go-app, go, golang, app, pwa, progressive web app, webassembly, web assembly, gui, ui, user interface, graphical user interface, frontend, opensource, open source, github"> <meta name="theme-color" content="#2e343a"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, viewport-fit=cover"> <title> @@ -14,12 +14,12 @@ <link rel="icon" type="image/png" href="https://storage.googleapis.com/murlok-github/icon-192.png"> <link rel="apple-touch-icon" href="https://storage.googleapis.com/murlok-github/icon-192.png"> <link rel="manifest" href="/manifest.webmanifest"> - <link rel="stylesheet" href="/app.css" type="text/css"> + <link type="text/css" rel="stylesheet" href="/app.css"> <script defer src="/wasm_exec.js"></script> <script defer src="/app.js"></script> <link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&display=swap"> - <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" type="text/css" rel="stylesheet"> - <link type="text/css" rel="stylesheet" href="/web/css/prism.css"> + <link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto&display=swap"> + <link href="/web/css/prism.css" type="text/css" rel="stylesheet"> <link type="text/css" rel="stylesheet" href="/web/css/docs.css"> <script defer src="/web/js/prism.js"></script> <!-- Global site tag (gtag.js) - Google Analytics --> @@ -32,6 +32,14 @@ gtag('config', 'G-SW4FQEM9VM'); </script> + <meta property="og:url" content="https://go-app.dev"> + + <meta property="og:title" content="go-app"> + + <meta property="og:description" content="A package to build progressive web apps with Go programming language and WebAssembly."> + + <meta property="og:image" content="https://go-app.dev/web/images/go-app.png"> + </head> <body> <div id="app-wasm-layout" class="goapp-app-info"> diff --git a/docs/index.html b/docs/index.html index 2335dba33..e679b4c03 100644 --- a/docs/index.html +++ b/docs/index.html @@ -5,7 +5,7 @@ <meta httpequiv="Content-Type" content="text/html; charset=utf-8"> <meta name="author" content="Maxence Charriere"> <meta name="description" content="Documentation for the go-app package."> - <meta content="go-app, go, golang, app, pwa, progressive web app, webassembly, web assembly, gui, ui, user interface, graphical user interface, frontend, opensource, open source, github" name="keywords"> + <meta name="keywords" content="go-app, go, golang, app, pwa, progressive web app, webassembly, web assembly, gui, ui, user interface, graphical user interface, frontend, opensource, open source, github"> <meta name="theme-color" content="#2e343a"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, viewport-fit=cover"> <title> @@ -14,12 +14,12 @@ <link rel="icon" type="image/png" href="https://storage.googleapis.com/murlok-github/icon-192.png"> <link rel="apple-touch-icon" href="https://storage.googleapis.com/murlok-github/icon-192.png"> <link rel="manifest" href="/manifest.webmanifest"> - <link rel="stylesheet" href="/app.css" type="text/css"> + <link type="text/css" rel="stylesheet" href="/app.css"> <script defer src="/wasm_exec.js"></script> <script defer src="/app.js"></script> <link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&display=swap"> - <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" type="text/css" rel="stylesheet"> - <link type="text/css" rel="stylesheet" href="/web/css/prism.css"> + <link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto&display=swap"> + <link href="/web/css/prism.css" type="text/css" rel="stylesheet"> <link type="text/css" rel="stylesheet" href="/web/css/docs.css"> <script defer src="/web/js/prism.js"></script> <!-- Global site tag (gtag.js) - Google Analytics --> @@ -32,6 +32,14 @@ gtag('config', 'G-SW4FQEM9VM'); </script> + <meta property="og:url" content="https://go-app.dev"> + + <meta property="og:title" content="go-app"> + + <meta property="og:description" content="A package to build progressive web apps with Go programming language and WebAssembly."> + + <meta property="og:image" content="https://go-app.dev/web/images/go-app.png"> + </head> <body> <div id="app-wasm-layout" class="goapp-app-info"> diff --git a/docs/install.html b/docs/install.html index 2335dba33..e679b4c03 100644 --- a/docs/install.html +++ b/docs/install.html @@ -5,7 +5,7 @@ <meta httpequiv="Content-Type" content="text/html; charset=utf-8"> <meta name="author" content="Maxence Charriere"> <meta name="description" content="Documentation for the go-app package."> - <meta content="go-app, go, golang, app, pwa, progressive web app, webassembly, web assembly, gui, ui, user interface, graphical user interface, frontend, opensource, open source, github" name="keywords"> + <meta name="keywords" content="go-app, go, golang, app, pwa, progressive web app, webassembly, web assembly, gui, ui, user interface, graphical user interface, frontend, opensource, open source, github"> <meta name="theme-color" content="#2e343a"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, viewport-fit=cover"> <title> @@ -14,12 +14,12 @@ <link rel="icon" type="image/png" href="https://storage.googleapis.com/murlok-github/icon-192.png"> <link rel="apple-touch-icon" href="https://storage.googleapis.com/murlok-github/icon-192.png"> <link rel="manifest" href="/manifest.webmanifest"> - <link rel="stylesheet" href="/app.css" type="text/css"> + <link type="text/css" rel="stylesheet" href="/app.css"> <script defer src="/wasm_exec.js"></script> <script defer src="/app.js"></script> <link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&display=swap"> - <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" type="text/css" rel="stylesheet"> - <link type="text/css" rel="stylesheet" href="/web/css/prism.css"> + <link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto&display=swap"> + <link href="/web/css/prism.css" type="text/css" rel="stylesheet"> <link type="text/css" rel="stylesheet" href="/web/css/docs.css"> <script defer src="/web/js/prism.js"></script> <!-- Global site tag (gtag.js) - Google Analytics --> @@ -32,6 +32,14 @@ gtag('config', 'G-SW4FQEM9VM'); </script> + <meta property="og:url" content="https://go-app.dev"> + + <meta property="og:title" content="go-app"> + + <meta property="og:description" content="A package to build progressive web apps with Go programming language and WebAssembly."> + + <meta property="og:image" content="https://go-app.dev/web/images/go-app.png"> + </head> <body> <div id="app-wasm-layout" class="goapp-app-info"> diff --git a/docs/js.html b/docs/js.html index 2335dba33..e679b4c03 100644 --- a/docs/js.html +++ b/docs/js.html @@ -5,7 +5,7 @@ <meta httpequiv="Content-Type" content="text/html; charset=utf-8"> <meta name="author" content="Maxence Charriere"> <meta name="description" content="Documentation for the go-app package."> - <meta content="go-app, go, golang, app, pwa, progressive web app, webassembly, web assembly, gui, ui, user interface, graphical user interface, frontend, opensource, open source, github" name="keywords"> + <meta name="keywords" content="go-app, go, golang, app, pwa, progressive web app, webassembly, web assembly, gui, ui, user interface, graphical user interface, frontend, opensource, open source, github"> <meta name="theme-color" content="#2e343a"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, viewport-fit=cover"> <title> @@ -14,12 +14,12 @@ <link rel="icon" type="image/png" href="https://storage.googleapis.com/murlok-github/icon-192.png"> <link rel="apple-touch-icon" href="https://storage.googleapis.com/murlok-github/icon-192.png"> <link rel="manifest" href="/manifest.webmanifest"> - <link rel="stylesheet" href="/app.css" type="text/css"> + <link type="text/css" rel="stylesheet" href="/app.css"> <script defer src="/wasm_exec.js"></script> <script defer src="/app.js"></script> <link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&display=swap"> - <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" type="text/css" rel="stylesheet"> - <link type="text/css" rel="stylesheet" href="/web/css/prism.css"> + <link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto&display=swap"> + <link href="/web/css/prism.css" type="text/css" rel="stylesheet"> <link type="text/css" rel="stylesheet" href="/web/css/docs.css"> <script defer src="/web/js/prism.js"></script> <!-- Global site tag (gtag.js) - Google Analytics --> @@ -32,6 +32,14 @@ gtag('config', 'G-SW4FQEM9VM'); </script> + <meta property="og:url" content="https://go-app.dev"> + + <meta property="og:title" content="go-app"> + + <meta property="og:description" content="A package to build progressive web apps with Go programming language and WebAssembly."> + + <meta property="og:image" content="https://go-app.dev/web/images/go-app.png"> + </head> <body> <div id="app-wasm-layout" class="goapp-app-info"> diff --git a/docs/reference.html b/docs/reference.html index 2335dba33..e679b4c03 100644 --- a/docs/reference.html +++ b/docs/reference.html @@ -5,7 +5,7 @@ <meta httpequiv="Content-Type" content="text/html; charset=utf-8"> <meta name="author" content="Maxence Charriere"> <meta name="description" content="Documentation for the go-app package."> - <meta content="go-app, go, golang, app, pwa, progressive web app, webassembly, web assembly, gui, ui, user interface, graphical user interface, frontend, opensource, open source, github" name="keywords"> + <meta name="keywords" content="go-app, go, golang, app, pwa, progressive web app, webassembly, web assembly, gui, ui, user interface, graphical user interface, frontend, opensource, open source, github"> <meta name="theme-color" content="#2e343a"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, viewport-fit=cover"> <title> @@ -14,12 +14,12 @@ <link rel="icon" type="image/png" href="https://storage.googleapis.com/murlok-github/icon-192.png"> <link rel="apple-touch-icon" href="https://storage.googleapis.com/murlok-github/icon-192.png"> <link rel="manifest" href="/manifest.webmanifest"> - <link rel="stylesheet" href="/app.css" type="text/css"> + <link type="text/css" rel="stylesheet" href="/app.css"> <script defer src="/wasm_exec.js"></script> <script defer src="/app.js"></script> <link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&display=swap"> - <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" type="text/css" rel="stylesheet"> - <link type="text/css" rel="stylesheet" href="/web/css/prism.css"> + <link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto&display=swap"> + <link href="/web/css/prism.css" type="text/css" rel="stylesheet"> <link type="text/css" rel="stylesheet" href="/web/css/docs.css"> <script defer src="/web/js/prism.js"></script> <!-- Global site tag (gtag.js) - Google Analytics --> @@ -32,6 +32,14 @@ gtag('config', 'G-SW4FQEM9VM'); </script> + <meta property="og:url" content="https://go-app.dev"> + + <meta property="og:title" content="go-app"> + + <meta property="og:description" content="A package to build progressive web apps with Go programming language and WebAssembly."> + + <meta property="og:image" content="https://go-app.dev/web/images/go-app.png"> + </head> <body> <div id="app-wasm-layout" class="goapp-app-info"> diff --git a/docs/routing.html b/docs/routing.html index 2335dba33..e679b4c03 100644 --- a/docs/routing.html +++ b/docs/routing.html @@ -5,7 +5,7 @@ <meta httpequiv="Content-Type" content="text/html; charset=utf-8"> <meta name="author" content="Maxence Charriere"> <meta name="description" content="Documentation for the go-app package."> - <meta content="go-app, go, golang, app, pwa, progressive web app, webassembly, web assembly, gui, ui, user interface, graphical user interface, frontend, opensource, open source, github" name="keywords"> + <meta name="keywords" content="go-app, go, golang, app, pwa, progressive web app, webassembly, web assembly, gui, ui, user interface, graphical user interface, frontend, opensource, open source, github"> <meta name="theme-color" content="#2e343a"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, viewport-fit=cover"> <title> @@ -14,12 +14,12 @@ <link rel="icon" type="image/png" href="https://storage.googleapis.com/murlok-github/icon-192.png"> <link rel="apple-touch-icon" href="https://storage.googleapis.com/murlok-github/icon-192.png"> <link rel="manifest" href="/manifest.webmanifest"> - <link rel="stylesheet" href="/app.css" type="text/css"> + <link type="text/css" rel="stylesheet" href="/app.css"> <script defer src="/wasm_exec.js"></script> <script defer src="/app.js"></script> <link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&display=swap"> - <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" type="text/css" rel="stylesheet"> - <link type="text/css" rel="stylesheet" href="/web/css/prism.css"> + <link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto&display=swap"> + <link href="/web/css/prism.css" type="text/css" rel="stylesheet"> <link type="text/css" rel="stylesheet" href="/web/css/docs.css"> <script defer src="/web/js/prism.js"></script> <!-- Global site tag (gtag.js) - Google Analytics --> @@ -32,6 +32,14 @@ gtag('config', 'G-SW4FQEM9VM'); </script> + <meta property="og:url" content="https://go-app.dev"> + + <meta property="og:title" content="go-app"> + + <meta property="og:description" content="A package to build progressive web apps with Go programming language and WebAssembly."> + + <meta property="og:image" content="https://go-app.dev/web/images/go-app.png"> + </head> <body> <div id="app-wasm-layout" class="goapp-app-info"> diff --git a/docs/src/main.go b/docs/src/main.go index 71f671ca2..214d31d36 100644 --- a/docs/src/main.go +++ b/docs/src/main.go @@ -90,6 +90,10 @@ func main() { gtag('config', 'G-SW4FQEM9VM'); </script>`, + `<meta property="og:url" content="https://go-app.dev">`, + `<meta property="og:title" content="go-app">`, + `<meta property="og:description" content="A package to build progressive web apps with Go programming language and WebAssembly.">`, + `<meta property="og:image" content="https://go-app.dev/web/images/go-app.png">`, }, ThemeColor: backgroundColor, Title: "go-app documentation", diff --git a/docs/start.html b/docs/start.html index 2335dba33..e679b4c03 100644 --- a/docs/start.html +++ b/docs/start.html @@ -5,7 +5,7 @@ <meta httpequiv="Content-Type" content="text/html; charset=utf-8"> <meta name="author" content="Maxence Charriere"> <meta name="description" content="Documentation for the go-app package."> - <meta content="go-app, go, golang, app, pwa, progressive web app, webassembly, web assembly, gui, ui, user interface, graphical user interface, frontend, opensource, open source, github" name="keywords"> + <meta name="keywords" content="go-app, go, golang, app, pwa, progressive web app, webassembly, web assembly, gui, ui, user interface, graphical user interface, frontend, opensource, open source, github"> <meta name="theme-color" content="#2e343a"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, viewport-fit=cover"> <title> @@ -14,12 +14,12 @@ <link rel="icon" type="image/png" href="https://storage.googleapis.com/murlok-github/icon-192.png"> <link rel="apple-touch-icon" href="https://storage.googleapis.com/murlok-github/icon-192.png"> <link rel="manifest" href="/manifest.webmanifest"> - <link rel="stylesheet" href="/app.css" type="text/css"> + <link type="text/css" rel="stylesheet" href="/app.css"> <script defer src="/wasm_exec.js"></script> <script defer src="/app.js"></script> <link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&display=swap"> - <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" type="text/css" rel="stylesheet"> - <link type="text/css" rel="stylesheet" href="/web/css/prism.css"> + <link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto&display=swap"> + <link href="/web/css/prism.css" type="text/css" rel="stylesheet"> <link type="text/css" rel="stylesheet" href="/web/css/docs.css"> <script defer src="/web/js/prism.js"></script> <!-- Global site tag (gtag.js) - Google Analytics --> @@ -32,6 +32,14 @@ gtag('config', 'G-SW4FQEM9VM'); </script> + <meta property="og:url" content="https://go-app.dev"> + + <meta property="og:title" content="go-app"> + + <meta property="og:description" content="A package to build progressive web apps with Go programming language and WebAssembly."> + + <meta property="og:image" content="https://go-app.dev/web/images/go-app.png"> + </head> <body> <div id="app-wasm-layout" class="goapp-app-info"> diff --git a/docs/static-resources.html b/docs/static-resources.html index 2335dba33..e679b4c03 100644 --- a/docs/static-resources.html +++ b/docs/static-resources.html @@ -5,7 +5,7 @@ <meta httpequiv="Content-Type" content="text/html; charset=utf-8"> <meta name="author" content="Maxence Charriere"> <meta name="description" content="Documentation for the go-app package."> - <meta content="go-app, go, golang, app, pwa, progressive web app, webassembly, web assembly, gui, ui, user interface, graphical user interface, frontend, opensource, open source, github" name="keywords"> + <meta name="keywords" content="go-app, go, golang, app, pwa, progressive web app, webassembly, web assembly, gui, ui, user interface, graphical user interface, frontend, opensource, open source, github"> <meta name="theme-color" content="#2e343a"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, viewport-fit=cover"> <title> @@ -14,12 +14,12 @@ <link rel="icon" type="image/png" href="https://storage.googleapis.com/murlok-github/icon-192.png"> <link rel="apple-touch-icon" href="https://storage.googleapis.com/murlok-github/icon-192.png"> <link rel="manifest" href="/manifest.webmanifest"> - <link rel="stylesheet" href="/app.css" type="text/css"> + <link type="text/css" rel="stylesheet" href="/app.css"> <script defer src="/wasm_exec.js"></script> <script defer src="/app.js"></script> <link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&display=swap"> - <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" type="text/css" rel="stylesheet"> - <link type="text/css" rel="stylesheet" href="/web/css/prism.css"> + <link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto&display=swap"> + <link href="/web/css/prism.css" type="text/css" rel="stylesheet"> <link type="text/css" rel="stylesheet" href="/web/css/docs.css"> <script defer src="/web/js/prism.js"></script> <!-- Global site tag (gtag.js) - Google Analytics --> @@ -32,6 +32,14 @@ gtag('config', 'G-SW4FQEM9VM'); </script> + <meta property="og:url" content="https://go-app.dev"> + + <meta property="og:title" content="go-app"> + + <meta property="og:description" content="A package to build progressive web apps with Go programming language and WebAssembly."> + + <meta property="og:image" content="https://go-app.dev/web/images/go-app.png"> + </head> <body> <div id="app-wasm-layout" class="goapp-app-info"> diff --git a/docs/syntax.html b/docs/syntax.html index 2335dba33..e679b4c03 100644 --- a/docs/syntax.html +++ b/docs/syntax.html @@ -5,7 +5,7 @@ <meta httpequiv="Content-Type" content="text/html; charset=utf-8"> <meta name="author" content="Maxence Charriere"> <meta name="description" content="Documentation for the go-app package."> - <meta content="go-app, go, golang, app, pwa, progressive web app, webassembly, web assembly, gui, ui, user interface, graphical user interface, frontend, opensource, open source, github" name="keywords"> + <meta name="keywords" content="go-app, go, golang, app, pwa, progressive web app, webassembly, web assembly, gui, ui, user interface, graphical user interface, frontend, opensource, open source, github"> <meta name="theme-color" content="#2e343a"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, viewport-fit=cover"> <title> @@ -14,12 +14,12 @@ <link rel="icon" type="image/png" href="https://storage.googleapis.com/murlok-github/icon-192.png"> <link rel="apple-touch-icon" href="https://storage.googleapis.com/murlok-github/icon-192.png"> <link rel="manifest" href="/manifest.webmanifest"> - <link rel="stylesheet" href="/app.css" type="text/css"> + <link type="text/css" rel="stylesheet" href="/app.css"> <script defer src="/wasm_exec.js"></script> <script defer src="/app.js"></script> <link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&display=swap"> - <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" type="text/css" rel="stylesheet"> - <link type="text/css" rel="stylesheet" href="/web/css/prism.css"> + <link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto&display=swap"> + <link href="/web/css/prism.css" type="text/css" rel="stylesheet"> <link type="text/css" rel="stylesheet" href="/web/css/docs.css"> <script defer src="/web/js/prism.js"></script> <!-- Global site tag (gtag.js) - Google Analytics --> @@ -32,6 +32,14 @@ gtag('config', 'G-SW4FQEM9VM'); </script> + <meta property="og:url" content="https://go-app.dev"> + + <meta property="og:title" content="go-app"> + + <meta property="og:description" content="A package to build progressive web apps with Go programming language and WebAssembly."> + + <meta property="og:image" content="https://go-app.dev/web/images/go-app.png"> + </head> <body> <div id="app-wasm-layout" class="goapp-app-info"> diff --git a/docs/web/images/go-app.png b/docs/web/images/go-app.png new file mode 100644 index 000000000..138821762 Binary files /dev/null and b/docs/web/images/go-app.png differ