fakelab 0.0.1

package/README.md

@@ -0,0 +1 @@
+# FAKELAB

package/bin/run.js

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+
+import "../lib/cli.js";

package/lib/cli.js

@@ -0,0 +1 @@
+import {Command}from'commander';import w from'express';import q from'cors';import F from'path';import {fileURLToPath}from'url';import {bundleRequire}from'bundle-require';import O from'joycon';import'fast-glob';import I from'fs-extra';import'fs/promises';import u from'picocolors';import $ from'express-ejs-layouts';import B from'http';import'ejs';import U from'qs';import h from'zod';import {Project}from'ts-morph';import {v4}from'uuid';import J from'figlet';var c=class t{static prefix(e){let r=new Date().toLocaleTimeString();return {info:u.blue,warn:u.yellow,error:u.red,success:u.green,debug:u.magenta}[e](`[${r}] FAKELAB_${e.toUpperCase()}`)}static log(e,r,...s){let o=u.white,n=t.prefix(e);(e==="error"?console.error:e==="warn"?console.warn:console.log)(n,o(r),...s);}static info(e,...r){this.log("info",e,...r);}static warn(e,...r){this.log("warn",e,...r);}static error(e,...r){this.log("error",e,...r);}static success(e,...r){this.log("success",e,...r);}};async function k(){try{let e=await new O().resolve({files:["fakelab.config.ts"]});return e||(c.error("No fakelab config file is detected."),process.exit(1)),(await bundleRequire({filepath:e})).mod.default}catch{c.error("Could not load the config file."),process.exit(1);}}var g=class{constructor(e){this.faker=e;}JSDOC_FAKER_FIELD="faker";FAKER_TAG_REGEX=/^([a-zA-Z0-9._]+)(?:\((.*)\))?$/;boolMapping={true:true,false:false};string(e){return this.execute(e,this.faker.word.noun)}int(e){return this.execute(e,this.faker.number.int)}bool(e){return this.execute(e,this.faker.datatype.boolean)}bigInt(e){return this.execute(e,this.faker.number.bigInt)}litbool(e){return this.boolMapping[e]}async object(e,r){let s={};return await Promise.all(e.map(async o=>{let n=o.getTypeAtLocation(o.getValueDeclarationOrThrow());s[o.getName()]=await r(n,this,this.readJSDocTags(o));})),s}async union(e){let r=await Promise.all(e);return r[Math.floor(Math.random()*r.length)]}async intersection(e){let r=await Promise.all(e);return r[Math.floor(Math.random()*r.length)]}evalArgs(e){if(!(!e||!e.trim()))return Function(`"use strict"; return (${e});`)()}readJSDocTags(e){let r=e.getJsDocTags().filter(s=>s.getName()===this.JSDOC_FAKER_FIELD);return r.length===0?[]:r.map(s=>{let[o]=s.getText();if(!o)return;let n=o.text.trim().match(this.FAKER_TAG_REGEX);if(!n)return;let[,i,a]=n,f=this.evalArgs(a);return {path:i,args:f}})}execute(e,r){if(!e)return r();let s=e.path.split("."),o=this.faker;for(let n of s)o=o[n],o||(c.error("Invalid faker module path:",e.path),process.exit(1));typeof o!="function"&&(c.error("Unresolvable faker function.",e.path),process.exit(1));try{return e.args?o(e.args):o()}catch{return c.error("Passed invalid arguments to faker function."),o()}}};var d=class{constructor(e){this.files=e;let s=new Project({tsConfigFilePath:"tsconfig.json"}).addSourceFilesAtPaths(e);this.__targets=s.flatMap(o=>o.getInterfaces());}__targets;async run(e){return await e()}entities(){return new Map(this.__targets.map(e=>[e.getName().toLowerCase(),e.getType()]))}async loadFaker(e){let{faker:r}=await import(`@faker-js/faker/locale/${e.locale}`);return r}};async function p(t,e,r=[],s=0){if(t.isString())return e.string(r[s]);if(t.isNumber())return e.int(r[s]);if(t.isBoolean())return e.bool(r[s]);if(t.isBigInt())return e.bigInt(r[s]);if(t.isBooleanLiteral())return e.litbool(t.getText());if(t.isLiteral())return t.getLiteralValue();if(!t.isUndefined()){if(t.isUnion()){let o=t.getUnionTypes();return await e.union(o.map((n,i)=>p(n,e,r,i)))}if(t.isIntersection()){let o=t.getIntersectionTypes();return await e.intersection(o.map((n,i)=>p(n,e,r,i)))}if(t.isArray()){let o=t.getArrayElementTypeOrThrow();return [await p(o,e,r,s)]}if(t.isObject()){let o=t.getProperties();return await e.object(o,(n,i,a)=>p(n,i,a,s))}return null}}function _({each:t}){return {resolve:async r=>await Promise.all(Array.from({length:r},(s,o)=>t(o)))}}function R(t,e){return t==="uuid"?v4():e+1}function j(t,e,r){return async s=>{let o=await p(t,e);return r.uid&&typeof o=="object"?{[r.uid]:R(r.s,s),...o}:o}}async function x(t){let e=new d(t.files),r=await e.loadFaker(t.fakerOptions),s=new g(r),o=e.entities();async function n(i,a){let f=_({each:j(i,s,a)}),l=await(a.count?f.resolve(parseInt(a.count)):p(i,s)),m=JSON.stringify(l,null,2);return {data:l,json:m}}return {entities:o,forge:n}}var N=fileURLToPath(import.meta.url),G=F.dirname(N),T=I.readJSONSync(F.join(G,"../package.json")),y=class{constructor(e,r){this.router=e;this.config=r;this.prefix=this.config.serverOptions.pathPrefix;}prefix;get querySchema(){return h.object({count:h.string().optional(),uid:h.string().optional(),s:h.string().optional()})}async handleQueries(e){let{success:r,data:s,error:o}=await this.querySchema.safeParseAsync(e.query);return r?s:(c.warn(o.message),{})}async register(){let{entities:e,forge:r}=await x(this.config);this.router.get("/",(s,o)=>{let n=s.path;o.render("index",{currentPath:n,entities:e,version:T.version});}),this.router.get("/:name",async(s,o)=>{let n=`${s.protocol}://${s.host}/`,i=s.path,a=s.params.name,f=await this.handleQueries(s),l=U.stringify(f,{addQueryPrefix:true}),m=e.get(a.toLowerCase());if(m){let{json:P}=await r(m,f);o.render("preview",{name:a,currentPath:i,address:n,search:l,json:P,entities:e,version:T.version,prefix:this.prefix});}else o.redirect("/");}),this.router.get(`/${this.prefix}/:name`,async(s,o)=>{try{let n=s.params.name,i=await this.handleQueries(s),a=e.get(n.toLowerCase());if(a){let{data:f}=await r(a,i);o.status(200).json(f);}else o.status(400).json({message:"The requested interface is not found"});}catch(n){o.status(500).send(n);}});}};var K=fileURLToPath(import.meta.url),E=F.dirname(K);function X(t,e){let r=e.serverOptions.port;t.listen(r,"localhost",async()=>{c.info(`Server: http://localhost:${r}`),console.log(await J.text("FAKELAB"));});}function z(t,e,r){e.setHeader("x-powered-by","fakelab"),r();}function Q(t){t.disable("x-powered-by"),t.use(w.json()),t.use(q({methods:"GET"})),t.use(w.static(E+"/public")),t.use(z);}function V(t){t.set("views",F.join(E,"views")),t.set("view engine","ejs"),t.use($),t.set("layout","layouts/main");}async function L(t){let e=w(),r=w.Router(),s=B.createServer(e);Q(e),V(e),await new y(r,t).register(),e.use(r),X(s,t);}var v=new Command;v.name("falekab").description("CLI to generate mock data").version("0.0.0");v.command("serve").description("start server").action(async()=>{let t=await k();L(t);});v.parse();

package/lib/main.d.ts

@@ -0,0 +1,27 @@
+type FakerLocale = "af" | "ar" | "az" | "bn" | "cs" | "cy" | "da" | "de" | "dv" | "el" | "en" | "eo" | "es" | "fa" | "fi" | "fr" | "he" | "hr" | "hu" | "hy" | "id" | "it" | "ja" | "ka" | "ko" | "ku" | "lv" | "mk" | "nb" | "ne" | "nl" | "pl" | "pt" | "ro";
+
+type ServerOptions = {
+    /**
+     * @default 5200
+     */
+    port?: number;
+    /**
+     * @default `api`
+     */
+    pathPrefix?: string;
+};
+type FakerEngineOptions = {
+    locale?: FakerLocale;
+};
+type ConfigOptions = {
+    sourcePath: string;
+    server?: ServerOptions;
+    faker?: FakerEngineOptions;
+};
+declare function defineConfig(options: ConfigOptions): Promise<{
+    files: string[];
+    serverOptions: Required<ServerOptions>;
+    fakerOptions: Required<FakerEngineOptions>;
+}>;
+
+export { defineConfig };

package/lib/main.js

@@ -0,0 +1 @@
+import'bundle-require';import'joycon';import u from'fast-glob';import g from'fs-extra';import p from'path';import {stat,access,constants}from'fs/promises';import i from'picocolors';var s=class{static PREFIX="api";static PORT=5200;static DEFAULT_LOCALE="en";static locale(){let e=Intl.DateTimeFormat().resolvedOptions().locale;if(!e)return this.DEFAULT_LOCALE;let[t]=e.split("-");return t.toLowerCase()}};var o=class r{static prefix(e){let t=new Date().toLocaleTimeString();return {info:i.blue,warn:i.yellow,error:i.red,success:i.green,debug:i.magenta}[e](`[${t}] FAKELAB_${e.toUpperCase()}`)}static log(e,t,...n){let a=i.white,l=r.prefix(e);(e==="error"?console.error:e==="warn"?console.warn:console.log)(l,a(t),...n);}static info(e,...t){this.log("info",e,...t);}static warn(e,...t){this.log("warn",e,...t);}static error(e,...t){this.log("error",e,...t);}static success(e,...t){this.log("success",e,...t);}};var f=".ts";async function w(r){if(r.endsWith(f))return r;let e=r+f;return await g.exists(e)?e:null}async function h(r){return await u("**/*.ts",{cwd:r,absolute:true,ignore:["**/*.d.ts"]})}async function y(r){let e=await w(r);try{if(e&&(await stat(e)).isFile()){if(await v(e))return o.info("Source:",e),[e];o.info("Could not access to the provided file path %s",p),process.exit(1);}}catch{o.error("The provided source path does not exists."),process.exit(1);}try{if((await stat(r)).isDirectory())return o.info("Source:",r),await h(r)}catch{o.error("The provided source path does not exists."),process.exit(1);}o.error("The provided source path does not exists."),process.exit(1);}async function x(r){let e=p.resolve(r.sourcePath),t=await y(e);t.length===0&&(o.error("No Typescript files found in %s",e),process.exit(1));let n={pathPrefix:r.server?.pathPrefix||s.PREFIX,port:r.server?.port||s.PORT},a={locale:r.faker?.locale||s.locale()};return {files:t,serverOptions:n,fakerOptions:a}}async function v(r){try{return await access(r,constants.R_OK),!0}catch{return  false}}export{x as defineConfig};

package/lib/public/css/style.css

@@ -0,0 +1,571 @@
+@font-face {
+  font-family: inter;
+  src: url(/fonts/Inter-Regular.ttf) format(woff);
+  width: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+body {
+  font-family: inter;
+  box-sizing: border-box;
+  margin: 0;
+  overflow: hidden;
+  height: 100vh;
+}
+
+.hljs {
+  background: none !important;
+}
+
+pre {
+  margin: 0;
+}
+
+.root {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  background: oklch(27.8% 0.033 256.848);
+}
+
+.sidebar {
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  height: 100%;
+  width: 350px;
+  min-width: 350px;
+  box-shadow: 1px 0px 3px oklch(20.992% 0.03416 263.451 / 0.356);
+}
+
+.sidebar .logo {
+  height: 65px;
+  padding-inline: 16px;
+  display: flex;
+  align-items: center;
+  color: oklch(98.5% 0.002 247.839);
+  text-decoration: none;
+}
+
+.sidebar .sidebar_docs {
+  margin-top: auto;
+  padding: 16px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  cursor: pointer;
+  text-decoration: none;
+  background-color: oklch(37.306% 0.03436 260.191 / 0.26);
+  > span {
+    color: oklch(98.5% 0.002 247.839);
+    font-size: 14px;
+  }
+}
+
+.sidebar .sidebar_footer {
+  margin-top: auto;
+  padding: 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.sidebar_footer span {
+  color: oklch(98.463% 0.00181 249.248 / 0.76);
+  font-size: 12px;
+}
+
+.sidebar .sidebar_content {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  overflow: hidden;
+  padding-block: 16px;
+}
+
+.sidebar_content .sidebar_content_leading {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  width: 100%;
+  padding: 16px;
+}
+
+.sidebar_content .sidebar_content_list {
+  padding-inline: 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  overflow: auto;
+}
+
+.sidebar_content_list::-webkit-scrollbar {
+  width: 10px;
+}
+.sidebar_content_list::-webkit-scrollbar-track {
+  background: oklch(27.8% 0.033 256.848);
+}
+.sidebar_content_list::-webkit-scrollbar-thumb {
+  background: hsl(216, 31%, 24%);
+  border-radius: 99px;
+}
+
+.sidebar_content_list .sidebar_content_list_item {
+  padding: 12px 8px;
+  border-radius: 4px;
+  cursor: pointer;
+  transition: all 250ms ease-in-out;
+  color: oklch(98.463% 0.00181 249.248 / 0.726);
+  text-decoration: none;
+  font-size: 14px;
+  &:hover {
+    color: oklch(98.5% 0.002 247.839);
+  }
+
+  > span {
+    user-select: none;
+  }
+}
+
+.sidebar_content_list_item.active {
+  color: oklch(98.5% 0.002 247.839);
+  background-color: oklch(37.306% 0.03436 260.191 / 0.26);
+}
+
+.sidebar_content_leading .sidebar_content_title {
+  color: oklch(98.5% 0.002 247.839);
+  font-size: 14px;
+}
+
+.sidebar_content_leading .sidebar_content_indicator_icon {
+  width: 8px;
+  height: 8px;
+  border-radius: 99px;
+  background: oklch(68.5% 0.169 237.323);
+  position: relative;
+  &::before {
+    content: "";
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    border-radius: 99px;
+    background: oklch(68.5% 0.169 237.323);
+    animation: blink 2s infinite ease-in-out;
+    transform-origin: center;
+    z-index: 1;
+  }
+}
+
+.main {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  height: 100%;
+  overflow: hidden;
+  min-width: 441px;
+}
+
+.header {
+  flex-basis: 65px;
+  border-bottom: 1px solid oklch(21% 0.034 264.665);
+  padding-inline: 16px;
+  display: flex;
+  overflow: hidden;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.header .interface_name {
+  font-size: 16px;
+  color: oklch(98.463% 0.00181 249.248 / 0.61);
+}
+
+.preview {
+  background: oklch(21% 0.034 264.665);
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  overflow-y: auto;
+}
+
+.preview::-webkit-scrollbar {
+  width: 10px;
+}
+.preview::-webkit-scrollbar-track {
+  background: oklch(21% 0.034 264.665);
+}
+.preview::-webkit-scrollbar-thumb {
+  background: oklch(27.8% 0.033 256.848);
+  border-radius: 99px;
+}
+
+.preview .preview_toolbar {
+  max-height: fit-content;
+  flex: 1;
+  padding: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  position: sticky;
+  top: 0px;
+  background-color: oklch(21% 0.034 264.665);
+}
+
+.preview_toolbar .data_fetch_address {
+  background: oklch(27.8% 0.033 256.848);
+  padding-inline: 12px;
+  height: 32px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  border-radius: 4px;
+  box-shadow: 0px 0px 2px hsl(220, 43%, 10%);
+  min-width: 300px;
+}
+
+.preview_toolbar .toolbar_actions {
+  background: oklch(27.8% 0.033 256.848);
+  height: 32px;
+  display: flex;
+  align-items: center;
+  border-radius: 4px;
+  box-shadow: 0px 0px 2px hsl(220, 43%, 10%);
+}
+
+.toolbar_actions .toolbar_action_item {
+  transition: opacity 250ms ease-in-out;
+  height: 100%;
+  width: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  &:hover > .icon {
+    opacity: 1;
+  }
+}
+
+.preview_toolbar .divider {
+  width: 1px;
+  height: 12px;
+  background-color: hsla(210, 20%, 80%, 0.2);
+}
+
+.preview_toolbar .toolbar_setting {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  position: relative;
+
+  /* > .toolbar_setting_count_input {
+    border: 1px solid oklch(98.463% 0.00181 249.248 / 0.171);
+    outline: none;
+    border-radius: 4px;
+    padding-inline: 8px;
+    height: 32px;
+    color: oklch(98.463% 0.00181 249.248 / 0.801);
+    background: transparent;
+    font-family: inter;
+  } */
+}
+.toolbar_setting .toolbar_setting_option {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 4px;
+  background: oklch(27.8% 0.033 256.848);
+  box-shadow: 0px 0px 2px hsl(220, 43%, 10%);
+  height: 32px;
+  width: 32px;
+  cursor: pointer;
+  transition: opacity 250ms ease-in-out;
+  &:hover > .icon {
+    opacity: 1;
+  }
+}
+
+.toolbar_setting .toolbar_setting_overlay {
+  display: none;
+  position: absolute;
+  left: calc(100% + 8px);
+  top: 0px;
+  width: 300px;
+  height: fit-content;
+  background: oklch(27.8% 0.033 256.848);
+  box-shadow: 0px 0px 2px hsl(220, 43%, 10%);
+  border-radius: 4px;
+  flex-direction: column;
+  gap: 4px;
+  z-index: 99;
+  padding: 16px;
+
+  &[data-visible="true"] {
+    display: flex;
+  }
+}
+
+.toolbar_setting_overlay .setting_title {
+  color: #fff;
+  font-size: 14px;
+  display: flex;
+  align-items: center;
+}
+
+.toolbar_setting_overlay .setting_form {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+  margin-top: 16px;
+}
+.setting_form .form_input {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  &[data-visible="false"] {
+    display: none;
+  }
+}
+
+.setting_form .form_input.inline {
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.setting_form .form_buttons {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  gap: 8px;
+  margin-top: 8px;
+}
+
+.form_buttons .form_apply_btn {
+  display: flex;
+  flex: 1;
+  align-items: center;
+  justify-content: center;
+  outline: none;
+  border: none;
+  height: 38px;
+  color: #fff;
+  background-color: oklch(68.5% 0.169 237.323);
+  margin-top: auto;
+  border-radius: 4px;
+  cursor: pointer;
+  font-family: inter;
+  transition: background-color 250ms ease-in-out;
+  &:hover {
+    background-color: oklch(58.8% 0.158 241.966);
+  }
+}
+
+.form_buttons .form_reset_btn {
+  display: flex;
+  flex: 1;
+  outline: none;
+  align-items: center;
+  justify-content: center;
+  border: none;
+  height: 38px;
+  color: #fff;
+  background-color: hsl(216, 31%, 23%);
+  margin-top: auto;
+  border-radius: 4px;
+  cursor: pointer;
+  font-family: inter;
+  transition: background-color 250ms ease-in-out;
+  &:hover {
+    background-color: hsl(216, 31%, 20%);
+  }
+}
+
+.form_input input {
+  border: 1px solid oklch(98.463% 0.00181 249.248 / 0.171);
+  outline: none;
+  border-radius: 4px;
+  padding-inline: 8px;
+  height: 32px;
+  color: oklch(98.463% 0.00181 249.248 / 0.801);
+  background: transparent;
+  font-family: inter;
+  font-size: 12px;
+}
+
+.form_input label {
+  font-size: 12px;
+  color: #fff;
+}
+
+.form_input span {
+  font-size: 10px;
+  color: oklch(98.463% 0.00181 249.248 / 0.801);
+}
+.data_fetch_address .address {
+  font-size: 12px;
+  display: flex;
+  flex: 1;
+  width: 100%;
+  align-items: center;
+  gap: 8px;
+
+  > .address_method {
+    color: oklch(75% 0.183 55.934);
+    font-weight: 500;
+  }
+  > .address_url {
+    color: oklch(98.463% 0.00181 249.248 / 0.801);
+  }
+}
+
+.preview_toolbar.loading {
+  display: none;
+}
+
+.preview .nodata {
+  display: flex;
+  flex: 1;
+  justify-content: center;
+  align-items: center;
+  color: oklch(98.463% 0.00181 249.248 / 0.61);
+  font-size: 14px;
+}
+
+.preview-loading {
+  display: none;
+  flex: 1;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  gap: 8px;
+}
+.preview-loading.loading {
+  display: flex;
+}
+
+.code.loading {
+  display: none;
+}
+
+.error {
+  display: none;
+  font-size: 14px;
+  color: oklch(50.5% 0.213 27.518);
+}
+
+.error.visible {
+  display: block;
+}
+
+.loader {
+  width: 30px;
+  height: 30px;
+  border: 4px solid oklch(98.463% 0.00181 249.248 / 0.24);
+  border-top: 4px solid #f9fafb7c;
+  border-radius: 50%;
+  display: none;
+  box-sizing: border-box;
+  animation: rotation 1s linear infinite;
+}
+
+.loader.visible {
+  display: inline-block;
+}
+
+.icon {
+  pointer-events: none;
+  cursor: pointer;
+  opacity: 0.7;
+  transition: opacity 250ms ease-in-out;
+  &:hover {
+    opacity: 1;
+  }
+}
+
+.icon.pointer_auto {
+  pointer-events: auto;
+}
+.switch {
+  position: relative;
+  display: inline-block;
+  width: 28px;
+  height: 6px;
+}
+
+.switch input {
+  opacity: 0;
+  width: 0;
+  height: 0;
+}
+
+.slider {
+  position: absolute;
+  cursor: pointer;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: hsl(216, 31%, 25%);
+  -webkit-transition: 0.4s;
+  transition: 0.4s;
+  border-radius: 24px;
+  height: 6px;
+}
+
+.slider:before {
+  position: absolute;
+  content: "";
+  height: 16px;
+  width: 16px;
+  left: -1px;
+  bottom: -5px;
+  background-color: hsl(216, 31%, 32%);
+  -webkit-transition: 0.4s;
+  transition: 0.4s;
+  border-radius: 50%;
+}
+
+input:checked + .slider:before {
+  -webkit-transform: translateX(13px);
+  -ms-transform: translateX(13px);
+  transform: translateX(13px);
+  background-color: oklch(68.5% 0.169 237.323);
+}
+
+.unique_id_hint {
+  font-size: 10px;
+  color: oklch(98.463% 0.00181 249.248 / 0.801);
+}
+
+.unique_strategy {
+  margin-top: 8px;
+  display: none;
+  flex-direction: column;
+  gap: 16px;
+  &[data-visible="true"] {
+    display: flex;
+  }
+}
+
+@keyframes rotation {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes blink {
+  0% {
+    opacity: 0.8;
+    transform: scale(1);
+  }
+  100% {
+    opacity: 0;
+    transform: scale(2.5);
+  }
+}

package/lib/public/css/vs2015.min.css

@@ -0,0 +1,93 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em;
+}
+code.hljs {
+  padding: 3px 5px;
+}
+.hljs {
+  background: #1e1e1e;
+  color: #dcdcdc;
+}
+.hljs-keyword,
+.hljs-literal,
+.hljs-name,
+.hljs-symbol {
+  color: #569cd6;
+}
+.hljs-link {
+  color: #569cd6;
+  text-decoration: underline;
+}
+.hljs-built_in,
+.hljs-type {
+  color: #4ec9b0;
+}
+.hljs-class,
+.hljs-number {
+  color: #b8d7a3;
+}
+.hljs-meta .hljs-string,
+.hljs-string {
+  color: #d69d85;
+}
+.hljs-regexp,
+.hljs-template-tag {
+  color: #9a5334;
+}
+.hljs-formula,
+.hljs-function,
+.hljs-params,
+.hljs-subst,
+.hljs-title {
+  color: #dcdcdc;
+}
+.hljs-comment,
+.hljs-quote {
+  color: #57a64a;
+  font-style: italic;
+}
+.hljs-doctag {
+  color: #608b4e;
+}
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-tag {
+  color: #9b9b9b;
+}
+.hljs-template-variable,
+.hljs-variable {
+  color: #bd63c5;
+}
+.hljs-attr,
+.hljs-attribute {
+  color: #9cdcfe;
+}
+.hljs-section {
+  color: gold;
+}
+.hljs-emphasis {
+  font-style: italic;
+}
+.hljs-strong {
+  font-weight: 700;
+}
+.hljs-bullet,
+.hljs-selector-attr,
+.hljs-selector-class,
+.hljs-selector-id,
+.hljs-selector-pseudo,
+.hljs-selector-tag {
+  color: #d7ba7d;
+}
+.hljs-addition {
+  background-color: #144212;
+  display: inline-block;
+  width: 100%;
+}
+.hljs-deletion {
+  background-color: #600;
+  display: inline-block;
+  width: 100%;
+}