@anmiles/google-api-wrapper 14.1.0 → 14.2.0

package/CHANGELOG.md

@@ -5,6 +5,10 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [14.2.0](../../tags/v14.2.0) - 2023-09-11
+### Changed
+- Beautify authorization page
+
 ## [14.1.0](../../tags/v14.1.0) - 2023-08-06
 ### Added
 - Filtering profiles

package/dist/lib/paths.d.ts

@@ -1,12 +1,15 @@
-export { getProfilesFile, getScopesFile, getSecretsFile, getCredentialsFile };
+import type { templates } from './renderer';
+export { getProfilesFile, getScopesFile, getSecretsFile, getCredentialsFile, getTemplateFile };
 declare const _default: {
     getProfilesFile: typeof getProfilesFile;
     getScopesFile: typeof getScopesFile;
     getSecretsFile: typeof getSecretsFile;
     getCredentialsFile: typeof getCredentialsFile;
+    getTemplateFile: typeof getTemplateFile;
 };
 export default _default;
 declare function getProfilesFile(): string;
 declare function getScopesFile(): string;
 declare function getSecretsFile(profile: string): string;
 declare function getCredentialsFile(profile: string): string;
+declare function getTemplateFile(templateName: keyof typeof templates): string;

package/dist/lib/paths.js

@@ -3,12 +3,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getCredentialsFile = exports.getSecretsFile = exports.getScopesFile = exports.getProfilesFile = void 0;
+exports.getTemplateFile = exports.getCredentialsFile = exports.getSecretsFile = exports.getScopesFile = exports.getProfilesFile = void 0;
 const path_1 = __importDefault(require("path"));
-exports.default = { getProfilesFile, getScopesFile, getSecretsFile, getCredentialsFile };
+exports.default = { getProfilesFile, getScopesFile, getSecretsFile, getCredentialsFile, getTemplateFile };
 const dirPaths = {
     input: 'input',
     secrets: 'secrets',
+    // TODO: Remove this hack after moving to React
+    templates: 'node_modules/@anmiles/google-api-wrapper/dist/templates',
 };
 function getProfilesFile() {
     return path_1.default.join(dirPaths.input, 'profiles.json');
@@ -26,4 +28,8 @@ function getCredentialsFile(profile) {
     return path_1.default.join(dirPaths.secrets, `${profile}.credentials.json`);
 }
 exports.getCredentialsFile = getCredentialsFile;
+function getTemplateFile(templateName) {
+    return path_1.default.join(dirPaths.templates, `${templateName}.html`);
+}
+exports.getTemplateFile = getTemplateFile;
 //# sourceMappingURL=paths.js.map

package/dist/lib/paths.js.map

@@ -1 +1 @@
-{"version":3,"file":"paths.js","sourceRoot":"","sources":["../../src/lib/paths.ts"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAGxB,kBAAe,EAAE,eAAe,EAAE,aAAa,EAAE,cAAc,EAAE,kBAAkB,EAAE,CAAC;AAEtF,MAAM,QAAQ,GAAG;IAChB,KAAK,EAAK,OAAO;IACjB,OAAO,EAAG,SAAS;CACnB,CAAC;AAEF,SAAS,eAAe;IACvB,OAAO,cAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC;AACnD,CAAC;AAVQ,0CAAe;AAYxB,SAAS,aAAa;IACrB,OAAO,aAAa,CAAC;AACtB,CAAC;AAdyB,sCAAa;AAgBvC,SAAS,cAAc,CAAC,OAAe;IACtC,OAAO,cAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,GAAG,OAAO,OAAO,CAAC,CAAC;AACvD,CAAC;AAlBwC,wCAAc;AAoBvD,SAAS,kBAAkB,CAAC,OAAe;IAC1C,OAAO,cAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,GAAG,OAAO,mBAAmB,CAAC,CAAC;AACnE,CAAC;AAtBwD,gDAAkB"}
+{"version":3,"file":"paths.js","sourceRoot":"","sources":["../../src/lib/paths.ts"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAIxB,kBAAe,EAAE,eAAe,EAAE,aAAa,EAAE,cAAc,EAAE,kBAAkB,EAAE,eAAe,EAAE,CAAC;AAEvG,MAAM,QAAQ,GAAG;IAChB,KAAK,EAAO,OAAO;IACnB,OAAO,EAAK,SAAS;IACrB,+CAA+C;IAC/C,SAAS,EAAG,yDAAyD;CACrE,CAAC;AAEF,SAAS,eAAe;IACvB,OAAO,cAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC;AACnD,CAAC;AAZQ,0CAAe;AAcxB,SAAS,aAAa;IACrB,OAAO,aAAa,CAAC;AACtB,CAAC;AAhByB,sCAAa;AAkBvC,SAAS,cAAc,CAAC,OAAe;IACtC,OAAO,cAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,GAAG,OAAO,OAAO,CAAC,CAAC;AACvD,CAAC;AApBwC,wCAAc;AAsBvD,SAAS,kBAAkB,CAAC,OAAe;IAC1C,OAAO,cAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,GAAG,OAAO,mBAAmB,CAAC,CAAC;AACnE,CAAC;AAxBwD,gDAAkB;AA0B3E,SAAS,eAAe,CAAC,YAAoC;IAC5D,OAAO,cAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,EAAE,GAAG,YAAY,OAAO,CAAC,CAAC;AAC9D,CAAC;AA5B4E,0CAAe"}

package/dist/lib/renderer.d.ts

@@ -0,0 +1,31 @@
+export { templates, renderAuth, renderDone };
+declare const templates: {
+    readonly page: readonly ["content"];
+    readonly auth: readonly ["profile", "authUrl", "scopesList"];
+    readonly scope: readonly ["type", "name"];
+    readonly done: readonly ["profile"];
+};
+type TemplateName = keyof typeof templates;
+declare function renderAuth({ profile, authUrl, scope }: {
+    profile: string;
+    authUrl: string;
+    scope: string[];
+}): string;
+declare function renderDone({ profile }: {
+    profile: string;
+}): string;
+declare function render<T extends TemplateName>(templateName: T, values: Record<typeof templates[T][number], string>): string;
+declare function getTemplate(templateName: TemplateName): string;
+declare const _default: {
+    templates: {
+        readonly page: readonly ["content"];
+        readonly auth: readonly ["profile", "authUrl", "scopesList"];
+        readonly scope: readonly ["type", "name"];
+        readonly done: readonly ["profile"];
+    };
+    render: typeof render;
+    getTemplate: typeof getTemplate;
+    renderAuth: typeof renderAuth;
+    renderDone: typeof renderDone;
+};
+export default _default;

package/dist/lib/renderer.js

@@ -0,0 +1,51 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderDone = exports.renderAuth = exports.templates = void 0;
+const fs_1 = __importDefault(require("fs"));
+const renderer_1 = __importDefault(require("./renderer"));
+const paths_1 = require("./paths");
+const templates = {
+    page: ['content'],
+    auth: ['profile', 'authUrl', 'scopesList'],
+    scope: ['type', 'name'],
+    done: ['profile'],
+};
+exports.templates = templates;
+const allHTML = {};
+function renderAuth({ profile, authUrl, scope }) {
+    const scopesList = scope.map((s) => render('scope', {
+        name: s.split('/').pop(),
+        type: s.endsWith('.readonly') ? 'readonly' : '',
+    })).join('\n');
+    const content = render('auth', { profile, authUrl, scopesList });
+    return render('page', { content });
+}
+exports.renderAuth = renderAuth;
+function renderDone({ profile }) {
+    const content = render('done', { profile });
+    return render('page', { content });
+}
+exports.renderDone = renderDone;
+// TODO: Use react
+function render(templateName, values) {
+    let html = renderer_1.default.getTemplate(templateName);
+    const allValues = values;
+    for (const variable of templates[templateName]) {
+        const value = allValues[variable] || '';
+        html = html.replace(`\${${variable}}`, value);
+    }
+    return html;
+}
+function getTemplate(templateName) {
+    if (!(templateName in allHTML)) {
+        const file = (0, paths_1.getTemplateFile)(templateName);
+        const template = fs_1.default.readFileSync(file).toString();
+        allHTML[templateName] = template;
+    }
+    return allHTML[templateName];
+}
+exports.default = { templates, render, getTemplate, renderAuth, renderDone };
+//# sourceMappingURL=renderer.js.map

package/dist/lib/renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.js","sourceRoot":"","sources":["../../src/lib/renderer.ts"],"names":[],"mappings":";;;;;;AAAA,4CAAoB;AACpB,0DAAkC;AAClC,mCAA0C;AAI1C,MAAM,SAAS,GAAG;IACjB,IAAI,EAAI,CAAE,SAAS,CAAW;IAC9B,IAAI,EAAI,CAAE,SAAS,EAAE,SAAS,EAAE,YAAY,CAAE;IAC9C,KAAK,EAAG,CAAE,MAAM,EAAE,MAAM,CAAW;IACnC,IAAI,EAAI,CAAE,SAAS,CAAW;CACrB,CAAC;AAPF,8BAAS;AAWlB,MAAM,OAAO,GAAG,EAAkC,CAAC;AAEnD,SAAS,UAAU,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAyD;IACrG,MAAM,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE;QACnD,IAAI,EAAG,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAY;QACnC,IAAI,EAAG,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;KAChD,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAEf,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC,CAAC;IACjE,OAAO,MAAM,CAAC,MAAM,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;AACpC,CAAC;AArBmB,gCAAU;AAuB9B,SAAS,UAAU,CAAC,EAAE,OAAO,EAAuB;IACnD,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;IAC5C,OAAO,MAAM,CAAC,MAAM,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;AACpC,CAAC;AA1B+B,gCAAU;AA4B1C,kBAAkB;AAClB,SAAS,MAAM,CAAyB,YAAe,EAAE,MAAmD;IAC3G,IAAI,IAAI,GAAU,kBAAQ,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;IACrD,MAAM,SAAS,GAAG,MAAgE,CAAC;IAEnF,KAAK,MAAM,QAAQ,IAAI,SAAS,CAAC,YAAY,CAAC,EAAE;QAC/C,MAAM,KAAK,GAAG,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;QACxC,IAAI,GAAU,IAAI,CAAC,OAAO,CAAC,MAAM,QAAQ,GAAG,EAAE,KAAK,CAAC,CAAC;KACrD;IAED,OAAO,IAAI,CAAC;AACb,CAAC;AAED,SAAS,WAAW,CAAC,YAA0B;IAC9C,IAAI,CAAC,CAAC,YAAY,IAAI,OAAO,CAAC,EAAE;QAC/B,MAAM,IAAI,GAAc,IAAA,uBAAe,EAAC,YAAY,CAAC,CAAC;QACtD,MAAM,QAAQ,GAAU,YAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC;QACzD,OAAO,CAAC,YAAY,CAAC,GAAG,QAAQ,CAAC;KACjC;IAED,OAAO,OAAO,CAAC,YAAY,CAAC,CAAC;AAC9B,CAAC;AAED,kBAAe,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC"}

package/dist/lib/secrets.js

@@ -11,6 +11,7 @@ const open_1 = __importDefault(require("open"));
 const logger_1 = require("@anmiles/logger");
 require("@anmiles/prototypes");
 const paths_1 = require("./paths");
+const renderer_1 = require("./renderer");
 const secrets_1 = __importDefault(require("./secrets"));
 exports.default = { getScopes, getSecrets, getCredentials, validateCredentials, createCredentials, deleteCredentials, checkSecrets, getSecretsError, getScopesError };
 const port = 6006;
@@ -82,11 +83,10 @@ async function createCredentials(profile, auth, options, prompt) {
             const url = new URL(`http://${request.headers.host}${request.url}`);
             const code = url.searchParams.get('code');
             if (!code) {
-                const scopesList = scope.map((s) => `<li>${s}</li>`).join('');
-                response.end(formatMessage(`<p>Please open <a href="${authUrl}">auth page</a> using <strong>${profile}</strong> google profile</p>\n<p>Required scopes:</p>\n<ul>${scopesList}</ul>`));
+                response.end((0, renderer_1.renderAuth)({ profile, authUrl, scope }));
                 return;
             }
-            response.end(formatMessage('<p>Please close this page and return to application</p>'));
+            response.end((0, renderer_1.renderDone)({ profile }));
             server.destroy();
             const { tokens } = await auth.getToken(code);
             resolve(tokens);
@@ -113,15 +113,6 @@ function deleteCredentials(profile) {
     }
 }
 exports.deleteCredentials = deleteCredentials;
-function formatMessage(message) {
-    return [
-        '<div style="width: 100%;height: 100%;display: flex;align-items: start;justify-content: center">',
-        '<div style="padding: 0 1em;border: 1px solid black;font-family: Arial, sans-serif;margin: 1em;">',
-        message,
-        '</div>',
-        '</div>',
-    ].join('\n');
-}
 function checkSecrets(profile, secretsObject, secretsFile) {
     if (secretsObject.web.redirect_uris[0] === callbackURI) {
         return true;

package/dist/lib/secrets.js.map

@@ -1 +1 @@
-{"version":3,"file":"secrets.js","sourceRoot":"","sources":["../../src/lib/secrets.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"secrets.js","sourceRoot":"","sources":["../../src/lib/secrets.ts"],"names":[],"mappings":"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"}

package/dist/templates/auth.html

@@ -0,0 +1,6 @@
+<h1>Welcome ${profile}!</h1>
+<p>Please authorize:</p>
+<ul>
+	${scopesList}
+</ul>
+<a href="${authUrl}">Continue</a>

package/dist/templates/done.html

@@ -0,0 +1,3 @@
+<h1>Welcome ${profile}!</h1>
+<p>Authorization succeeded.</p>
+<p>Please close this page and return to application.</p>

package/dist/templates/page.html

@@ -0,0 +1,109 @@
+<style type="text/css">
+	* {
+		box-sizing: border-box;
+	}
+
+	html, body {
+		width: 100%;
+		height: 100%;
+		margin: 0;
+		padding: 0;
+	}
+
+	body {
+		font-family: Arial, sans-serif;
+		font-size: 17px;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		padding: 30px 0;
+	}
+
+	.box {
+		width: 450px;
+		min-height: 500px;
+		max-height: 100%;
+		padding: 78px 40px 28px 40px;
+		margin: 1em;
+		border: 1px solid #dadce0;
+		border-radius: 8px;
+		position: relative;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+	}
+
+	.box:before {
+		width: 100%;
+		height: 34px;
+		border-bottom: 1px solid #dadce0;
+		position: absolute;
+		top: 0;
+		display: block;
+		content: '';
+	}
+
+	ul {
+		width: 100%;
+		margin: 23px 0 30px 0;
+		padding-left: 0;
+		list-style-type: none;
+		overflow: auto;
+	}
+
+	li {
+		line-height: 48px;
+		color: brown;
+		border-bottom: 1px solid #dadce0;
+		display: flex;
+		align-items: center;
+	}
+
+	li:before {
+		content: 'W';
+		width: 28px;
+		height: 28px;
+		border-radius: 50%;
+		border: 2px solid currentColor;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		font-size: 14px;
+		margin-right: 10px;
+	}
+
+	li.readonly {
+		color: darkgreen;
+	}
+
+	li.readonly:before {
+		content: 'R';
+	}
+
+	a {
+		width: 50%;
+		line-height: 2em;
+		margin: auto;
+		color: #ffffff;
+		background: #0057e7;
+		border-radius: 10em;
+		display: block;
+		text-align: center;
+		text-decoration: none;
+	}
+
+	h1 {
+		font-size: 24px;
+		line-height: 48px;
+		font-weight: normal;
+		margin: 0;
+	}
+
+	p {
+		line-height: 24px;
+		margin: 0;
+	}
+</style>
+<div class="box">
+	${content}
+</div>

package/dist/templates/scope.html

@@ -0,0 +1 @@
+<li class="${type}">${name}</li>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anmiles/google-api-wrapper",
-  "version": "14.1.0",
+  "version": "14.2.0",
   "description": "Provides quick interface for getting google API data",
   "keywords": [
     "google",
@@ -16,7 +16,7 @@
   },
   "main": "dist/index.js",
   "scripts": {
-    "build": "rimraf dist && tsc",
+    "build": "rimraf dist && tsc && copyfiles -u 1 src/templates/* dist/",
     "lint": "eslint --ext .js,.ts .",
     "lint:fix": "npm run lint -- --fix",
     "test": "jest --verbose",
@@ -29,6 +29,7 @@
     "login": "node ./dist/login.js"
   },
   "dependencies": {
+    "@anmiles/google-api-wrapper": "file:.",
     "@anmiles/logger": "^3.0.0",
     "@anmiles/prototypes": "^2.0.1",
     "@anmiles/sleep": "^1.0.2",
@@ -44,6 +45,7 @@
     "@types/server-destroy": "^1.0.1",
     "@typescript-eslint/eslint-plugin": "^5.59.2",
     "@typescript-eslint/parser": "^5.59.2",
+    "copyfiles": "^2.4.1",
     "eslint": "^8.40.0",
     "eslint-plugin-align-assignments": "^1.1.2",
     "eslint-plugin-import": "^2.27.5",

package/src/lib/__tests__/paths.test.ts

@@ -8,6 +8,7 @@ jest.mock<typeof paths>('../paths', () => ({
 	getScopesFile      : jest.fn().mockImplementation(() => scopesFile),
 	getSecretsFile     : jest.fn().mockImplementation(() => secretsFile),
 	getCredentialsFile : jest.fn().mockImplementation(() => credentialsFile),
+	getTemplateFile    : jest.fn().mockImplementation(() => templateFile),
 }));
 
 jest.mock<Partial<typeof fs>>('fs', () => ({
@@ -17,15 +18,17 @@ jest.mock<Partial<typeof fs>>('fs', () => ({
 }));
 
 jest.mock<Partial<typeof path>>('path', () => ({
-	join    : jest.fn().mockImplementation((...args) => args.join('/')),
-	dirname : jest.fn().mockImplementation((arg) => arg.split('/').slice(0, -1).join('/')),
+	join : jest.fn().mockImplementation((...args) => args.join('/')),
 }));
 
-const profile         = 'username';
+const profile      = 'username';
+const templateName = 'auth';
+
 const profilesFile    = 'input/profiles.json';
 const scopesFile      = 'scopes.json';
 const secretsFile     = 'secrets/username.json';
 const credentialsFile = 'secrets/username.credentials.json';
+const templateFile    = 'node_modules/@anmiles/google-api-wrapper/dist/templates/auth.html';
 
 let exists: boolean;
 
@@ -61,4 +64,13 @@ describe('src/lib/paths', () => {
 			expect(result).toEqual(credentialsFile);
 		});
 	});
+
+	describe('getTemplateFile', () => {
+
+		it('should return credentials file', () => {
+			const result = original.getTemplateFile(templateName);
+
+			expect(result).toEqual(templateFile);
+		});
+	});
 });

package/src/lib/__tests__/renderer.test.ts

@@ -0,0 +1,108 @@
+import fs from 'fs';
+import path from 'path';
+import paths from '../paths';
+import renderer from '../renderer';
+
+const original = jest.requireActual('../renderer').default as typeof renderer;
+
+type TemplateName = keyof typeof original.templates;
+type GetFileName<T extends TemplateName> = `${T}.html`;
+
+type FileName = GetFileName<TemplateName>;
+type GetTemplateName<F> = F extends `${infer T}.html` ? T : never;
+
+function getFileName<T extends TemplateName>(templateName: T):  GetFileName<T> {
+	return `${templateName}.html`;
+}
+
+function getTemplateName<F extends FileName>(file: F):  GetTemplateName<F> {
+	return file.replace('.html', '') as GetTemplateName<F>;
+}
+
+jest.mock<Partial<typeof renderer>>('../renderer', () => ({
+	getTemplate : jest.fn().mockImplementation((templateName: TemplateName) => mockTemplates[templateName]),
+}));
+
+jest.mock<Partial<typeof fs>>('fs', () => ({
+	readFileSync : jest.fn().mockImplementation((file: FileName) => mockTemplates[getTemplateName(file)] || ''),
+}));
+
+jest.mock<Partial<typeof path>>('path', () => ({
+	join : jest.fn().mockImplementation((...args) => args.join('/')),
+}));
+
+jest.mock<Partial<typeof paths>>('../paths', () => ({
+	getTemplateFile : jest.fn().mockImplementation((templateName) => getFileName(templateName)),
+}));
+
+const mockTemplates: Record<TemplateName, string> = {
+	page  : 'page content = (${content})',
+	auth  : 'auth profile = (${profile}) authUrl = (${authUrl}) scopesList = (${scopesList})',
+	scope : 'scope type = (${type}) name = (${name})',
+	done  : 'done profile = (${profile})',
+};
+
+const authUrl = 'https://authUrl';
+const profile = 'username';
+const scope   = [ 'namespace/scope1.readonly', 'namespace/scope2' ];
+
+describe('src/lib/renderer', () => {
+	describe('renderAuth', () => {
+		it('should return auth page', () => {
+			const result = original.renderAuth({ authUrl, profile, scope });
+			expect(result).toEqual('page content = (auth profile = (username) authUrl = (https://authUrl) scopesList = (scope type = (readonly) name = (scope1.readonly)\nscope type = () name = (scope2)))');
+		});
+	});
+
+	describe('renderDone', () => {
+		it('should return done page', () => {
+			const result = original.renderDone({ profile });
+			expect(result).toEqual('page content = (done profile = (username))');
+		});
+	});
+
+	describe('render', () => {
+		it('should replace all template variables with their values', () => {
+			const values = { type : 'readonly', name : 'scope.readonly' };
+
+			const result = original.render('scope', values);
+
+			expect(result).toEqual('scope type = (readonly) name = (scope.readonly)');
+		});
+
+		it('should replace non-existing template variable with empty string', () => {
+			const values = { name : 'scope.readonly' };
+
+			const result = original.render('scope', values as any);
+
+			expect(result).toEqual('scope type = () name = (scope.readonly)');
+		});
+	});
+
+	describe('getTemplate', () => {
+		for (const templateName in original.templates) {
+			it(`should return contents of '${templateName}' template file`, () => {
+				const template = original.getTemplate(templateName as TemplateName);
+				expect(fs.readFileSync).toHaveBeenCalledTimes(1);
+				expect(fs.readFileSync).toHaveBeenCalledWith(`${templateName}.html`);
+				expect(template).toEqual(mockTemplates[templateName as TemplateName]);
+			});
+		}
+
+		it('should cache templates', () => {
+			original.getTemplate('template1' as TemplateName);
+
+			original.getTemplate('template2' as TemplateName);
+			original.getTemplate('template2' as TemplateName);
+			original.getTemplate('template2' as TemplateName);
+
+			original.getTemplate('template3' as TemplateName);
+
+			expect(fs.readFileSync).toHaveBeenCalledWith('template1.html');
+			expect(fs.readFileSync).toHaveBeenCalledWith('template2.html');
+			expect(fs.readFileSync).toHaveBeenCalledWith('template3.html');
+
+			expect(fs.readFileSync).toHaveBeenCalledTimes(3);
+		});
+	});
+});

package/src/lib/__tests__/secrets.test.ts

@@ -5,6 +5,7 @@ import open from 'open';
 import type GoogleApis from 'googleapis';
 import logger from '@anmiles/logger';
 import emitter from 'event-emitter';
+import renderer from '../renderer';
 import paths from '../paths';
 import type { Secrets } from '../../types';
 import '@anmiles/prototypes';
@@ -23,6 +24,11 @@ jest.mock<typeof secrets>('../secrets', () => ({
 	getSecretsError     : jest.fn().mockImplementation(() => secretsError),
 }));
 
+jest.mock<Partial<typeof renderer>>('../renderer', () => ({
+	renderAuth : jest.fn().mockImplementation(({ profile, authUrl, scope } : { profile: string, authUrl: string, scope: string[] }) => `content = profile = ${profile} authUrl = ${authUrl} scope = ${scope.join('|')}`),
+	renderDone : jest.fn().mockImplementation(() => 'content = done'),
+}));
+
 jest.mock<Partial<typeof http>>('http', () => ({
 	createServer : jest.fn().mockImplementation(() => server),
 }));
@@ -60,6 +66,7 @@ jest.mock<Partial<typeof paths>>('../paths', () => ({
 	getScopesFile      : jest.fn().mockImplementation(() => scopesFile),
 	getSecretsFile     : jest.fn().mockImplementation(() => secretsFile),
 	getCredentialsFile : jest.fn().mockImplementation(() => credentialsFile),
+	getTemplateFile    : jest.fn().mockImplementation(() => templateFile),
 }));
 
 jest.useFakeTimers();
@@ -72,6 +79,7 @@ const profile          = 'username1';
 const scopesFile       = 'scopes.json';
 const secretsFile      = 'secrets/username1.json';
 const credentialsFile  = 'secrets/username1.credentials.json';
+const templateFile     = 'templates/template.json';
 const wrongRedirectURI = 'wrong_redirect_uri';
 
 const scopesError  = 'scopesError';
@@ -79,7 +87,7 @@ const secretsError = 'secretsError';
 
 const scopesJSON: string[] = [
 	'https://www.googleapis.com/auth/calendar.calendars.readonly',
-	'https://www.googleapis.com/auth/calendar.events.readonly',
+	'https://www.googleapis.com/auth/calendar.events',
 ];
 
 const secretsJSON: Secrets = {
@@ -371,7 +379,7 @@ describe('src/lib/secrets', () => {
 				prompt      : undefined,
 				scope      	: [
 					'https://www.googleapis.com/auth/calendar.calendars.readonly',
-					'https://www.googleapis.com/auth/calendar.events.readonly',
+					'https://www.googleapis.com/auth/calendar.events',
 				],
 			});
 		});
@@ -386,7 +394,7 @@ describe('src/lib/secrets', () => {
 				prompt      : 'consent',
 				scope      	: [
 					'https://www.googleapis.com/auth/calendar.calendars.readonly',
-					'https://www.googleapis.com/auth/calendar.events.readonly',
+					'https://www.googleapis.com/auth/calendar.events',
 				],
 			});
 		});
@@ -442,14 +450,7 @@ describe('src/lib/secrets', () => {
 			makeRequest('/');
 			await Promise.resolve();
 
-			expect(endSpy).toHaveBeenCalledWith(`\
-<div style="width: 100%;height: 100%;display: flex;align-items: start;justify-content: center">\n\
-<div style="padding: 0 1em;border: 1px solid black;font-family: Arial, sans-serif;margin: 1em;">\n\
-<p>Please open <a href="${authUrl}">auth page</a> using <strong>${profile}</strong> google profile</p>\n\
-<p>Required scopes:</p>\n\
-<ul><li>https://www.googleapis.com/auth/calendar.calendars.readonly</li><li>https://www.googleapis.com/auth/calendar.events.readonly</li></ul>\n\
-</div>\n\
-</div>`);
+			expect(endSpy).toHaveBeenCalledWith('content = profile = username1 authUrl = https://authUrl scope = https://www.googleapis.com/auth/calendar.calendars.readonly|https://www.googleapis.com/auth/calendar.events');
 		});
 
 		it('should ask to close webpage', async () => {
@@ -457,12 +458,7 @@ describe('src/lib/secrets', () => {
 			makeRequest(tokenUrl);
 			await Promise.resolve();
 
-			expect(endSpy).toHaveBeenCalledWith('\
-<div style="width: 100%;height: 100%;display: flex;align-items: start;justify-content: center">\n\
-<div style="padding: 0 1em;border: 1px solid black;font-family: Arial, sans-serif;margin: 1em;">\n\
-<p>Please close this page and return to application</p>\n\
-</div>\n\
-</div>');
+			expect(endSpy).toHaveBeenCalledWith('content = done');
 		});
 
 		it('should close server and destroy all connections if request.url is truthy', async () => {
@@ -577,7 +573,7 @@ Here is how to obtain it:\n\
 				Specify your email as user support email and as developer contact information on the very bottom\n\
 				Click "Save and continue"\n\
 			Click "Add or remove scopes"\n\
-				Add scopes: https://www.googleapis.com/auth/calendar.calendars.readonly,https://www.googleapis.com/auth/calendar.events.readonly\n\
+				Add scopes: https://www.googleapis.com/auth/calendar.calendars.readonly,https://www.googleapis.com/auth/calendar.events\n\
 				Click "Save and continue"\n\
 			Click "Add users"\n\
 				Add your email\n\

package/src/lib/paths.ts

@@ -1,11 +1,14 @@
 import path from 'path';
+import type { templates } from './renderer';
 
-export { getProfilesFile, getScopesFile, getSecretsFile, getCredentialsFile };
-export default { getProfilesFile, getScopesFile, getSecretsFile, getCredentialsFile };
+export { getProfilesFile, getScopesFile, getSecretsFile, getCredentialsFile, getTemplateFile };
+export default { getProfilesFile, getScopesFile, getSecretsFile, getCredentialsFile, getTemplateFile };
 
 const dirPaths = {
-	input   : 'input',
-	secrets : 'secrets',
+	input     : 'input',
+	secrets   : 'secrets',
+	// TODO: Remove this hack after moving to React
+	templates : 'node_modules/@anmiles/google-api-wrapper/dist/templates',
 };
 
 function getProfilesFile() {
@@ -23,3 +26,7 @@ function getSecretsFile(profile: string) {
 function getCredentialsFile(profile: string) {
 	return path.join(dirPaths.secrets, `${profile}.credentials.json`);
 }
+
+function getTemplateFile(templateName: keyof typeof templates) {
+	return path.join(dirPaths.templates, `${templateName}.html`);
+}

package/src/lib/renderer.ts

@@ -0,0 +1,56 @@
+import fs from 'fs';
+import renderer from './renderer';
+import { getTemplateFile } from './paths';
+
+export { templates, renderAuth, renderDone };
+
+const templates = {
+	page  : [ 'content' ] as const,
+	auth  : [ 'profile', 'authUrl', 'scopesList' ],
+	scope : [ 'type', 'name' ] as const,
+	done  : [ 'profile' ] as const,
+} as const;
+
+type TemplateName = keyof typeof templates;
+
+const allHTML = {} as Record<TemplateName, string>;
+
+function renderAuth({ profile, authUrl, scope }: { profile: string, authUrl: string, scope: string[] }) {
+	const scopesList = scope.map((s) => render('scope', {
+		name : s.split('/').pop() as string,
+		type : s.endsWith('.readonly') ? 'readonly' : '',
+	})).join('\n');
+
+	const content = render('auth', { profile, authUrl, scopesList });
+	return render('page', { content });
+}
+
+function renderDone({ profile }: { profile: string }): string {
+	const content = render('done', { profile });
+	return render('page', { content });
+}
+
+// TODO: Use react
+function render<T extends TemplateName>(templateName: T, values: Record<typeof templates[T][number], string>): string {
+	let html        = renderer.getTemplate(templateName);
+	const allValues = values as Record<typeof templates[TemplateName][number], string>;
+
+	for (const variable of templates[templateName]) {
+		const value = allValues[variable] || '';
+		html        = html.replace(`\${${variable}}`, value);
+	}
+
+	return html;
+}
+
+function getTemplate(templateName: TemplateName) {
+	if (!(templateName in allHTML)) {
+		const file            = getTemplateFile(templateName);
+		const template        = fs.readFileSync(file).toString();
+		allHTML[templateName] = template;
+	}
+
+	return allHTML[templateName];
+}
+
+export default { templates, render, getTemplate, renderAuth, renderDone };

package/src/lib/secrets.ts

@@ -7,6 +7,7 @@ import { warn } from '@anmiles/logger';
 import type { Secrets, AuthOptions } from '../types';
 import '@anmiles/prototypes';
 import { getScopesFile, getSecretsFile, getCredentialsFile } from './paths';
+import { renderAuth, renderDone } from './renderer';
 
 import secrets from './secrets';
 
@@ -96,12 +97,11 @@ async function createCredentials(profile: string, auth: GoogleApis.Auth.OAuth2Cl
 			const code = url.searchParams.get('code');
 
 			if (!code) {
-				const scopesList = scope.map((s) => `<li>${s}</li>`).join('');
-				response.end(formatMessage(`<p>Please open <a href="${authUrl}">auth page</a> using <strong>${profile}</strong> google profile</p>\n<p>Required scopes:</p>\n<ul>${scopesList}</ul>`));
+				response.end(renderAuth({ profile, authUrl, scope }));
 				return;
 			}
 
-			response.end(formatMessage('<p>Please close this page and return to application</p>'));
+			response.end(renderDone({ profile }));
 			server.destroy();
 			const { tokens } = await auth.getToken(code);
 			resolve(tokens);
@@ -132,16 +132,6 @@ function deleteCredentials(profile: string): void {
 	}
 }
 
-function formatMessage(message: string): string {
-	return [
-		'<div style="width: 100%;height: 100%;display: flex;align-items: start;justify-content: center">',
-		'<div style="padding: 0 1em;border: 1px solid black;font-family: Arial, sans-serif;margin: 1em;">',
-		message,
-		'</div>',
-		'</div>',
-	].join('\n');
-}
-
 function checkSecrets(profile: string, secretsObject: Secrets, secretsFile: string): true | void {
 	if (secretsObject.web.redirect_uris[0] === callbackURI) {
 		return true;

package/src/templates/auth.html

@@ -0,0 +1,6 @@
+<h1>Welcome ${profile}!</h1>
+<p>Please authorize:</p>
+<ul>
+	${scopesList}
+</ul>
+<a href="${authUrl}">Continue</a>

package/src/templates/done.html

@@ -0,0 +1,3 @@
+<h1>Welcome ${profile}!</h1>
+<p>Authorization succeeded.</p>
+<p>Please close this page and return to application.</p>

package/src/templates/page.html

@@ -0,0 +1,109 @@
+<style type="text/css">
+	* {
+		box-sizing: border-box;
+	}
+
+	html, body {
+		width: 100%;
+		height: 100%;
+		margin: 0;
+		padding: 0;
+	}
+
+	body {
+		font-family: Arial, sans-serif;
+		font-size: 17px;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		padding: 30px 0;
+	}
+
+	.box {
+		width: 450px;
+		min-height: 500px;
+		max-height: 100%;
+		padding: 78px 40px 28px 40px;
+		margin: 1em;
+		border: 1px solid #dadce0;
+		border-radius: 8px;
+		position: relative;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+	}
+
+	.box:before {
+		width: 100%;
+		height: 34px;
+		border-bottom: 1px solid #dadce0;
+		position: absolute;
+		top: 0;
+		display: block;
+		content: '';
+	}
+
+	ul {
+		width: 100%;
+		margin: 23px 0 30px 0;
+		padding-left: 0;
+		list-style-type: none;
+		overflow: auto;
+	}
+
+	li {
+		line-height: 48px;
+		color: brown;
+		border-bottom: 1px solid #dadce0;
+		display: flex;
+		align-items: center;
+	}
+
+	li:before {
+		content: 'W';
+		width: 28px;
+		height: 28px;
+		border-radius: 50%;
+		border: 2px solid currentColor;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		font-size: 14px;
+		margin-right: 10px;
+	}
+
+	li.readonly {
+		color: darkgreen;
+	}
+
+	li.readonly:before {
+		content: 'R';
+	}
+
+	a {
+		width: 50%;
+		line-height: 2em;
+		margin: auto;
+		color: #ffffff;
+		background: #0057e7;
+		border-radius: 10em;
+		display: block;
+		text-align: center;
+		text-decoration: none;
+	}
+
+	h1 {
+		font-size: 24px;
+		line-height: 48px;
+		font-weight: normal;
+		margin: 0;
+	}
+
+	p {
+		line-height: 24px;
+		margin: 0;
+	}
+</style>
+<div class="box">
+	${content}
+</div>

package/src/templates/scope.html

@@ -0,0 +1 @@
+<li class="${type}">${name}</li>