feat: add changelog repl. generate changelog online almose done.

release-lab · Nov 24, 2020 · c7127b1 · c7127b1
1 parent 8b5f7fb
commit c7127b1
Show file tree

Hide file tree

Showing 21 changed files with 3,135 additions and 25 deletions.
diff --git a/.gitignore b/.gitignore
@@ -18,4 +18,5 @@
 bin
 dist
 coverage.out
-release.md
+release.md
+node_modules
diff --git a/4_generator/generate.go b/4_generator/generate.go
@@ -5,10 +5,7 @@ import (
 	"encoding/json"
 	"fmt"
 	"html/template"
-	"io/ioutil"
 	"net/url"
-	"os"
-	"path"
 	"strings"
 
 	transformer "github.com/axetroy/changelog/3_transformer"
@@ -17,7 +14,7 @@ import (
 	giturls "github.com/whilp/git-urls"
 )
 
-func Generate(g *client.GitClient, contexts []*transformer.TemplateContext, format string, preset string, templateFile string) ([]byte, error) {
+func Generate(g *client.GitClient, contexts []*transformer.TemplateContext, format string, preset string, templateStr string) ([]byte, error) {
 	remote, err := g.GetRemote()
 
 	if err != nil {
@@ -66,26 +63,11 @@ func Generate(g *client.GitClient, contexts []*transformer.TemplateContext, form
 	case "md":
 		var output []byte
 
-		var templateStr string
-
-		cwd, err := os.Getwd()
-
 		if err != nil {
 			return nil, errors.WithStack(err)
 		}
 
-		if templateFile != "" {
-			if !path.IsAbs(templateFile) {
-				templateFile = path.Join(cwd, templateFile)
-			}
-			fileBytes, err := ioutil.ReadFile(templateFile)
-
-			if err != nil {
-				return nil, errors.WithStack(err)
-			}
-
-			templateStr = string(fileBytes)
-		} else {
+		if templateStr == "" {
 			switch preset {
 			case "default":
 				templateStr = DEFAULT_TEMPLATE

diff --git a/cmd/changelog-remote/main.go b/cmd/changelog-remote/main.go
@@ -18,7 +18,7 @@ import (
 	"github.com/pkg/errors"
 )
 
-func generate(remote string, version string) ([]byte, error) {
+func generate(remote string, version string, templateStr string) ([]byte, error) {
 	repo, err := git.CloneContext(context.Background(), memory.NewStorage(), nil, &git.CloneOptions{
 		URL:      remote,
 		Progress: os.Stderr,
@@ -50,7 +50,7 @@ func generate(remote string, version string) ([]byte, error) {
 		return nil, errors.WithStack(err)
 	}
 
-	output, err := generator.Generate(c, ctxs, "md", "default", "")
+	output, err := generator.Generate(c, ctxs, "md", "default", templateStr)
 
 	if err != nil {
 		return nil, errors.WithStack(err)
@@ -75,10 +75,11 @@ func handler(w http.ResponseWriter, r *http.Request) {
 	username := query.Get("username")
 	repo := query.Get("repo")
 	version := query.Get("version")
+	template := query.Get("template")
 
 	url := fmt.Sprintf("https://github.com/%s/%s", username, repo)
 
-	changelog, err := generate(url, version)
+	changelog, err := generate(url, version, template)
 
 	if err != nil {
 		b := []byte(fmt.Sprintf("%+v\n", err))

diff --git a/main.go b/main.go
@@ -3,7 +3,9 @@ package main
 import (
 	"flag"
 	"fmt"
+	"io/ioutil"
 	"os"
+	"path"
 
 	parser "github.com/axetroy/changelog/1_parser"
 	extractor "github.com/axetroy/changelog/2_extractor"
@@ -148,7 +150,22 @@ func run() error {
 		return errors.WithStack(err)
 	}
 
-	output, err := generator.Generate(client, ctxs, format, preset, templateFile)
+	var templateStr string
+
+	if templateFile != "" {
+		if !path.IsAbs(templateFile) {
+			templateFile = path.Join(cwd, templateFile)
+		}
+		fileBytes, err := ioutil.ReadFile(templateFile)
+
+		if err != nil {
+			return errors.WithStack(err)
+		}
+
+		templateStr = string(fileBytes)
+	}
+
+	output, err := generator.Generate(client, ctxs, format, preset, templateStr)
 
 	if err != nil {
 		return errors.WithStack(err)

diff --git a/repl/.env.development b/repl/.env.development
@@ -0,0 +1 @@
+VITE_API_HOST=http://localhost:8080
diff --git a/repl/.env.production b/repl/.env.production
@@ -0,0 +1 @@
+VITE_API_HOST=https://whatchanged.herokuapp.com
diff --git a/repl/.gitignore b/repl/.gitignore
@@ -0,0 +1,4 @@
+node_modules
+.DS_Store
+dist
+*.local
diff --git a/repl/index.html b/repl/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Changelog REPL</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.js"></script>
+  </body>
+</html>
diff --git a/repl/package.json b/repl/package.json
@@ -0,0 +1,21 @@
+{
+  "name": "changelog-repl",
+  "version": "0.0.0",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build"
+  },
+  "dependencies": {
+    "ant-design-vue": "^2.0.0-rc.1",
+    "marked": "^1.2.5",
+    "vue": "^3.x"
+  },
+  "devDependencies": {
+    "@types/marked": "^1.2.0",
+    "@vue/compiler-sfc": "^3.0.2",
+    "import-http": "^0.3.1",
+    "rollup-plugin-esm-import-to-url": "^2.1.0",
+    "sass": "^1.29.0",
+    "vite": "^1.0.0-rc.9"
+  }
+}
diff --git a/repl/public/favicon.ico b/repl/public/favicon.ico
diff --git a/repl/src/App.vue b/repl/src/App.vue
@@ -0,0 +1,122 @@
+<template>
+  <div>
+    <div class="toolbar">
+      <a-form
+        layout="inline"
+        :model="form"
+        @submit="onSubmit"
+        @submit.native.prevent
+      >
+        <a-form-item label="Username">
+          <a-input v-model:value="form.username"> </a-input>
+        </a-form-item>
+        <a-form-item label="Repo">
+          <a-input v-model:value="form.repo"> </a-input>
+        </a-form-item>
+        <a-form-item label="Version">
+          <a-input v-model:value="form.version"> </a-input>
+        </a-form-item>
+        <a-form-item>
+          <a-button type="primary" html-type="submit" :loading="loading">
+            Generate
+          </a-button>
+        </a-form-item>
+      </a-form>
+    </div>
+    <div class="container">
+      <div class="left">
+        <div style="display: flex; height: 100%; padding-left: 10px">
+          <CodeMirror
+            class="my-editor2"
+            :content.sync="template"
+            @update:content="template = $event"
+            :readonly="true"
+          />
+        </div>
+      </div>
+      <div class="right">
+        <Render :content="content"></Render>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { defineComponent } from "vue";
+import Render from "./components/Render.vue";
+import CodeMirror from "./components/CodeMirror.vue";
+import TEMPLATE_DEFAULT from "./template/default";
+
+export default defineComponent({
+  name: "App",
+  components: {
+    Render,
+    CodeMirror,
+  },
+  data() {
+    return {
+      loading: false,
+      template: TEMPLATE_DEFAULT,
+      content: "",
+      form: {
+        username: "axetroy",
+        repo: "vscode-deno",
+        version: "HEAD~",
+      },
+    };
+  },
+  methods: {
+    onSubmit() {
+      const template = encodeURIComponent(this.template);
+
+      this.loading = true;
+      fetch(
+        `${import.meta.env.VITE_API_HOST}/?username=${
+          this.form.username || ""
+        }&repo=${this.form.repo || ""}&version=${
+          this.form.version || ""
+        }&template=${template || ""}`
+      )
+        .then((res) => {
+          return res.text();
+        })
+        .then((markdown) => {
+          this.content = markdown;
+        })
+        .finally(() => {
+          this.loading = false;
+        });
+    },
+  },
+});
+</script>
+
+<style lang="scss" scoped>
+$height: 60px;
+.toolbar {
+  height: $height;
+  background: yellow;
+  display: flex;
+  align-items: center;
+  padding: 0 10px;
+}
+
+.container {
+  display: flex;
+  height: calc(100vh - #{$height});
+  width: 100vw;
+
+  .left {
+    // background-color: green;
+    flex: 1;
+    overflow: scroll;
+    border-right: 1px solid #e2e2;
+  }
+
+  .right {
+    // background-color: red;
+    flex: 1;
+    overflow: hidden;
+  }
+}
+</style>
diff --git a/repl/src/assets/logo.png b/repl/src/assets/logo.png
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		VITE_API_HOST=https://whatchanged.herokuapp.com