Adds icons contribution for custom GitLens icons

Author: eamodio

.fantasticonrc.js

@@ -0,0 +1,43 @@
+//@ts-check
+
+/** @type { import('fantasticon').RunnerOptions} } */
+const config = {
+	name: 'glicons',
+	prefix: 'glicons',
+	codepoints: require('./images/icons/template/mapping.json'),
+	inputDir: './images/icons',
+	outputDir: './dist',
+	// @ts-ignore
+	fontTypes: ['woff2'],
+	normalize: true,
+	// @ts-ignore
+	assetTypes: ['html', 'scss', 'json'],
+	templates: {
+		html: './images/icons/template/icons-contribution.hbs',
+		scss: './images/icons/template/styles.hbs',
+	},
+	formatOptions: {
+		json: {
+			indent: 2,
+		},
+	},
+	pathOptions: {
+		woff2: './dist/glicons.woff2',
+		scss: './src/webviews//apps/shared/glicons.scss',
+		html: './icons-contribution.json',
+		json: './images/icons/template/mapping.json',
+	},
+	onComplete: _fontConfig => {
+		const fs = require('fs');
+		// Update the icons contribution point in package.json
+		const package = require('./package.json');
+		package.contributes.icons = require('./icons-contribution.json').icons;
+
+		const packageJSON = `${JSON.stringify(package, undefined, '\t')}\n`;
+
+		fs.writeFileSync('./package.json', packageJSON);
+		fs.rmSync('./icons-contribution.json');
+	},
+};
+
+module.exports = config;

.prettierignore

@@ -1,2 +1,6 @@
 emojis.json
 git.d.ts
+glicons.scss
+images/icons/template/icons-contribution.hbs
+images/icons/template/mapping.json
+images/icons/template/styles.hbs

.prettierrc

@@ -14,6 +14,10 @@
 		{
 			"files": "*.md",
 			"options": { "tabWidth": 2 }
+		},
+		{
+			"files": "*.svg",
+			"options": { "parser": "html" }
 		}
 	]
 }

images/icons/commit-horizontal.svg

@@ -0,0 +1,17 @@
+{
+	"icons": {
+		{{#each codepoints}}
+		"gitlens-{{@key}}": {
+			"description": "{{@key}} icon",
+			"default": {
+				"fontPath": "dist/glicons.woff2",
+				"fontCharacter": "\\\{{codepoint this}}"
+			}
+		{{#if @last}}
+		}
+		{{else}}
+		},
+		{{/if}}
+		{{/each}}
+	}
+}

images/icons/compare-ref-working.svg

@@ -0,0 +1,8 @@
+{
+  "commit-horizontal": 61697,
+  "graph": 61698,
+  "next-commit": 61699,
+  "prev-commit-menu": 61700,
+  "prev-commit": 61701,
+  "compare-ref-working": 61702
+}

images/icons/graph.svg

@@ -0,0 +1,59 @@
+@font-face {
+	font-family: '{{ name }}';
+	font-display: block;
+	src: {{{ fontSrc }}};
+}
+
+.glicon {
+	font: normal normal normal 16px/1 {{ name }};
+	display: inline-block;
+	text-decoration: none;
+	text-rendering: auto;
+	text-align: center;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	user-select: none;
+	-webkit-user-select: none;
+	-ms-user-select: none;
+}
+
+/*---------------------
+ *  Modifiers
+ *-------------------*/
+
+@keyframes glicon-spin {
+	100% {
+		transform: rotate(360deg);
+	}
+}
+
+.glicon-sync.glicon-modifier-spin,
+.glicon-loading.glicon-modifier-spin,
+.glicon-gear.glicon-modifier-spin {
+	/* Use steps to throttle FPS to reduce CPU usage */
+	animation: glicon-spin 1.5s steps(30) infinite;
+}
+
+.glicon-modifier-disabled {
+	opacity: 0.5;
+}
+
+.glicon-modifier-hidden {
+	opacity: 0;
+}
+
+/* custom speed & easing for loading icon */
+.glicon-loading {
+	animation-duration: 1s !important;
+	animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67) !important;
+}
+
+/*---------------------
+ *  Icons
+ *-------------------*/
+
+{{#each codepoints}}
+.{{ ../prefix }}-{{ @key }}:before {
+	content: '\\{{ codepoint this }}';
+}
+{{/each}}