Add Sapper to frontend apps

Author: Vic Shóstak

README.md

@@ -231,11 +231,17 @@ cgapp deploy --use-config
 
 **Frontend:**
 
-- [x] [`react`](https://create-go.app/production-templates/react-js/), `react:<template>` — Frontend app with [React.js](https://reactjs.org).
-- [x] [`preact`](https://create-go.app/production-templates/preact-js/), `preact:<template>` — Frontend app with [Preact](https://preactjs.com).
-- [x] [`vue`](https://create-go.app/production-templates/vue-js/), `vue:<user/repo>`, `vue:<gitlab|bitbucket>:<user/repo>` — Frontend app with [Vue.js](https://vuejs.org).
-- [x] [`angular`](https://create-go.app/production-templates/angular-js/) — Frontend app with [Angular](https://angular.io).
-- [x] [`svelte`](https://create-go.app/production-templates/svelte-js/) — Frontend app with [Svelte](https://svelte.dev).
+- [x] `react` — [React](https://reactjs.org/) frontend app.
+  - [x] `react:<template>` — CRA generated template for React app.
+- [x] `preact` — [Preact](https://preactjs.com/) frontend app.
+  - [x] `preact:<template>` — Preact CLI generated template for Preact app.
+- [x] `vue` — [Vue.js](https://vuejs.org/) frontend app.
+  - [x] `vue:<user/repo>` — Preset for generating Vue.js app from GitHub.
+  - [x] `vue:<gitlab|bitbucket>:<user/repo>` — Preset for generating Vue.js app from GitLab/BitBucket/etc.
+- [x] `angular` — [Angular](https://angular.io/) frontend app.
+- [x] `svelte` — [Svelte](https://svelte.dev/) frontend app.
+- [x] `sapper` — [Sapper](https://sapper.svelte.dev/) frontend app for static websites.
+  - [x] `sapper:<webpack>` — Preset for generating Sapper with Webpack bundler.
 
 > ☝️ Please note, that since version `v1.3.0`, frontend templates (_in the classical sense_) are **not** supported by the Create Go App CLI. Those templates, that we created ([`react-js`](https://github.com/create-go-app/react-js-template), [`react-ts`](https://github.com/create-go-app/react-ts-template) and [`preact-js`](https://github.com/create-go-app/preact-js-template)), are still available, but only for use as **user's custom templates**.
 >

pkg/cgapp/create.go

@@ -152,6 +152,13 @@ func CreateProjectFromCmd(p *registry.Project, c map[string]*registry.Command, m
 			// npx degit [template] [dest]
 			options = []string{create, args["template"], folder}
 			break
+		case "sapper":
+			// npx degit [template] [dest]
+			options = []string{create, args["template"] + "#rollup", folder}
+			if len(project) > 1 {
+				options = []string{create, args["template"] + "#" + project[1], folder}
+			}
+			break
 		}
 
 		// Run execution command.

pkg/cgapp/create_test.go

@@ -286,12 +286,31 @@ func TestCreateProjectFromCmd(t *testing.T) {
 			},
 			false,
 		},
+		{
+			"successfully create sapper:webpack",
+			args{
+				p: &registry.Project{
+					Type:       "frontend",
+					Name:       "sapper:webpack",
+					RootFolder: "../../tmp",
+				},
+				c: map[string]*registry.Command{
+					"sapper": {
+						Runner: "echo",
+						Create: "sapper",
+						Args:   map[string]string{},
+					},
+				},
+				m: registry.RegexpFrontendPattern,
+			},
+			false,
+		},
 		{
 			"successfully create from user repository",
 			args{
 				p: &registry.Project{
 					Type:       "frontend",
-					Name:       "github.com/create-go-app/preact-js-template",
+					Name:       "github.com/create-go-app/gin-go-template",
 					RootFolder: "../../tmp",
 				},
 				c: registry.Commands,

pkg/registry/defaults.go

@@ -36,7 +36,7 @@ const (
 	// RegexpBackendPattern pattern for backend.
 	RegexpBackendPattern = "^(net/http|fiber|echo)$"
 	// RegexpFrontendPattern pattern for backend.
-	RegexpFrontendPattern = "^(p?react:?|vue(:?[\\w]+)?(:?[\\w-_0-9\\/]+)?|angular|svelte)"
+	RegexpFrontendPattern = "^(p?react:?|vue(:?[\\w]+)?(:?[\\w-_0-9\\/]+)?|angular|svelte|sapper:?)"
 	// RegexpWebServerPattern pattern for web/proxy servers.
 	RegexpWebServerPattern = "^(nginx)$"
 	// RegexpDatabasePattern pattern for databases.
@@ -149,6 +149,13 @@ var (
 				"template": "sveltejs/template",
 			},
 		},
+		"sapper": {
+			Runner: "npx",
+			Create: "degit",
+			Args: map[string]string{
+				"template": "sveltejs/sapper-template",
+			},
+		},
 	}
 
 	// CreateQuestions survey's questions for `create` command.
@@ -166,7 +173,7 @@ var (
 			Name: "frontend",
 			Prompt: &survey.Select{
 				Message: "Choose a frontend UI library:",
-				Options: []string{"none", "React", "Preact", "Vue", "Angular", "Svelte"},
+				Options: []string{"none", "React", "Preact", "Vue", "Angular", "Svelte", "Sapper"},
 				Default: "none",
 			},
 		},