├── .husky
    ├── .gitignore
    └── pre-commit
├── .tool-versions
├── _img
    ├── labels.png
    ├── topics.png
    └── repolist.png
├── public
    ├── favicon.png
    ├── index.html
    └── global.css
├── Jenkinsfile_k8s
├── src
    ├── main.js
    ├── App.svelte
    ├── PluginLabels.svelte
    ├── RepoList.svelte
    └── GithubLabels.svelte
├── graphql
    ├── getLabels.graphql
    ├── updateTopics.graphql
    └── getTopics.graphql
├── .editorconfig
├── Dockerfile
├── .do
    └── deploy.template.yaml
├── NOTES.md
├── .eslintrc.js
├── Makefile
├── README.md
├── bin
    └── www
├── labels.yaml
├── package.json
├── .gitignore
├── .eslintignore
├── .dockerignore
├── webpack.config.js
├── scripts
    └── setupTypeScript.js
├── index.js
└── app
    └── routes.js


/.husky/.gitignore:
--------------------------------------------------------------------------------
1 | _
2 | 


--------------------------------------------------------------------------------
/.tool-versions:
--------------------------------------------------------------------------------
1 | nodejs 14.9.0
2 | 


--------------------------------------------------------------------------------
/.husky/pre-commit:
--------------------------------------------------------------------------------
1 | #!/bin/sh
2 | . "$(dirname "$0")/_/husky.sh"
3 | 
4 | npm run lint
5 | 


--------------------------------------------------------------------------------
/_img/labels.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jenkins-infra/docker-plugins-self-service/main/_img/labels.png


--------------------------------------------------------------------------------
/_img/topics.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jenkins-infra/docker-plugins-self-service/main/_img/topics.png


--------------------------------------------------------------------------------
/_img/repolist.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jenkins-infra/docker-plugins-self-service/main/_img/repolist.png


--------------------------------------------------------------------------------
/public/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jenkins-infra/docker-plugins-self-service/main/public/favicon.png


--------------------------------------------------------------------------------
/Jenkinsfile_k8s:
--------------------------------------------------------------------------------
1 | parallelDockerUpdatecli([imageName: 'plugins-self-service', rebuildImageOnPeriodicJob: false])
2 | 


--------------------------------------------------------------------------------
/src/main.js:
--------------------------------------------------------------------------------
1 | import App from './App.svelte';
2 | 
3 | const app = new App({
4 |   target: document.body,
5 |   props: { }
6 | });
7 | 
8 | export default app;
9 | 


--------------------------------------------------------------------------------
/graphql/getLabels.graphql:
--------------------------------------------------------------------------------
 1 | query getLabels($owner: String!, $name: String!) {
 2 |   repository(owner: $owner, name: $name) {
 3 |     id
 4 |     labels (first:100) {
 5 |       nodes {
 6 |         id
 7 |         name
 8 |         color
 9 |         description
10 |       }
11 |     }
12 |   }
13 | }
14 | 


--------------------------------------------------------------------------------
/graphql/updateTopics.graphql:
--------------------------------------------------------------------------------
 1 | mutation($clientMutationId: String!, $repositoryId: ID!, $topicNames: [String!]!) {
 2 |   updateTopics(input: {
 3 |     clientMutationId: $clientMutationId,
 4 |     repositoryId: $repositoryId,
 5 |     topicNames: $topicNames
 6 |   }) {
 7 |     clientMutationId
 8 |   }
 9 | }
10 | 


--------------------------------------------------------------------------------
/graphql/getTopics.graphql:
--------------------------------------------------------------------------------
 1 | query getTopics($owner: String!, $name: String!) {
 2 |   repository(owner: $owner, name: $name) {
 3 |     id
 4 |     repositoryTopics (first:100) {
 5 |       nodes {
 6 |         id
 7 |         topic {
 8 |           id
 9 |           name
10 |         }
11 |         url
12 |       }
13 |     }
14 |   }
15 | }
16 | 


--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
 1 | # EditorConfig is awesome: http://EditorConfig.org
 2 | 
 3 | # top-most EditorConfig file
 4 | root = true
 5 | 
 6 | # Unix-style newlines with a newline ending every file
 7 | [*]
 8 | end_of_line = lf
 9 | insert_final_newline = true
10 | indent_style = space
11 | indent_size = 2
12 | charset = utf-8
13 | 
14 | [Makefile]
15 | indent_style = tab
16 | 


--------------------------------------------------------------------------------
/Dockerfile:
--------------------------------------------------------------------------------
 1 | FROM node:14 as build
 2 | WORKDIR /home/node
 3 | 
 4 | ENV NODE_ENV=development
 5 | COPY package*.json ./
 6 | RUN npm install
 7 | COPY . .
 8 | RUN npm run build
 9 | 
10 | FROM node:14
11 | 
12 | ENV NODE_ENV=production
13 | USER node
14 | WORKDIR /home/node
15 | RUN mkdir sessions
16 | COPY package*.json ./
17 | RUN npm install
18 | COPY . .
19 | COPY --from=build /home/node/public/build ./public/build/
20 | 
21 | CMD ["npm","run","start"]
22 | 


--------------------------------------------------------------------------------
/.do/deploy.template.yaml:
--------------------------------------------------------------------------------
 1 | name: plugins-self-service
 2 | region: nyc
 3 | services:
 4 | - dockerfile_path: Dockerfile
 5 |   envs:
 6 |   - key: GITHUB_CLIENT_ID
 7 |     type: SECRET
 8 |   - key: GITHUB_CLIENT_SECRET
 9 |     type: SECRET
10 |   github:
11 |     branch: master
12 |     deploy_on_push: true
13 |     repo: halkeye/plugins-self-service
14 |   http_port: 5000
15 |   instance_count: 1
16 |   instance_size_slug: basic-xs
17 |   name: plugins-self-service
18 |   routes:
19 |   - path: /
20 | 


--------------------------------------------------------------------------------
/NOTES.md:
--------------------------------------------------------------------------------
 1 | https://github.com/octokit/graphql.js/issues/61#issuecomment-643392492
 2 | https://www.npmjs.com/package/@octokit/graphql#send-a-simple-query
 3 | 
 4 | * App
 5 | * -> Has JWT Token?
 6 | *   -> Show Repos.svelte
 7 | * -> Show Welcome Dialog with action button to Redirect to /login
 8 | 
 9 | 
10 | * Repos.svelte
11 | *   -> Add in button to set common topics
12 | *     -> Just a hard coded list
13 | *     -> Maybe pull https://plugins.jenkins.io/api/labels
14 | *     -> Prefix topics with jenkins-?
15 | *
16 | 
17 | https://material-components.github.io/material-components-web-components/demos/top-app-bar-fixed/ maybe?
18 | 


--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 | 	<meta charset='utf-8'>
 5 | 	<meta name='viewport' content='width=device-width,initial-scale=1'>
 6 | 
 7 | 	<title>Plugin Self Service</title>
 8 | 
 9 | 	<link rel='icon' type='image/png' href='/favicon.png'>
10 | 	<link rel='stylesheet' href='/global.css'>
11 | 	<link rel='stylesheet' href='/build/bundle.css'>
12 | 
13 | 	<!-- Your application must load the Roboto and Material Icons fonts. -->
14 | 	<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
15 | 	<link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet">
16 | 
17 | 	<script defer src='/build/bundle.js'></script>
18 | </head>
19 | 
20 | <body>
21 | </body>
22 | </html>
23 | 


--------------------------------------------------------------------------------
/.eslintrc.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   parserOptions: {
 3 |     ecmaVersion: 2019,
 4 |     sourceType: 'module'
 5 |   },
 6 |   extends: [
 7 |     'eslint:recommended',
 8 |     'standard'
 9 |   ],
10 |   env: {
11 |     es6: true,
12 |     browser: true
13 |   },
14 |   plugins: [
15 |     'svelte3',
16 |     'import'
17 |   ],
18 |   overrides: [
19 |     {
20 |       files: ['*.svelte'],
21 |       processor: 'svelte3/svelte3',
22 |       rules: {
23 |         'import/first': 0,
24 |         'import/no-duplicates': 0,
25 |         'import/no-mutable-exports': 0,
26 |         'import/no-unresolved': 0,
27 |         'no-multiple-empty-lines': 0
28 |       }
29 |     }
30 |   ],
31 |   rules: {
32 |     semi: ['error', 'always']
33 |   },
34 |   settings: {
35 |     // ...
36 |   }
37 | };
38 | 


--------------------------------------------------------------------------------
/Makefile:
--------------------------------------------------------------------------------
 1 | #!make
 2 | .DEFAULT_GOAL := build
 3 | 
 4 | ifndef REGISTRY
 5 | 	override REGISTRY = halkeye
 6 | endif
 7 | NAME := $(shell basename $(CURDIR))
 8 | VERSION := latest
 9 | NAME_VERSION := $(NAME):$(VERSION)
10 | TAGNAME := $(REGISTRY)/$(NAME_VERSION)
11 | 
12 | .PHONY: build
13 | build: ## Build docker image
14 | 	docker build -t $(TAGNAME) .
15 | 
16 | .PHONY: push
17 | push: ## push to docker hub
18 | 	docker push $(TAGNAME)
19 | 
20 | .PHONY: push
21 | kill: ## kill the running process
22 | 	docker kill $(NAME)
23 | 
24 | .SHELL := /bin/bash
25 | .PHONY: run
26 | run: ## run the docker hub
27 | 	docker run \
28 | 		-it \
29 | 		--rm \
30 | 		-p 3000:5000 \
31 | 		-e GITHUB_CLIENT_ID \
32 | 		-e GITHUB_CLIENT_SECRET \
33 | 		--name $(NAME) \
34 | 		$(TAGNAME)
35 | 
36 | .PHONY: help
37 | help:
38 | 	@grep -E '^[a-zA-Z_-]+:.*?## .*$$' $(MAKEFILE_LIST) | sort | awk 'BEGIN {FS = ":.*?## "}; {printf "\033[36m%-30s\033[0m %s\n", $$1, $$2}'
39 | 


--------------------------------------------------------------------------------
/src/App.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 | import '@material/mwc-circular-progress';
 3 | import '@material/mwc-top-app-bar';
 4 | import '@material/mwc-icon-button';
 5 | 
 6 | import RepoList from './RepoList.svelte';
 7 | import { hasAny } from 'svelte-fetch';
 8 | 
 9 | </script>
10 | 
11 | <style>
12 |   main {
13 |     padding: 8px;
14 |   }
15 |   .codeLink {
16 |     color: white;
17 |   }
18 | </style>
19 | 
20 | <mwc-top-app-bar>
21 |   <div slot="title" id="title">Plugins Self Service</div>
22 |   <a class="codeLink" slot="actionItems" href="https://github.com/halkeye/plugins-self-service"><mwc-icon-button icon="code" label="github"></mwc-icon-button></a>
23 | 
24 |   <main>
25 |     <RepoList></RepoList>
26 |     {#if $hasAny}
27 |     <mwc-dialog heading="Request In Progress" open={true}>
28 |       <mwc-circular-progress indeterminate={true}></mwc-circular-progress>
29 |       <p>Working</p>
30 |     </mwc-dialog>
31 |     {/if}
32 |   </main>
33 | </mwc-top-app-bar>
34 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | Archived, see https://github.com/jenkins-infra/helpdesk/issues/4175
 2 | 
 3 | # plugins-self-service
 4 | 
 5 | [![Deploy to DO](https://www.deploytodo.com/do-btn-blue.svg)](https://cloud.digitalocean.com/apps/new?repo=https://github.com/jenkins-infra/plugins-self-service/tree/master)
 6 | 
 7 | Little app to manage some once in a while tasks for plugin maintainers
 8 | 
 9 | ## Screenshots
10 | 
11 | ![Screenshot of first screen - repository list](./_img/repolist.png)
12 | 
13 | ![Screenshot of github labels management](./_img/labels.png)
14 | 
15 | ![Screenshot of plugin labels management](./_img/topics.png)
16 | 
17 | ## Running
18 | 
19 | ### Installing
20 | 
21 | ```npm install```
22 | 
23 | ### Running
24 | 
25 | ```
26 | export GITHUB_CLIENT_ID=<app client id>
27 | export GITHUB_CLIENT_SECRET=<app client secret>
28 | npm run start
29 | ```
30 | 
31 | ## Development
32 | 
33 | ### Installing
34 | 
35 | ```npm install```
36 | 
37 | ### Running
38 | 
39 | ```
40 | export GITHUB_CLIENT_ID=<app client id>
41 | export GITHUB_CLIENT_SECRET=<app client secret>
42 | npm run dev
43 | ```
44 | 


--------------------------------------------------------------------------------
/public/global.css:
--------------------------------------------------------------------------------
 1 | html, body {
 2 | 	position: relative;
 3 | 	width: 100%;
 4 | 	height: 100%;
 5 | }
 6 | 
 7 | body {
 8 | 	color: #333;
 9 | 	margin: 0;
10 | 	padding: 0;
11 | 	box-sizing: border-box;
12 | 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
13 | }
14 | 
15 | a {
16 | 	color: rgb(0,100,200);
17 | 	text-decoration: none;
18 | }
19 | 
20 | a:hover {
21 | 	text-decoration: underline;
22 | }
23 | 
24 | a:visited {
25 | 	color: rgb(0,80,160);
26 | }
27 | 
28 | label {
29 | 	display: block;
30 | }
31 | 
32 | input, button, select, textarea {
33 | 	font-family: inherit;
34 | 	font-size: inherit;
35 | 	-webkit-padding: 0.4em 0;
36 | 	padding: 0.4em;
37 | 	margin: 0 0 0.5em 0;
38 | 	box-sizing: border-box;
39 | 	border: 1px solid #ccc;
40 | 	border-radius: 2px;
41 | }
42 | 
43 | input:disabled {
44 | 	color: #ccc;
45 | }
46 | 
47 | button {
48 | 	color: #333;
49 | 	background-color: #f4f4f4;
50 | 	outline: none;
51 | }
52 | 
53 | button:disabled {
54 | 	color: #999;
55 | }
56 | 
57 | button:not(:disabled):active {
58 | 	background-color: #ddd;
59 | }
60 | 
61 | button:focus {
62 | 	border-color: #666;
63 | }
64 | 


--------------------------------------------------------------------------------
/bin/www:
--------------------------------------------------------------------------------
 1 | #!/usr/bin/env node
 2 | 
 3 | /**
 4 |  * Module dependencies.
 5 |  */
 6 | 
 7 | const app = require('../index');
 8 | const debug = require('debug')('a:server');
 9 | const http = require('http');
10 | 
11 | /**
12 |  * Get port from environment and store in Express.
13 |  */
14 | 
15 | const port = normalizePort(process.env.PORT || '5000');
16 | app.set('port', port);
17 | 
18 | /**
19 |  * Create HTTP server.
20 |  */
21 | 
22 | const server = http.createServer(app);
23 | 
24 | /**
25 |  * Listen on provided port, on all network interfaces.
26 |  */
27 | 
28 | server.listen(port);
29 | server.on('error', onError);
30 | server.on('listening', onListening);
31 | 
32 | /**
33 |  * Normalize a port into a number, string, or false.
34 |  */
35 | 
36 | function normalizePort (val) {
37 |   const port = parseInt(val, 10);
38 | 
39 |   if (isNaN(port)) {
40 |     // named pipe
41 |     return val;
42 |   }
43 | 
44 |   if (port >= 0) {
45 |     // port number
46 |     return port;
47 |   }
48 | 
49 |   return false;
50 | }
51 | 
52 | /**
53 |  * Event listener for HTTP server "error" event.
54 |  */
55 | 
56 | function onError (error) {
57 |   if (error.syscall !== 'listen') {
58 |     throw error;
59 |   }
60 | 
61 |   const bind = typeof port === 'string'
62 |     ? 'Pipe ' + port
63 |     : 'Port ' + port;
64 | 
65 |   // handle specific listen errors with friendly messages
66 |   switch (error.code) {
67 |     case 'EACCES':
68 |       console.error(bind + ' requires elevated privileges');
69 |       process.exit(1);
70 |     case 'EADDRINUSE':
71 |       console.error(bind + ' is already in use');
72 |       process.exit(1);
73 |     default:
74 |       throw error;
75 |   }
76 | }
77 | 
78 | /**
79 |  * Event listener for HTTP server "listening" event.
80 |  */
81 | 
82 | function onListening () {
83 |   const addr = server.address();
84 |   const bind = typeof addr === 'string'
85 |     ? 'pipe ' + addr
86 |     : 'port ' + addr.port;
87 |   debug('Listening on ' + bind);
88 | }
89 | 


--------------------------------------------------------------------------------
/labels.yaml:
--------------------------------------------------------------------------------
 1 | labels:
 2 |   - name: good first issue
 3 |     color: '7057ff'
 4 |   - name: hackathon
 5 |     color: '85f920'
 6 |   - name: help wanted
 7 |     color: '008672'
 8 |   - name: question
 9 |     color: 'D876E3'
10 |   - name: wontfix
11 |     color: 'FFFFFF'
12 |   - name: duplicate
13 |     color: 'CFD3D7'
14 |   - name: bug
15 |     color: 'D73A4A'
16 |   - name: documentation
17 |     color: '0e8a16'
18 |     description: A PR that adds to documentation - used by Release Drafter
19 |   - name: hacktoberfest
20 |     color: 'bdff3a'
21 |     description: 'Hacktoberfest. https://jenkins.io/blog/2018/10/01/hacktoberfest/'
22 |   - name: feature
23 |     color: '1d00ff'
24 |     description: A PR that adds a feature - used by Release Drafter
25 |   - name: bugfix
26 |     oldname: fix
27 |     color: 'c9e85c'
28 |     description: A PR that fixes a bug - used by Release Drafter
29 |   - name: chore
30 |     color: 'c9abea'
31 |     description: a PR that adds to maintenance - used by Release Drafter
32 |   - name: test
33 |     color: 'd6e819'
34 |     description: A PR that adds to testing - used by Release Drafter
35 |   - name: pinned
36 |     color: '5ed5e5'
37 |     description: 'Used to avoid stale[bot] marking a issue/PR stale'
38 |   - name: plugin-compatibility
39 |     color: '8425c4'
40 |   - name: stale
41 |     color: 'ffffff'
42 |     description: 'Used by stale[bot] to mark a issue/PR stale'
43 |   - name: skip-changelog
44 |     color: 'f44271'
45 |     description: A PR that is excluded from Release draft - used by Release Drafter
46 |   - name: removed
47 |     color: 'aa0f1c'
48 |     description: A PR that removes code - used by Release Drafter
49 |   - name: deprecated
50 |     color: 'e2b626'
51 |     description: A PR that deprecates code - used by Release Drafter
52 |   - name: breaking
53 |     color: '640910'
54 |     description: A PR that is a breaking change - used by Release Drafter
55 |   - name: dependencies
56 |     color: '0366d6'
57 |     description: A PR that updates dependencies - used by Release Drafter
58 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "plugins-self-service",
 3 |   "description": "Plugins Self Service",
 4 |   "private": true,
 5 |   "license": "MIT",
 6 |   "version": "1.0.0",
 7 |   "scripts": {
 8 |     "build": "webpack-cli",
 9 |     "dev": "nodemon -w index.js -w graphql -w app -e js,mjs,json,graphql ./bin/www",
10 |     "start": "node ./bin/www",
11 |     "lint": "eslint --cache ."
12 |   },
13 |   "devDependencies": {
14 |     "autoprefixer": "^10.2.4",
15 |     "babel-loader": "^8.2.2",
16 |     "clean-webpack-plugin": "^3.0.0",
17 |     "css-loader": "^5.0.2",
18 |     "eslint": "^7.21.0",
19 |     "eslint-config-standard": "^16.0.2",
20 |     "eslint-plugin-import": "^2.22.1",
21 |     "eslint-plugin-node": "^11.1.0",
22 |     "eslint-plugin-promise": "^4.3.1",
23 |     "eslint-plugin-svelte3": "^3.1.2",
24 |     "husky": "^4.3.8",
25 |     "lint-staged": "^10.5.4",
26 |     "mini-css-extract-plugin": "^1.3.8",
27 |     "nodemon": "^2.0.7",
28 |     "postcss-loader": "^5.0.0",
29 |     "svelte": "^3.0.0",
30 |     "svelte-loader": "^3.0.0",
31 |     "svelte-preprocess": "^4.6.9",
32 |     "webpack": "^5.23.0",
33 |     "webpack-cli": "^4.5.0",
34 |     "webpack-dev-middleware": "^4.1.0"
35 |   },
36 |   "dependencies": {
37 |     "@material/mwc-button": "^0.20.0",
38 |     "@material/mwc-circular-progress": "^0.20.0",
39 |     "@material/mwc-dialog": "^0.20.0",
40 |     "@material/mwc-icon-button": "^0.20.0",
41 |     "@material/mwc-list": "^0.20.0",
42 |     "@material/mwc-snackbar": "^0.20.0",
43 |     "@material/mwc-top-app-bar": "^0.20.0",
44 |     "@octokit/graphql": "^4.6.0",
45 |     "@webcomponents/webcomponentsjs": "^2.5.0",
46 |     "cookie-parser": "^1.4.5",
47 |     "cors": "^2.8.5",
48 |     "express": "^4.17.1",
49 |     "express-session": "^1.17.1",
50 |     "js-yaml": "^4.0.0",
51 |     "morgan": "^1.10.0",
52 |     "node-fetch": "^2.6.1",
53 |     "passport": "^0.4.1",
54 |     "passport-github2": "^0.1.12",
55 |     "session-file-store": "^1.5.0",
56 |     "svelte-fetch": "^0.2.0",
57 |     "uuid": "^8.3.2"
58 |   },
59 |   "husky": {
60 |     "hooks": {
61 |       "pre-commit": "lint-staged"
62 |     }
63 |   },
64 |   "lint-staged": {
65 |     "*.js": "eslint --cache --fix"
66 |   }
67 | }
68 | 


--------------------------------------------------------------------------------
/src/PluginLabels.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 | import { createEventDispatcher } from 'svelte';
 3 | import Fetch from 'svelte-fetch';
 4 | import '@material/mwc-button';
 5 | import '@material/mwc-dialog';
 6 | import '@material/mwc-list';
 7 | import '@material/mwc-list/mwc-check-list-item';
 8 | 
 9 | export let name;
10 | export let owner;
11 | 
12 | const dispatch = createEventDispatcher();
13 | 
14 | const fetch = new Fetch();
15 | 
16 | let possibleTopics;
17 | let existingTopics;
18 | 
19 | const fetchTopics = (owner, name) => fetch.request(`/api/repos/${owner}/${name}/topics`)
20 |   .then(response => response.json())
21 |   .then(data => {
22 |     possibleTopics = data.possibleTopics;
23 |     existingTopics = data.existingTopics;
24 |     return data;
25 |   });
26 | 
27 | const handleApply = async (e) => {
28 |   const data = await fetch.request(`/api/repos/${owner}/${name}/topics`, {
29 |     method: 'POST',
30 |     credentials: 'include',
31 |     headers: {
32 |       'Content-Type': 'application/json'
33 |     },
34 |     body: JSON.stringify({ topicNames: Object.keys(existingTopics) })
35 |   }).then(response => response.json());
36 | 
37 |   if (!data.ok) {
38 |     alert(data.message);
39 |     return;
40 |   }
41 |   dispatch('closed');
42 | };
43 | 
44 | const onSelected = (e) => {
45 |   const selected = Array.from(e.detail.index);
46 |   existingTopics = Object.fromEntries(selected.map(idx => [possibleTopics[idx].id, 1]));
47 | };
48 | </script>
49 | 
50 | <style>
51 |   .styled {
52 |     --mdc-dialog-min-width: max(50vw, 300px);
53 |   }
54 | </style>
55 | 
56 | <main>
57 |   <mwc-dialog heading="Labels" open={true} on:closed class="styled">
58 |     {#await fetchTopics(owner, name)}
59 |       <p>...grabbing a list labels for {name}</p>
60 |     {:then}
61 |       <mwc-list multi={true} on:selected={onSelected}>
62 |         {#each possibleTopics as topic}
63 |           <mwc-check-list-item selected={existingTopics[topic.id]} twoline={true}>
64 |             <span>{topic.id}</span>
65 |             {#if topic.title}
66 |             <span slot="secondary">{topic.title}</span>
67 |             {/if}
68 |           </mwc-check-list-item>
69 |         {/each}
70 |       </mwc-list>
71 |     {:catch error}
72 |       <p>An error occurred!</p>
73 |       <pre>
74 |         <xmp>
75 |           {error}
76 |         </xmp>
77 |       </pre>
78 |     {/await}
79 |     <mwc-button slot="primaryAction" on:click={handleApply}>Apply</mwc-button>
80 |     <mwc-button slot="secondaryAction" dialogAction="cancel">Cancel</mwc-button>
81 |   </mwc-dialog>
82 | </main>
83 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
  1 | 
  2 | # Created by https://www.toptal.com/developers/gitignore/api/node
  3 | # Edit at https://www.toptal.com/developers/gitignore?templates=node
  4 | 
  5 | ### Node ###
  6 | # Logs
  7 | logs
  8 | *.log
  9 | npm-debug.log*
 10 | yarn-debug.log*
 11 | yarn-error.log*
 12 | lerna-debug.log*
 13 | 
 14 | # Diagnostic reports (https://nodejs.org/api/report.html)
 15 | report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
 16 | 
 17 | # Runtime data
 18 | pids
 19 | *.pid
 20 | *.seed
 21 | *.pid.lock
 22 | 
 23 | # Directory for instrumented libs generated by jscoverage/JSCover
 24 | lib-cov
 25 | 
 26 | # Coverage directory used by tools like istanbul
 27 | coverage
 28 | *.lcov
 29 | 
 30 | # nyc test coverage
 31 | .nyc_output
 32 | 
 33 | # Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
 34 | .grunt
 35 | 
 36 | # Bower dependency directory (https://bower.io/)
 37 | bower_components
 38 | 
 39 | # node-waf configuration
 40 | .lock-wscript
 41 | 
 42 | # Compiled binary addons (https://nodejs.org/api/addons.html)
 43 | build/Release
 44 | 
 45 | # Dependency directories
 46 | node_modules/
 47 | jspm_packages/
 48 | 
 49 | # TypeScript v1 declaration files
 50 | typings/
 51 | 
 52 | # TypeScript cache
 53 | *.tsbuildinfo
 54 | 
 55 | # Optional npm cache directory
 56 | .npm
 57 | 
 58 | # Optional eslint cache
 59 | .eslintcache
 60 | 
 61 | # Optional stylelint cache
 62 | .stylelintcache
 63 | 
 64 | # Microbundle cache
 65 | .rpt2_cache/
 66 | .rts2_cache_cjs/
 67 | .rts2_cache_es/
 68 | .rts2_cache_umd/
 69 | 
 70 | # Optional REPL history
 71 | .node_repl_history
 72 | 
 73 | # Output of 'npm pack'
 74 | *.tgz
 75 | 
 76 | # Yarn Integrity file
 77 | .yarn-integrity
 78 | 
 79 | # dotenv environment variables file
 80 | .env
 81 | .env.test
 82 | .env*.local
 83 | 
 84 | # parcel-bundler cache (https://parceljs.org/)
 85 | .cache
 86 | .parcel-cache
 87 | 
 88 | # Next.js build output
 89 | .next
 90 | 
 91 | # Nuxt.js build / generate output
 92 | .nuxt
 93 | dist
 94 | 
 95 | # Gatsby files
 96 | .cache/
 97 | # Comment in the public line in if your project uses Gatsby and not Next.js
 98 | # https://nextjs.org/blog/next-9-1#public-directory-support
 99 | # public
100 | 
101 | # vuepress build output
102 | .vuepress/dist
103 | 
104 | # Serverless directories
105 | .serverless/
106 | 
107 | # FuseBox cache
108 | .fusebox/
109 | 
110 | # DynamoDB Local files
111 | .dynamodb/
112 | 
113 | # TernJS port file
114 | .tern-port
115 | 
116 | # Stores VSCode versions used for testing VSCode extensions
117 | .vscode-test
118 | 
119 | # End of https://www.toptal.com/developers/gitignore/api/node
120 | sessions/
121 | public/build/
122 | 


--------------------------------------------------------------------------------
/.eslintignore:
--------------------------------------------------------------------------------
  1 | 
  2 | # Created by https://www.toptal.com/developers/gitignore/api/node
  3 | # Edit at https://www.toptal.com/developers/gitignore?templates=node
  4 | 
  5 | ### Node ###
  6 | # Logs
  7 | logs
  8 | *.log
  9 | npm-debug.log*
 10 | yarn-debug.log*
 11 | yarn-error.log*
 12 | lerna-debug.log*
 13 | 
 14 | # Diagnostic reports (https://nodejs.org/api/report.html)
 15 | report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
 16 | 
 17 | # Runtime data
 18 | pids
 19 | *.pid
 20 | *.seed
 21 | *.pid.lock
 22 | 
 23 | # Directory for instrumented libs generated by jscoverage/JSCover
 24 | lib-cov
 25 | 
 26 | # Coverage directory used by tools like istanbul
 27 | coverage
 28 | *.lcov
 29 | 
 30 | # nyc test coverage
 31 | .nyc_output
 32 | 
 33 | # Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
 34 | .grunt
 35 | 
 36 | # Bower dependency directory (https://bower.io/)
 37 | bower_components
 38 | 
 39 | # node-waf configuration
 40 | .lock-wscript
 41 | 
 42 | # Compiled binary addons (https://nodejs.org/api/addons.html)
 43 | build/Release
 44 | 
 45 | # Dependency directories
 46 | node_modules/
 47 | jspm_packages/
 48 | 
 49 | # TypeScript v1 declaration files
 50 | typings/
 51 | 
 52 | # TypeScript cache
 53 | *.tsbuildinfo
 54 | 
 55 | # Optional npm cache directory
 56 | .npm
 57 | 
 58 | # Optional eslint cache
 59 | .eslintcache
 60 | 
 61 | # Optional stylelint cache
 62 | .stylelintcache
 63 | 
 64 | # Microbundle cache
 65 | .rpt2_cache/
 66 | .rts2_cache_cjs/
 67 | .rts2_cache_es/
 68 | .rts2_cache_umd/
 69 | 
 70 | # Optional REPL history
 71 | .node_repl_history
 72 | 
 73 | # Output of 'npm pack'
 74 | *.tgz
 75 | 
 76 | # Yarn Integrity file
 77 | .yarn-integrity
 78 | 
 79 | # dotenv environment variables file
 80 | .env
 81 | .env.test
 82 | .env*.local
 83 | 
 84 | # parcel-bundler cache (https://parceljs.org/)
 85 | .cache
 86 | .parcel-cache
 87 | 
 88 | # Next.js build output
 89 | .next
 90 | 
 91 | # Nuxt.js build / generate output
 92 | .nuxt
 93 | dist
 94 | 
 95 | # Gatsby files
 96 | .cache/
 97 | # Comment in the public line in if your project uses Gatsby and not Next.js
 98 | # https://nextjs.org/blog/next-9-1#public-directory-support
 99 | # public
100 | 
101 | # vuepress build output
102 | .vuepress/dist
103 | 
104 | # Serverless directories
105 | .serverless/
106 | 
107 | # FuseBox cache
108 | .fusebox/
109 | 
110 | # DynamoDB Local files
111 | .dynamodb/
112 | 
113 | # TernJS port file
114 | .tern-port
115 | 
116 | # Stores VSCode versions used for testing VSCode extensions
117 | .vscode-test
118 | 
119 | # End of https://www.toptal.com/developers/gitignore/api/node
120 | sessions/
121 | public/build/
122 | 


--------------------------------------------------------------------------------
/.dockerignore:
--------------------------------------------------------------------------------
  1 | 
  2 | # Created by https://www.toptal.com/developers/gitignore/api/node
  3 | # Edit at https://www.toptal.com/developers/gitignore?templates=node
  4 | 
  5 | ### Node ###
  6 | # Logs
  7 | logs
  8 | *.log
  9 | npm-debug.log*
 10 | yarn-debug.log*
 11 | yarn-error.log*
 12 | lerna-debug.log*
 13 | 
 14 | # Diagnostic reports (https://nodejs.org/api/report.html)
 15 | report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
 16 | 
 17 | # Runtime data
 18 | pids
 19 | *.pid
 20 | *.seed
 21 | *.pid.lock
 22 | 
 23 | # Directory for instrumented libs generated by jscoverage/JSCover
 24 | lib-cov
 25 | 
 26 | # Coverage directory used by tools like istanbul
 27 | coverage
 28 | *.lcov
 29 | 
 30 | # nyc test coverage
 31 | .nyc_output
 32 | 
 33 | # Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
 34 | .grunt
 35 | 
 36 | # Bower dependency directory (https://bower.io/)
 37 | bower_components
 38 | 
 39 | # node-waf configuration
 40 | .lock-wscript
 41 | 
 42 | # Compiled binary addons (https://nodejs.org/api/addons.html)
 43 | build/Release
 44 | 
 45 | # Dependency directories
 46 | node_modules/
 47 | jspm_packages/
 48 | 
 49 | # TypeScript v1 declaration files
 50 | typings/
 51 | 
 52 | # TypeScript cache
 53 | *.tsbuildinfo
 54 | 
 55 | # Optional npm cache directory
 56 | .npm
 57 | 
 58 | # Optional eslint cache
 59 | .eslintcache
 60 | 
 61 | # Optional stylelint cache
 62 | .stylelintcache
 63 | 
 64 | # Microbundle cache
 65 | .rpt2_cache/
 66 | .rts2_cache_cjs/
 67 | .rts2_cache_es/
 68 | .rts2_cache_umd/
 69 | 
 70 | # Optional REPL history
 71 | .node_repl_history
 72 | 
 73 | # Output of 'npm pack'
 74 | *.tgz
 75 | 
 76 | # Yarn Integrity file
 77 | .yarn-integrity
 78 | 
 79 | # dotenv environment variables file
 80 | .env
 81 | .env.test
 82 | .env*.local
 83 | 
 84 | # parcel-bundler cache (https://parceljs.org/)
 85 | .cache
 86 | .parcel-cache
 87 | 
 88 | # Next.js build output
 89 | .next
 90 | 
 91 | # Nuxt.js build / generate output
 92 | .nuxt
 93 | dist
 94 | 
 95 | # Gatsby files
 96 | .cache/
 97 | # Comment in the public line in if your project uses Gatsby and not Next.js
 98 | # https://nextjs.org/blog/next-9-1#public-directory-support
 99 | # public
100 | 
101 | # vuepress build output
102 | .vuepress/dist
103 | 
104 | # Serverless directories
105 | .serverless/
106 | 
107 | # FuseBox cache
108 | .fusebox/
109 | 
110 | # DynamoDB Local files
111 | .dynamodb/
112 | 
113 | # TernJS port file
114 | .tern-port
115 | 
116 | # Stores VSCode versions used for testing VSCode extensions
117 | .vscode-test
118 | 
119 | # End of https://www.toptal.com/developers/gitignore/api/node
120 | sessions/
121 | Dockerfile
122 | .git
123 | public/build/
124 | 


--------------------------------------------------------------------------------
/src/RepoList.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Fetch from 'svelte-fetch';
 3 |   import '@material/mwc-button';
 4 |   import '@material/mwc-dialog';
 5 |   import '@material/mwc-list';
 6 |   import '@material/mwc-icon';
 7 |   import '@material/mwc-circular-progress';
 8 |   import GithubLabels from './GithubLabels.svelte';
 9 |   import PluginLabels from './PluginLabels.svelte';
10 | 
11 |   let selected = null;
12 |   const fetch = new Fetch();
13 | 
14 |   const fetchRepos = () => {
15 |     return fetch.request('/api/repos').then(response => response.json()).then(data => data.repos);
16 |   };
17 |   const handleGithubLabelClick = (e) => {
18 |     selected = { ...e.target.dataset, type: 'githubLabels' };
19 |   };
20 |   const handlePluginLabelClick = (e) => {
21 |     selected = { ...e.target.dataset, type: 'pluginLabels' };
22 |   };
23 |   const handleClosed = (e, ...args) => {
24 |     selected = null;
25 |   };
26 | </script>
27 | 
28 | <svelte:head>
29 | </svelte:head>
30 | 
31 | <style>
32 |   .row {
33 |     display: grid;
34 |     grid-template-columns: auto;
35 |     height: auto;
36 |     grid-gap: 5px;
37 |     margin-bottom: 5px;
38 |   }
39 |   @media only screen and (min-width: 410px) and (max-width: 615px) {
40 |     .row {
41 |       grid-template-columns: auto auto;
42 |     }
43 |     .row div:first-child {
44 |       grid-column-start: 1;
45 |       grid-column-end: 3;
46 |     }
47 |   }
48 |   @media only screen and (min-width: 615px) {
49 |     .row {
50 |       grid-template-columns: 200px 200px 200px;
51 |     }
52 |   }
53 |   .row mwc-button {
54 |     width: 100%;
55 |   }
56 | </style>
57 | 
58 | <main>
59 |   {#await fetchRepos()}
60 |     <p>...grabbing a list of plugins you have admin on</p>
61 |   {:then repos}
62 |     {#each repos as repo}
63 |     <div class="row">
64 |       <div><a href={`https://github.com/${repo.owner}/${repo.name}/`}>{repo.name}</a></div>
65 |       <div><mwc-button data-owner={repo.owner} data-name={repo.name} on:click={handleGithubLabelClick} label="Github Labels" raised={true}></mwc-button></div>
66 |       <div><mwc-button data-owner={repo.owner} data-name={repo.name} on:click={handlePluginLabelClick} label="Plugin Labels" raised={true}></mwc-button></div>
67 |     </div>
68 |     {/each}
69 |     {#if selected && selected.type === 'githubLabels'}
70 |       <GithubLabels owner={selected.owner} name={selected.name} on:closed={handleClosed}></GithubLabels>
71 |     {/if}
72 |     {#if selected && selected.type === 'pluginLabels'}
73 |       <PluginLabels owner={selected.owner} name={selected.name} on:closed={handleClosed}></PluginLabels>
74 |     {/if}
75 |   {:catch error}
76 |       <p>An error occurred!</p>
77 |       <pre>
78 |         <xmp>
79 |           {error}
80 |         </xmp>
81 |       </pre>
82 |   {/await}
83 | </main>
84 | 
85 | 


--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
 1 | // https://github.com/baileyherbert/svelte-webpack-starter/blob/master/webpack.config.ts
 2 | const SveltePreprocess = require('svelte-preprocess');
 3 | const Autoprefixer = require('autoprefixer');
 4 | const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 5 | const path = require('path');
 6 | 
 7 | const mode = process.env.NODE_ENV || 'development';
 8 | const isProduction = mode === 'production';
 9 | const isDevelopment = !isProduction;
10 | const sourceMapsInProduction = true;
11 | 
12 | module.exports = {
13 |   entry: {
14 |     bundle: ['./src/main.js']
15 |   },
16 |   mode: isProduction ? 'production' : 'development',
17 |   output: {
18 |     path: path.resolve(__dirname, 'public/build'),
19 |     publicPath: '/build/',
20 |     filename: '[name].js',
21 |     chunkFilename: '[name].[id].js'
22 |   },
23 |   resolve: {
24 |     extensions: ['.mjs', '.js', '.ts', '.svelte'],
25 |     mainFields: ['svelte', 'browser', 'module', 'main']
26 |   },
27 |   module: {
28 |     rules: [
29 |       // Rule: Svelte
30 |       {
31 |         test: /\.svelte$/,
32 |         use: {
33 |           loader: 'svelte-loader',
34 |           options: {
35 |             compilerOptions: {
36 |               // Dev mode must be enabled for HMR to work!
37 |               dev: isDevelopment
38 |             },
39 |             emitCss: isProduction,
40 |             hotReload: isDevelopment,
41 |             hotOptions: {
42 |               // List of options and defaults: https://www.npmjs.com/package/svelte-loader-hot#usage
43 |               noPreserveState: false,
44 |               optimistic: true
45 |             },
46 |             preprocess: SveltePreprocess({
47 |               scss: false,
48 |               sass: false,
49 |               postcss: {
50 |                 plugins: [
51 |                   Autoprefixer
52 |                 ]
53 |               }
54 |             })
55 |           }
56 |         }
57 |       },
58 |       // Rule: CSS
59 |       {
60 |         test: /\.css$/,
61 |         use: [
62 |           {
63 |             loader: MiniCssExtractPlugin.loader
64 |           },
65 |           'css-loader'
66 |         ]
67 |       },
68 | 
69 |       // Rule: TypeScript
70 |       {
71 |         test: /\.ts$/,
72 |         use: 'ts-loader',
73 |         exclude: /node_modules/
74 |       }
75 |     ]
76 |   },
77 |   devServer: {
78 |     hot: true,
79 |     stats: 'none',
80 |     contentBase: 'public',
81 |     watchContentBase: true
82 |   },
83 |   target: isDevelopment ? 'web' : 'browserslist',
84 |   plugins: [
85 |     new MiniCssExtractPlugin({
86 |       filename: '[name].css'
87 |     })
88 |   ],
89 |   devtool: isProduction && !sourceMapsInProduction ? false : 'source-map',
90 |   stats: {
91 |     chunks: false,
92 |     chunkModules: false,
93 |     modules: false,
94 |     assets: true,
95 |     entrypoints: false
96 |   }
97 | };
98 | 


--------------------------------------------------------------------------------
/src/GithubLabels.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 | import { createEventDispatcher } from 'svelte';
 3 | import Fetch from 'svelte-fetch';
 4 | import '@material/mwc-button';
 5 | import '@material/mwc-dialog';
 6 | import '@material/mwc-list';
 7 | import '@material/mwc-icon';
 8 | import '@material/mwc-circular-progress';
 9 | 
10 | export let name;
11 | export let owner;
12 | 
13 | const dispatch = createEventDispatcher();
14 | const fetch = new Fetch();
15 | const fetchLabels = (owner, name) => fetch.request(`/api/repos/${owner}/${name}/labels`).then(response => response.json());
16 | const handleApply = (e, ...args) => {
17 |   fetch.request(`/api/repos/${owner}/${name}/labels`, {
18 |     method: 'POST',
19 |     credentials: 'include',
20 |     body: ''
21 |   }).then(response => response.json()).then(data => {
22 |     if (!data.ok) {
23 |       alert(data.message);
24 |     }
25 |   });
26 |   dispatch('closed');
27 | };
28 | </script>
29 | 
30 | <style>
31 |   .styled {
32 |     --mdc-dialog-max-width: 700px;
33 |     --mdc-dialog-min-width: 700px;
34 |   }
35 |   td.operator {
36 |     width: 30px;
37 |     min-width: 30px;
38 |     max-width: 30px;
39 |   }
40 |   td.data {
41 |     width: 300px;
42 |     max-width: 300px;
43 |     min-width: 300px;
44 |   }
45 | </style>
46 | 
47 | <main>
48 |   <mwc-dialog heading="Labels" open={true} on:closed class="styled">
49 |     {#await fetchLabels(owner, name)}
50 |       <p>...grabbing a list labels for {name}</p>
51 |     {:then labels}
52 |       <table>
53 |         {#each Object.keys(labels.newLabels).sort() as label}
54 |           <tr>
55 |             <td class="data">
56 |               <mwc-list>
57 |                 <mwc-list-item twoline={true} noninteractive={true} hasMeta={true}>
58 |                   {#if labels.existingLabels[label]}
59 |                   <span>{labels.existingLabels[label].name || ''}</span>
60 |                   <span slot="secondary">{labels.existingLabels[label].description || ''}</span>
61 |                   {#if labels.existingLabels[label].color}
62 |                   <span slot="meta" style="color: #{labels.existingLabels[label].color}" class="material-icons">info</span>
63 |                   {/if}
64 |                   {/if}
65 |                 </mwc-list-item>
66 |               </mwc-list>
67 |             </td>
68 |             <td class="operator">
69 |               <mwc-icon>double_arrow</mwc-icon>
70 |             </td>
71 |             <td class="data">
72 |               <mwc-list>
73 |                 <mwc-list-item twoline={true} noninteractive={true} hasMeta={true}>
74 |                   <span>{labels.newLabels[label].name || ''}</span>
75 |                   <span slot="secondary">{labels.newLabels[label].description || ''}</span>
76 |                   <span slot="meta" style="color: #{labels.newLabels[label].color}" class="material-icons">info</span>
77 |                 </mwc-list-item>
78 |               </mwc-list>
79 |             </td>
80 |           </tr>
81 |         {/each}
82 |       </table>
83 |     {:catch error}
84 |       <p>An error occurred!</p>
85 |       <pre>
86 |         <xmp>
87 |           {error}
88 |         </xmp>
89 |       </pre>
90 |     {/await}
91 |     <mwc-button slot="primaryAction" on:click={handleApply}>Apply</mwc-button>
92 |     <mwc-button slot="secondaryAction" dialogAction="cancel">Cancel</mwc-button>
93 |   </mwc-dialog>
94 | </main>
95 | 


--------------------------------------------------------------------------------
/scripts/setupTypeScript.js:
--------------------------------------------------------------------------------
  1 | // @ts-check
  2 | 
  3 | /** This script modifies the project to support TS code in .svelte files like:
  4 | 
  5 |   <script lang="ts">
  6 |     export let name: string;
  7 |   </script>
  8 | 
  9 |   As well as validating the code for CI.
 10 |   */
 11 | 
 12 | /**  To work on this script:
 13 |   rm -rf test-template template && git clone sveltejs/template test-template && node scripts/setupTypeScript.js test-template
 14 | */
 15 | 
 16 | const fs = require('fs');
 17 | const path = require('path');
 18 | const { argv } = require('process');
 19 | 
 20 | const projectRoot = argv[2] || path.join(__dirname, '..');
 21 | 
 22 | // Add deps to pkg.json
 23 | const packageJSON = JSON.parse(fs.readFileSync(path.join(projectRoot, 'package.json'), 'utf8'));
 24 | packageJSON.devDependencies = Object.assign(packageJSON.devDependencies, {
 25 |   'svelte-check': '^1.0.0',
 26 |   'svelte-preprocess': '^4.0.0',
 27 |   '@rollup/plugin-typescript': '^8.0.0',
 28 |   typescript: '^4.0.0',
 29 |   tslib: '^2.0.0',
 30 |   '@tsconfig/svelte': '^1.0.0'
 31 | });
 32 | 
 33 | // Add script for checking
 34 | packageJSON.scripts = Object.assign(packageJSON.scripts, {
 35 |   validate: 'svelte-check'
 36 | });
 37 | 
 38 | // Write the package JSON
 39 | fs.writeFileSync(path.join(projectRoot, 'package.json'), JSON.stringify(packageJSON, null, '  '));
 40 | 
 41 | // mv src/main.js to main.ts - note, we need to edit rollup.config.js for this too
 42 | const beforeMainJSPath = path.join(projectRoot, 'src', 'main.js');
 43 | const afterMainTSPath = path.join(projectRoot, 'src', 'main.ts');
 44 | fs.renameSync(beforeMainJSPath, afterMainTSPath);
 45 | 
 46 | // Switch the app.svelte file to use TS
 47 | const appSveltePath = path.join(projectRoot, 'src', 'App.svelte');
 48 | let appFile = fs.readFileSync(appSveltePath, 'utf8');
 49 | appFile = appFile.replace('<script>', '<script lang="ts">');
 50 | appFile = appFile.replace('export let name;', 'export let name: string;');
 51 | fs.writeFileSync(appSveltePath, appFile);
 52 | 
 53 | // Edit rollup config
 54 | const rollupConfigPath = path.join(projectRoot, 'rollup.config.js');
 55 | let rollupConfig = fs.readFileSync(rollupConfigPath, 'utf8');
 56 | 
 57 | // Edit imports
 58 | rollupConfig = rollupConfig.replace('\'rollup-plugin-terser\';', `'rollup-plugin-terser';
 59 | import sveltePreprocess from 'svelte-preprocess';
 60 | import typescript from '@rollup/plugin-typescript';`);
 61 | 
 62 | // Replace name of entry point
 63 | rollupConfig = rollupConfig.replace('\'src/main.js\'', '\'src/main.ts\'');
 64 | 
 65 | // Add preprocessor
 66 | rollupConfig = rollupConfig.replace(
 67 |   'compilerOptions:',
 68 |   'preprocess: sveltePreprocess({ sourceMap: !production }),\n\t\t\tcompilerOptions:'
 69 | );
 70 | 
 71 | // Add TypeScript
 72 | rollupConfig = rollupConfig.replace(
 73 |   'commonjs(),',
 74 |   'commonjs(),\n\t\ttypescript({\n\t\t\tsourceMap: !production,\n\t\t\tinlineSources: !production\n\t\t}),'
 75 | );
 76 | fs.writeFileSync(rollupConfigPath, rollupConfig);
 77 | 
 78 | // Add TSConfig
 79 | const tsconfig = `{
 80 |   "extends": "@tsconfig/svelte/tsconfig.json",
 81 | 
 82 |   "include": ["src/**/*"],
 83 |   "exclude": ["node_modules/*", "__sapper__/*", "public/*"]
 84 | }`;
 85 | const tsconfigPath = path.join(projectRoot, 'tsconfig.json');
 86 | fs.writeFileSync(tsconfigPath, tsconfig);
 87 | 
 88 | // Delete this script, but not during testing
 89 | if (!argv[2]) {
 90 |   // Remove the script
 91 |   fs.unlinkSync(path.join(__filename));
 92 | 
 93 |   // Check for Mac's DS_store file, and if it's the only one left remove it
 94 |   const remainingFiles = fs.readdirSync(path.join(__dirname));
 95 |   if (remainingFiles.length === 1 && remainingFiles[0] === '.DS_store') {
 96 |     fs.unlinkSync(path.join(__dirname, '.DS_store'));
 97 |   }
 98 | 
 99 |   // Check if the scripts folder is empty
100 |   if (fs.readdirSync(path.join(__dirname)).length === 0) {
101 |     // Remove the scripts folder
102 |     fs.rmdirSync(path.join(__dirname));
103 |   }
104 | }
105 | 
106 | // Adds the extension recommendation
107 | fs.mkdirSync(path.join(projectRoot, '.vscode'), { recursive: true });
108 | fs.writeFileSync(path.join(projectRoot, '.vscode', 'extensions.json'), `{
109 |   "recommendations": ["svelte.svelte-vscode"]
110 | }
111 | `);
112 | 
113 | console.log('Converted to TypeScript.');
114 | 
115 | if (fs.existsSync(path.join(projectRoot, 'node_modules'))) {
116 |   console.log('\nYou will need to re-run your dependency manager to get started.');
117 | }
118 | 


--------------------------------------------------------------------------------
/index.js:
--------------------------------------------------------------------------------
  1 | const express = require('express');
  2 | const path = require('path');
  3 | const passport = require('passport');
  4 | const GitHubStrategy = require('passport-github2');
  5 | const createError = require('http-errors');
  6 | const expressSession = require('express-session');
  7 | const SessionFileStore = require('session-file-store')(expressSession);
  8 | const cookieParser = require('cookie-parser');
  9 | const cors = require('cors');
 10 | const logger = require('morgan');
 11 | const Routes = require('./app/routes');
 12 | 
 13 | const app = express();
 14 | 
 15 | app.set('env', process.env.NODE_ENV || 'development');
 16 | if (process.env.TRUST_PROXY) {
 17 |   app.set('trust proxy', process.env.TRUST_PROXY === 'true' ? true : process.env.TRUST_PROXY);
 18 | }
 19 | 
 20 | const ensureLoggedIn = (req, res, next) => {
 21 |   if (req.user) {
 22 |     return next();
 23 |   }
 24 |   req.session.returnUrl = req.originalUrl;
 25 |   res.redirect('/login');
 26 | };
 27 | 
 28 | passport.serializeUser((user, done) => {
 29 |   done(null, JSON.stringify(user));
 30 | });
 31 | 
 32 | passport.deserializeUser((id, done) => {
 33 |   try {
 34 |     done(null, JSON.parse(id));
 35 |   } catch (e) {
 36 |     done(e, null);
 37 |   }
 38 | });
 39 | 
 40 | passport.use(new GitHubStrategy(
 41 |   {
 42 |     clientID: process.env.GITHUB_CLIENT_ID,
 43 |     clientSecret: process.env.GITHUB_CLIENT_SECRET,
 44 |     scope: ['public_repo'],
 45 |     callbackURL: '/auth/github/callback'
 46 |   },
 47 |   (accessToken, refreshToken, profile, done) => {
 48 |     done(null, {
 49 |       accessToken,
 50 |       refreshToken,
 51 |       profile: {
 52 |         id: profile.id,
 53 |         displayName: profile.displayName,
 54 |         username: profile.username
 55 |       }
 56 |     });
 57 |   }
 58 | ));
 59 | 
 60 | app.use(function (req, res, next) {
 61 |   res.locals.env = app.get('env');
 62 |   next();
 63 | });
 64 | 
 65 | app.use(cors());
 66 | if (app.get('env') === 'development') {
 67 |   app.use(logger('dev'));
 68 | } else {
 69 |   app.use(logger('combined'));
 70 | }
 71 | app.use(express.json());
 72 | app.use(express.urlencoded({ extended: false }));
 73 | app.use(cookieParser());
 74 | app.use(expressSession({
 75 |   store: new SessionFileStore({}),
 76 |   resave: false,
 77 |   saveUninitialized: false,
 78 |   secret: 'FIXME-SUPER-SECRET-SESSION-KEY'
 79 | }));
 80 | app.use(passport.initialize());
 81 | app.use(passport.session());
 82 | 
 83 | app.get('/login', passport.authenticate('github', { failureRedirect: '/' }));
 84 | app.get('/logout', (req, res) => {
 85 |   req.session = null;
 86 |   req.logout();
 87 |   res.redirect('/');
 88 | });
 89 | 
 90 | app.get('/auth/github/error', (req, res) => {
 91 |   throw Error('FIXME - do something');
 92 | });
 93 | app.get('/auth/github/callback', passport.authenticate('github', { failureRedirect: '/auth/github/error' }), (req, res) => {
 94 |   if (req.session.returnUrl) {
 95 |     const returnUrl = req.session.returnUrl;
 96 |     req.session.returnUrl = null;
 97 |     res.redirect(returnUrl);
 98 |   } else {
 99 |     res.redirect('/');
100 |   }
101 | });
102 | 
103 | app.get('/api/repos', ensureLoggedIn, Routes.getRepos);
104 | app.get('/api/repos/:owner/:repository/labels', ensureLoggedIn, Routes.getLabels);
105 | app.post('/api/repos/:owner/:repository/labels', ensureLoggedIn, Routes.updateLabels);
106 | app.get('/api/repos/:owner/:repository/topics', ensureLoggedIn, Routes.getTopics);
107 | app.post('/api/repos/:owner/:repository/topics', ensureLoggedIn, Routes.updateTopics);
108 | 
109 | app.get('/', ensureLoggedIn, (req, res) => {
110 |   console.log('root');
111 |   res.sendFile(path.resolve(__dirname, 'public', 'index.html'));
112 | });
113 | 
114 | app.use(express.static(path.join(__dirname, 'public')));
115 | if (app.get('env') === 'development') {
116 |   const webpack = require('webpack');
117 |   const webpackDevMiddleware = require('webpack-dev-middleware');
118 | 
119 |   const config = require('./webpack.config.js');
120 |   const compiler = webpack(config);
121 | 
122 |   // Tell express to use the webpack-dev-middleware and use the webpack.config.js
123 |   // configuration file as a base.
124 |   app.use(
125 |     webpackDevMiddleware(compiler, {
126 |       publicPath: config.output.publicPath
127 |     })
128 |   );
129 | }
130 | 
131 | // catch 404 and forward to error handler
132 | app.use((req, res, next) => {
133 |   next(createError(404));
134 | });
135 | 
136 | // error handler
137 | app.use((err, req, res, next) => {
138 |   // set locals, only providing error in development
139 |   res.locals.message = err.message;
140 |   res.locals.error = req.app.get('env') === 'development' ? err : {};
141 | 
142 |   // render the error page
143 |   res.status(err.status || 500);
144 |   res.json(res.locals);
145 | });
146 | 
147 | module.exports = app;
148 | 


--------------------------------------------------------------------------------
/app/routes.js:
--------------------------------------------------------------------------------
  1 | const fetch = require('node-fetch');
  2 | const fs = require('fs');
  3 | const path = require('path');
  4 | const { v4: uuidv4 } = require('uuid');
  5 | const { graphql } = require('@octokit/graphql');
  6 | const yaml = require('js-yaml');
  7 | 
  8 | const OFFICIAL_LABELS = yaml.load(fs.readFileSync(path.join(__dirname, '..', 'labels.yaml'))).labels;
  9 | const GRAPHQL_QUERY_GET_LABELS = fs.readFileSync(path.join(__dirname, '..', 'graphql', 'getLabels.graphql')).toString();
 10 | const GRAPHQL_QUERY_GET_TOPICS = fs.readFileSync(path.join(__dirname, '..', 'graphql', 'getTopics.graphql')).toString();
 11 | const GRAPHQL_QUERY_UPDATE_TOPICS = fs.readFileSync(path.join(__dirname, '..', 'graphql', 'updateTopics.graphql')).toString();
 12 | let POSSIBLE_TOPICS = fetchPossibleTopics();
 13 | 
 14 | function fetchPossibleTopics () {
 15 |   return fetch('https://plugins.jenkins.io/api/labels')
 16 |     .then(response => response.json())
 17 |     .then(data => data.labels)
 18 |     .then(labels => labels.sort((a, b) => a.id.localeCompare(b.id)));
 19 | }
 20 | setTimeout(() => { POSSIBLE_TOPICS = fetchPossibleTopics(); }, 3600000); // fetch new labels every hour
 21 | 
 22 | function reduceToObject (field) {
 23 |   return (previousValue, currentValue) => {
 24 |     previousValue[currentValue[field]] = {
 25 |       // merge them
 26 |       ...(previousValue[currentValue[field]] || {}),
 27 |       ...currentValue
 28 |     };
 29 |     return previousValue;
 30 |   };
 31 | }
 32 | 
 33 | const getRepos = async (req, res) => {
 34 |   const repos = await fetch('https://reports.jenkins.io/github-jenkinsci-permissions-report.json')
 35 |     .then(response => response.json())
 36 |     .then(data => data.filter(row => row[1] === req.user.profile.username && row[2] === 'ADMIN'));
 37 |   res.json({
 38 |     repos: repos.map(row => {
 39 |       return {
 40 |         owner: 'jenkinsci',
 41 |         name: row[0]
 42 |       };
 43 |     })
 44 |   });
 45 | };
 46 | 
 47 | const getLabels = async (req, res) => {
 48 |   const data = await graphql(GRAPHQL_QUERY_GET_LABELS, { owner: req.params.owner, name: req.params.repository, headers: { authorization: `token ${req.user.accessToken}` } });
 49 |   const ret = {
 50 |     existingLabels: data.repository.labels.nodes.reduce(reduceToObject('name'), {}),
 51 |     newLabels: [...data.repository.labels.nodes, ...OFFICIAL_LABELS].reduce(reduceToObject('name'), {})
 52 |   };
 53 |   res.json(ret);
 54 | };
 55 | 
 56 | const updateLabels = async (req, res) => {
 57 |   const { repositoryId, existingLabels } = await graphql(
 58 |     GRAPHQL_QUERY_GET_LABELS, {
 59 |       owner: req.params.owner,
 60 |       name: req.params.repository,
 61 |       headers: { authorization: `token ${req.user.accessToken}` }
 62 |     }
 63 |   ).then(data => {
 64 |     return {
 65 |       repositoryId: data.repository.id,
 66 |       existingLabels: data.repository.labels.nodes.reduce(reduceToObject('name'), {})
 67 |     };
 68 |   });
 69 | 
 70 |   const mutations = [];
 71 |   const fields = [];
 72 |   const options = {
 73 |     headers: {
 74 |       authorization: `token ${req.user.accessToken}`,
 75 |       accept: 'application/vnd.github.bane-preview+json'
 76 |     }
 77 |   };
 78 | 
 79 |   OFFICIAL_LABELS.forEach((label, idx) => {
 80 |     fields.push(`$clientMutationId${idx}: String!, $color${idx}: String, $description${idx}: String, $name${idx}: String!`);
 81 |     options[`clientMutationId${idx}`] = uuidv4();
 82 |     options[`color${idx}`] = label.color;
 83 |     options[`description${idx}`] = label.description;
 84 |     options[`name${idx}`] = label.name;
 85 | 
 86 |     if (existingLabels[label.name]) {
 87 |       // update
 88 |       options[`id${idx}`] = existingLabels[label.name].id;
 89 |       fields.push(`$id${idx}: ID!`);
 90 |       mutations.push(`label${idx}: updateLabel(input: {clientMutationId: $clientMutationId${idx}, color: $color${idx}, description: $description${idx}, id: $id${idx}, name: $name${idx}})`);
 91 |     } else {
 92 |       mutations.push(`label${idx}: createLabel(input: {clientMutationId: $clientMutationId${idx}, color: $color${idx}, description: $description${idx}, name: $name${idx}, repositoryId: $repositoryId${idx}})`);
 93 |       options[`repositoryId${idx}`] = repositoryId;
 94 |       fields.push(`$repositoryId${idx}: ID!`);
 95 |     }
 96 |     mutations.push('{ clientMutationId }');
 97 |   });
 98 |   const body = `mutation(${fields.join(',\n')}) {\n${mutations.join('\n')}\n}`;
 99 |   try {
100 |     await graphql(body, options);
101 |     res.json({ ok: 1 });
102 |   } catch (err) {
103 |     console.error('Error updating labels', err);
104 |     res.json({ ok: 0, message: err.toString() });
105 |   }
106 | };
107 | 
108 | const getTopics = async (req, res) => {
109 |   const data = await graphql(GRAPHQL_QUERY_GET_TOPICS, { owner: req.params.owner, name: req.params.repository, headers: { authorization: `token ${req.user.accessToken}` } });
110 |   const ret = {
111 |     existingTopics: data.repository.repositoryTopics.nodes
112 |       .map(node => node.topic)
113 |       .map(topic => { topic.name = topic.name.replace(/^jenkins-/i, ''); return topic; })
114 |       .reduce(reduceToObject('name'), {}),
115 |     possibleTopics: await POSSIBLE_TOPICS
116 |   };
117 |   res.json(ret);
118 | };
119 | 
120 | const updateTopics = async (req, res) => {
121 |   const data = await graphql(GRAPHQL_QUERY_GET_TOPICS, { owner: req.params.owner, name: req.params.repository, headers: { authorization: `token ${req.user.accessToken}` } });
122 |   const repositoryId = data.repository.id;
123 |   const possibleTopics = await POSSIBLE_TOPICS.then(topics => topics.reduce(reduceToObject('id'), {}));
124 |   // filter out any topics that are not in the list of all labels so we can re-apply them
125 |   const extraTopics = data.repository.repositoryTopics.nodes.map(node => node.topic.name.replace(/^jenkins-/i, '')).filter(n => !possibleTopics[n]);
126 | 
127 |   const options = {
128 |     clientMutationId: uuidv4(),
129 |     repositoryId: repositoryId,
130 |     topicNames: extraTopics.concat(req.body.topicNames.map(topicName => `jenkins-${topicName}`)),
131 |     headers: {
132 |       authorization: `token ${req.user.accessToken}`,
133 |       accept: 'application/vnd.github.bane-preview+json'
134 |     }
135 |   };
136 | 
137 |   try {
138 |     await graphql(GRAPHQL_QUERY_UPDATE_TOPICS, options);
139 |     res.json({ ok: 1 });
140 |   } catch (err) {
141 |     console.error('Error updating labels', err);
142 |     res.json({ ok: 0, message: err.toString() });
143 |   }
144 | };
145 | 
146 | module.exports = {
147 |   getRepos,
148 |   getLabels,
149 |   updateLabels,
150 |   getTopics,
151 |   updateTopics
152 | };
153 | 


--------------------------------------------------------------------------------