🎉 First implementation of the website with Ember.js

packages/gitmoji-changelog-server/Dockerfile

@@ -0,0 +1,7 @@
+FROM node:12-alpine
+RUN apk add --no-cache git
+WORKDIR /usr/local/app
+COPY package.json package-lock.json ./
+RUN npm ci
+COPY src/ src
+CMD ["npm", "start"]

packages/gitmoji-changelog-server/package.json

@@ -0,0 +1,16 @@
+{
+  "name": "gitmoji-changelog-server",
+  "version": "1.0.0",
+  "main": "src/index.js",
+  "license": "MIT",
+  "dependencies": {
+    "cors": "^2.8.5",
+    "express": "^4.17.1",
+    "fs-extra": "^8.1.0",
+    "gitmoji-changelog": "^2.0.1",
+    "simple-git": "^1.129.0"
+  },
+  "scripts": {
+    "start": "node src/index.js"
+  }
+}

packages/gitmoji-changelog-server/src/.dockerignore

@@ -0,0 +1,3 @@
+*
+!src/
+!package*.json

packages/gitmoji-changelog-server/src/index.js

@@ -0,0 +1,33 @@
+const express = require('express')
+const path = require('path')
+const os = require('os')
+const fs = require('fs')
+const childProcess = require('child_process')
+const { removeSync } = require('fs-extra')
+const simpleGit = require('simple-git/promise')
+const cors = require('cors')
+
+const app = express()
+const port = process.env.PORT
+
+app.use(cors())
+
+app.get('/', async (req, res) => {
+  const { repository } = req.query
+  const tempDir = path.join(os.tmpdir(), 'gitmoji-changelog')
+  if (fs.existsSync(tempDir)) removeSync(tempDir)
+  fs.mkdirSync(tempDir)
+
+  const simpleGitInstance = simpleGit(tempDir)
+
+  await simpleGitInstance.clone(repository)
+
+  const cwd = path.join(tempDir, repository.split('/').pop().slice(0, -4))
+  childProcess.execSync(path.join(__dirname, '..', 'node_modules/.bin/gitmoji-changelog'), { cwd })
+
+  const output = fs.readFileSync(path.join(cwd, 'CHANGELOG.md'))
+  removeSync(tempDir)
+
+  res.send(output.toString('utf8'))
+})
+app.listen(port, () => console.log(`Example app listening on port ${port}!`))

packages/gitmoji-changelog-website/.editorconfig

@@ -0,0 +1,20 @@
+# EditorConfig helps developers define and maintain consistent
+# coding styles between different editors and IDEs
+# editorconfig.org
+
+root = true
+
+
+[*]
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+indent_style = space
+indent_size = 2
+
+[*.hbs]
+insert_final_newline = false
+
+[*.{diff,md}]
+trim_trailing_whitespace = false

packages/gitmoji-changelog-website/.ember-cli

@@ -0,0 +1,9 @@
+{
+  /**
+    Ember CLI sends analytics information by default. The data is completely
+    anonymous, but there are times when you might want to disable this behavior.
+
+    Setting `disableAnalytics` to true will prevent any data from being sent.
+  */
+  "disableAnalytics": false
+}

packages/gitmoji-changelog-website/.eslintignore

@@ -0,0 +1,20 @@
+# unconventional js
+/blueprints/*/files/
+/vendor/
+
+# compiled output
+/dist/
+/tmp/
+
+# dependencies
+/bower_components/
+/node_modules/
+
+# misc
+/coverage/
+!.*
+
+# ember-try
+/.node_modules.ember-try/
+/bower.json.ember-try
+/package.json.ember-try

packages/gitmoji-changelog-website/.eslintrc.js

@@ -0,0 +1,54 @@
+module.exports = {
+  root: true,
+  parser: 'babel-eslint',
+  parserOptions: {
+    ecmaVersion: 2018,
+    sourceType: 'module',
+    ecmaFeatures: {
+      legacyDecorators: true
+    }
+  },
+  plugins: [
+    'ember'
+  ],
+  extends: [
+    'eslint:recommended',
+    'plugin:ember/recommended'
+  ],
+  env: {
+    browser: true
+  },
+  rules: {
+    'ember/no-jquery': 'error'
+  },
+  overrides: [
+    // node files
+    {
+      files: [
+        '.eslintrc.js',
+        '.template-lintrc.js',
+        'ember-cli-build.js',
+        'testem.js',
+        'blueprints/*/index.js',
+        'config/**/*.js',
+        'lib/*/index.js',
+        'server/**/*.js'
+      ],
+      parserOptions: {
+        sourceType: 'script'
+      },
+      env: {
+        browser: false,
+        node: true
+      },
+      plugins: ['node'],
+      rules: Object.assign({}, require('eslint-plugin-node').configs.recommended.rules, {
+        // add your custom rules and overrides for node files here
+
+        // this can be removed once the following is fixed
+        // https://github.com/mysticatea/eslint-plugin-node/issues/77
+        'node/no-unpublished-require': 'off'
+      })
+    }
+  ]
+};

packages/gitmoji-changelog-website/.gitignore

@@ -0,0 +1,25 @@
+# See https://help.github.com/ignore-files/ for more about ignoring files.
+
+# compiled output
+/dist/
+/tmp/
+
+# dependencies
+/bower_components/
+/node_modules/
+
+# misc
+/.env*
+/.pnp*
+/.sass-cache
+/connect.lock
+/coverage/
+/libpeerconnection.log
+/npm-debug.log*
+/testem.log
+/yarn-error.log
+
+# ember-try
+/.node_modules.ember-try/
+/bower.json.ember-try
+/package.json.ember-try

packages/gitmoji-changelog-website/.template-lintrc.js

@@ -0,0 +1,5 @@
+'use strict';
+
+module.exports = {
+  extends: 'octane'
+};

packages/gitmoji-changelog-website/.travis.yml

@@ -0,0 +1,34 @@
+---
+language: node_js
+node_js:
+  - "8"
+
+sudo: false
+dist: trusty
+
+addons:
+  chrome: stable
+
+cache:
+  yarn: true
+
+env:
+  global:
+    # See https://git.io/vdao3 for details.
+    - JOBS=1
+
+branches:
+  only:
+    - master
+
+before_install:
+  - curl -o- -L https://yarnpkg.com/install.sh | bash
+  - export PATH=$HOME/.yarn/bin:$PATH
+
+install:
+  - yarn install --non-interactive
+
+script:
+  - yarn lint:hbs
+  - yarn lint:js
+  - yarn test

packages/gitmoji-changelog-website/.watchmanconfig

@@ -0,0 +1,3 @@
+{
+  "ignore_dirs": ["tmp", "dist"]
+}

packages/gitmoji-changelog-website/README.md

@@ -0,0 +1,58 @@
+# gitmoji-changelog-website
+
+This README outlines the details of collaborating on this Ember application.
+A short introduction of this app could easily go here.
+
+## Prerequisites
+
+You will need the following things properly installed on your computer.
+
+* [Git](https://git-scm.com/)
+* [Node.js](https://nodejs.org/)
+* [Yarn](https://yarnpkg.com/)
+* [Ember CLI](https://ember-cli.com/)
+* [Google Chrome](https://google.com/chrome/)
+
+## Installation
+
+* `git clone <repository-url>` this repository
+* `cd gitmoji-changelog-website`
+* `yarn install`
+
+## Running / Development
+
+* `ember serve`
+* Visit your app at [http://localhost:4200](http://localhost:4200).
+* Visit your tests at [http://localhost:4200/tests](http://localhost:4200/tests).
+
+### Code Generators
+
+Make use of the many generators for code, try `ember help generate` for more details
+
+### Running Tests
+
+* `ember test`
+* `ember test --server`
+
+### Linting
+
+* `yarn lint:hbs`
+* `yarn lint:js`
+* `yarn lint:js --fix`
+
+### Building
+
+* `ember build` (development)
+* `ember build --environment production` (production)
+
+### Deploying
+
+Specify what it takes to deploy your app.
+
+## Further Reading / Useful Links
+
+* [ember.js](https://emberjs.com/)
+* [ember-cli](https://ember-cli.com/)
+* Development Browser Extensions
+  * [ember inspector for chrome](https://chrome.google.com/webstore/detail/ember-inspector/bmdblncegkenkacieihfhpjfppoconhi)
+  * [ember inspector for firefox](https://addons.mozilla.org/en-US/firefox/addon/ember-inspector/)

packages/gitmoji-changelog-website/app/app.js

@@ -0,0 +1,12 @@
+import Application from '@ember/application';
+import Resolver from 'ember-resolver';
+import loadInitializers from 'ember-load-initializers';
+import config from './config/environment';
+
+export default class App extends Application {
+  modulePrefix = config.modulePrefix;
+  podModulePrefix = config.podModulePrefix;
+  Resolver = Resolver;
+}
+
+loadInitializers(App, config.modulePrefix);

packages/gitmoji-changelog-website/app/components/repository-input.hbs

@@ -0,0 +1,24 @@
+<section aria-label="repository input">
+  <h2>Type your repository's url</h2>
+  <form {{on "submit" this.onSubmit}}>
+    <label for="repository" class="visuallyhidden">Repository's url</label>
+    <input
+      id="repository"
+      name="repository"
+      type="text"
+      value={{this.repositoryUrl}}
+      {{on "keydown" this.updateRepositoryUrl}}
+      placeholder="https://github.com/frinyvonnick/gitmoji-changelog.git"
+    />
+    {{#if this.changelog}}
+      <section aria-label="changelog">
+        {{markdown-to-html this.changelog}}
+      </section>
+    {{/if}}
+    {{#if this.loading}}
+      <section aria-label="changelog">
+        <p>Loading...</p>
+      </section>
+    {{/if}}
+  </form>
+</section>

packages/gitmoji-changelog-website/app/components/repository-input.js

@@ -0,0 +1,33 @@
+import Component from "@glimmer/component";
+import { tracked } from "@glimmer/tracking";
+import { action } from "@ember/object";
+
+export default class RepositoryInputComponent extends Component {
+  @tracked repositoryUrl
+  @tracked changelog = ''
+  @tracked loading = false
+
+  @action
+  onSubmit(e) {
+    e.preventDefault()
+    this.loading = true
+    fetch(`http://localhost:9999/?repository=${this.repositoryUrl}`)
+      .then(res => res.text())
+      .then(changelog => {
+        const formattedChangelog = changelog
+          .split('\n')
+          .slice(1)
+          .join('\n')
+        this.changelog = formattedChangelog
+        this.loading = false
+      })
+      .catch((err) => {
+        console.error(err)
+      })
+  }
+
+  @action
+  updateRepositoryUrl(e) {
+    this.repositoryUrl = e.target.value
+  }
+}

packages/gitmoji-changelog-website/app/components/usage.hbs

@@ -0,0 +1,4 @@
+<section aria-label="usage">
+  <h2>Open your terminal and execute the following command:</h2>
+  <pre>npx gitmoji-changelog</pre>
+</section>