feat(deps): migrate to Vite and Vitest
This commit is contained in:
Rafael Bardini
parent
73d48f2dfe
commit
5bd2f96071
|
|
@ -4,6 +4,7 @@
|
|||
"node": true
|
||||
},
|
||||
"extends": "eslint:recommended",
|
||||
"ignorePatterns": ["test", "vite.config.js"],
|
||||
"parserOptions": {
|
||||
"sourceType": "module"
|
||||
}
|
||||
|
|
|
|||
|
|
@ -21,7 +21,7 @@ jobs:
|
|||
run: npm run lint
|
||||
|
||||
- name: Test
|
||||
run: npm test
|
||||
run: npm test -- --coverage
|
||||
|
||||
- name: Build
|
||||
run: npm run build
|
||||
|
|
|
|||
|
|
@ -1,5 +1,4 @@
|
|||
.DS_Store
|
||||
.nyc_output
|
||||
coverage
|
||||
dist
|
||||
node_modules
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
#!/bin/sh
|
||||
. "$(dirname "$0")/_/husky.sh"
|
||||
|
||||
npm test
|
||||
npm test -- run
|
||||
|
|
|
|||
|
|
@ -1,4 +1,3 @@
|
|||
.nyc_output
|
||||
coverage
|
||||
public
|
||||
tap-snapshots
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
#!/usr/bin/env node
|
||||
import fs from 'fs'
|
||||
import { render } from '../dist/index.modern.js'
|
||||
import fs from 'node:fs'
|
||||
import { render } from '../dist/index.js'
|
||||
|
||||
const resume = JSON.parse(fs.readFileSync(process.stdin.fd, 'utf-8'))
|
||||
const html = render(resume)
|
||||
|
|
|
|||
11
index.js
11
index.js
|
|
@ -1,17 +1,8 @@
|
|||
import fs from 'fs'
|
||||
import path from 'path'
|
||||
import { fileURLToPath } from 'url'
|
||||
|
||||
import Resume from './resume.js'
|
||||
|
||||
const dirname = typeof __dirname === 'string'
|
||||
? __dirname
|
||||
: path.dirname(fileURLToPath(import.meta.url))
|
||||
import css from './style.css?inline'
|
||||
|
||||
export const pdfRenderOptions = { mediaType: 'print' }
|
||||
|
||||
export const render = resume => {
|
||||
const css = fs.readFileSync(path.resolve(dirname, 'style.css'), 'utf-8')
|
||||
|
||||
return Resume(resume, css)
|
||||
}
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
22
package.json
22
package.json
|
|
@ -23,11 +23,11 @@
|
|||
"type": "module",
|
||||
"exports": {
|
||||
"require": "./dist/index.cjs",
|
||||
"default": "./dist/index.modern.js"
|
||||
"default": "./dist/index.js"
|
||||
},
|
||||
"main": "./dist/index.cjs",
|
||||
"unpkg": "./dist/index.umd.js",
|
||||
"module": "./dist/index.module.js",
|
||||
"unpkg": "./dist/index.umd.cjs",
|
||||
"module": "./dist/index.js",
|
||||
"source": "index.js",
|
||||
"bin": {
|
||||
"jsonresume-theme-even": "bin/cli.js"
|
||||
|
|
@ -37,15 +37,14 @@
|
|||
"dist"
|
||||
],
|
||||
"scripts": {
|
||||
"build": "microbundle build --target node",
|
||||
"postbuild": "cp -r style.css dist",
|
||||
"build": "vite build",
|
||||
"prebuild:demo": "npm run build",
|
||||
"build:demo": "mkdir -p public && cat node_modules/resume-schema/sample.resume.json | ./bin/cli.js > public/index.html",
|
||||
"build:demo": "mkdir -p public && ./bin/cli.js < node_modules/resume-schema/sample.resume.json > public/index.html",
|
||||
"format": "prettier --ignore-path .gitignore .",
|
||||
"lint": "eslint --ignore-path .gitignore --ignore-pattern test .",
|
||||
"lint": "eslint --ignore-path .gitignore .",
|
||||
"prepare": "husky install",
|
||||
"prepublishOnly": "npm run build",
|
||||
"test": "c8 tap --node-arg=--experimental-json-modules --no-coverage"
|
||||
"test": "vitest"
|
||||
},
|
||||
"dependencies": {
|
||||
"feather-icons": "^4.28.0",
|
||||
|
|
@ -53,14 +52,15 @@
|
|||
"striptags": "^3.2.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"c8": "7.12.0",
|
||||
"@vitest/coverage-c8": "0.28.3",
|
||||
"eslint": "8.31.0",
|
||||
"html-validate": "7.12.1",
|
||||
"husky": "8.0.3",
|
||||
"lint-staged": "13.1.0",
|
||||
"microbundle": "0.15.1",
|
||||
"prettier": "2.8.2",
|
||||
"prettier-plugin-packagejson": "2.4.2",
|
||||
"resume-schema": "1.0.0",
|
||||
"tap": "16.3.2"
|
||||
"vite": "4.0.4",
|
||||
"vitest": "0.28.3"
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,550 +0,0 @@
|
|||
/* IMPORTANT
|
||||
* This snapshot file is auto-generated, but designed for humans.
|
||||
* It should be checked into source control and tracked carefully.
|
||||
* Re-generate by setting TAP_SNAPSHOT=1 and running tests.
|
||||
* Make sure to inspect the output below. Do not ignore changes!
|
||||
*/
|
||||
'use strict'
|
||||
exports[`test/render.js TAP renders a resume > must match snapshot 1`] = `
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
|
||||
<title>Richard Hendriks</title>
|
||||
<meta name="description" content="Richard hails from Tulsa. He has earned degrees from the University of Oklahoma and Stanford. (Go Sooners and Cardinal!) Before starting Pied Piper, he worked for Hooli as a part time software developer. While his work focuses on applied information theory, mostly optimizing lossless compression schema of both the length-limited and adaptive variants, his non-work interests range widely, everything from quantum computing to chaos theory. He could tell you about it, but THAT would NOT be a “length-limited” conversation!">
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700&display=swap">
|
||||
<style>:root {
|
||||
color-scheme: light dark;
|
||||
|
||||
--color-background: #ffffff; /* White */
|
||||
--color-muted: #f3f4f5; /* Light Gray 200 */
|
||||
--color-primary: #191e23; /* Dark Gray 900 */
|
||||
--color-secondary: #6c7781; /* Dark Gray 300 */
|
||||
--color-accent: #ffb900; /* Accent Yellow */
|
||||
--color-link: #46b450; /* Accent Green */
|
||||
|
||||
--scale-ratio: 1.25;
|
||||
--scale0: 1rem;
|
||||
--scale1: calc(var(--scale0) * var(--scale-ratio));
|
||||
--scale2: calc(var(--scale1) * var(--scale-ratio));
|
||||
--scale3: calc(var(--scale2) * var(--scale-ratio));
|
||||
--scale4: calc(var(--scale3) * var(--scale-ratio));
|
||||
--scale5: calc(var(--scale4) * var(--scale-ratio));
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--color-background: #191e23; /* Dark Gray 900 */
|
||||
--color-muted: #23282d; /* Dark Gray 800 */
|
||||
--color-primary: #fbfbfc; /* Light Gray 100 */
|
||||
--color-secondary: #ccd0d4; /* Light Gray 700 */
|
||||
}
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
html {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
body {
|
||||
background: var(--color-background);
|
||||
color: var(--color-primary);
|
||||
display: grid;
|
||||
font: 1em/1.5 Lato, sans-serif;
|
||||
gap: 2em;
|
||||
grid-template-columns:
|
||||
[full-start]
|
||||
1fr
|
||||
[main-start side-start]
|
||||
minmax(min-content, 12em)
|
||||
[side-end content-start]
|
||||
minmax(min-content, 36em)
|
||||
[main-end content-end]
|
||||
1fr
|
||||
[full-end];
|
||||
grid-template-rows: auto [content] 0;
|
||||
margin-bottom: 4em;
|
||||
}
|
||||
|
||||
body::before {
|
||||
content: '';
|
||||
grid-column: full;
|
||||
grid-row: content;
|
||||
}
|
||||
|
||||
ol,
|
||||
ul {
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
:not(.icon-list, .tag-list) > li + li {
|
||||
margin-top: 0.4em;
|
||||
}
|
||||
|
||||
li::marker,
|
||||
.network {
|
||||
color: var(--color-secondary);
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--color-link);
|
||||
text-decoration: none;
|
||||
transition: color 0.2s;
|
||||
}
|
||||
|
||||
a:focus,
|
||||
a:hover {
|
||||
color: var(--color-accent);
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h5 {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3 {
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: var(--scale5);
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: var(--color-secondary);
|
||||
font-size: var(--scale4);
|
||||
}
|
||||
|
||||
h3 {
|
||||
color: var(--color-accent);
|
||||
font-size: var(--scale3);
|
||||
grid-column: side;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: var(--scale2);
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: var(--scale1);
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: var(--scale0);
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-left: 0.2em solid var(--color-muted);
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
cite {
|
||||
color: var(--color-secondary);
|
||||
font-style: inherit;
|
||||
}
|
||||
|
||||
cite::before {
|
||||
content: '— ';
|
||||
}
|
||||
|
||||
svg {
|
||||
margin-right: 0.2em;
|
||||
vertical-align: -0.2em;
|
||||
}
|
||||
|
||||
.masthead {
|
||||
background: var(--color-muted);
|
||||
display: inherit;
|
||||
gap: inherit;
|
||||
grid-column: full;
|
||||
grid-template-columns: inherit;
|
||||
padding: 4em 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.masthead > *,
|
||||
section {
|
||||
grid-column: main;
|
||||
}
|
||||
|
||||
.masthead > img {
|
||||
border-radius: 50%;
|
||||
margin: 0 auto;
|
||||
max-width: 12em;
|
||||
}
|
||||
|
||||
article > * + *,
|
||||
blockquote > * + * {
|
||||
margin-top: 0.6em;
|
||||
}
|
||||
|
||||
.meta {
|
||||
color: var(--color-secondary);
|
||||
}
|
||||
|
||||
.stack {
|
||||
display: grid;
|
||||
gap: 1.5em;
|
||||
}
|
||||
|
||||
.icon-list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.4em 1em;
|
||||
justify-content: center;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.grid-list {
|
||||
display: grid;
|
||||
gap: 1em;
|
||||
}
|
||||
|
||||
.tag-list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.4em;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.tag-list > li {
|
||||
background: var(--color-muted);
|
||||
border-radius: 0.2em;
|
||||
padding: 0.2em 0.6em;
|
||||
}
|
||||
|
||||
.bullet-item:not(:first-child)::before {
|
||||
content: '· ';
|
||||
margin: 0 0.2em;
|
||||
}
|
||||
|
||||
@media print, (min-width: 48em) {
|
||||
h3 {
|
||||
text-align: right;
|
||||
margin-bottom: inherit;
|
||||
}
|
||||
|
||||
.masthead {
|
||||
text-align: inherit;
|
||||
}
|
||||
|
||||
.masthead > *,
|
||||
section {
|
||||
grid-column: content;
|
||||
}
|
||||
|
||||
.masthead img {
|
||||
grid-column: side;
|
||||
grid-row: span 2;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
section {
|
||||
display: contents;
|
||||
}
|
||||
|
||||
.icon-list {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.grid-list {
|
||||
grid-template-columns: repeat(
|
||||
auto-fit,
|
||||
minmax(calc((100% - 1em) / 2), 1fr)
|
||||
);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header class="masthead">
|
||||
<img src="image.jpg" alt="">
|
||||
<div>
|
||||
<h1>Richard Hendriks</h1>
|
||||
<h2>Programmer</h2>
|
||||
</div>
|
||||
<article><p>Richard hails from Tulsa. He has earned degrees from the University of Oklahoma and Stanford. (Go Sooners and Cardinal!) Before starting Pied Piper, he worked for Hooli as a part time software developer. While his work focuses on applied information theory, mostly optimizing lossless compression schema of both the length-limited and adaptive variants, his non-work interests range widely, everything from quantum computing to chaos theory. He could tell you about it, but THAT would NOT be a “length-limited” conversation!</p></article>
|
||||
<ul class="icon-list">
|
||||
|
||||
<li>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-map-pin"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>
|
||||
San Francisco, United States
|
||||
</li>
|
||||
|
||||
|
||||
<li>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
|
||||
<a href="mailto:richard.hendriks@mail.com">richard.hendriks@mail.com</a>
|
||||
</li>
|
||||
|
||||
|
||||
<li>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-phone"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>
|
||||
<a href="tel:(912)555-4321">(912) 555-4321</a>
|
||||
</li>
|
||||
|
||||
|
||||
<li>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-link"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></svg>
|
||||
<a href="http://richardhendricks.example.com">richardhendricks.example.com</a>
|
||||
</li>
|
||||
|
||||
|
||||
<li>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-twitter"><path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path></svg>
|
||||
neutralthoughts
|
||||
<span class="network">(Twitter)</span>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
|
||||
<a href="https://soundcloud.example.com/dandymusicnl">dandymusicnl</a>
|
||||
<span class="network">(SoundCloud)</span>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</header>
|
||||
|
||||
|
||||
<section id="work">
|
||||
<h3>Work</h3>
|
||||
<div class="stack">
|
||||
|
||||
<article>
|
||||
<header>
|
||||
<h4>CEO/President</h4>
|
||||
<div class="meta">
|
||||
<div>
|
||||
<strong><a href="http://piedpiper.example.com">Pied Piper</a></strong>
|
||||
<span class="bullet-item">Awesome compression company</span>
|
||||
</div>
|
||||
<div><time datetime="2013-12-01">Dec 2013</time> – <time datetime="2014-12-01">Dec 2014</time></div>
|
||||
<div>Palo Alto, CA</div>
|
||||
</div>
|
||||
</header>
|
||||
<p>Pied Piper is a multi-platform technology based on a proprietary universal compression algorithm that has consistently fielded high Weisman Scores™ that are not merely competitive, but approach the theoretical limit of lossless compression.</p>
|
||||
|
||||
<ul>
|
||||
<li><p>Build an algorithm for artist to detect if their music was violating copy right infringement laws</p></li><li><p>Successfully won Techcrunch Disrupt</p></li><li><p>Optimized an algorithm that holds the current world record for Weisman Scores</p></li>
|
||||
</ul>
|
||||
|
||||
</article>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section id="volunteer">
|
||||
<h3>Volunteer</h3>
|
||||
<div class="stack">
|
||||
|
||||
<article>
|
||||
<header>
|
||||
<h4>Teacher</h4>
|
||||
<div class="meta">
|
||||
<strong><a href="http://coderdojo.example.com/">CoderDojo</a></strong>
|
||||
<div><time datetime="2012-01-01">Jan 2012</time> – <time datetime="2013-01-01">Jan 2013</time></div>
|
||||
</div>
|
||||
</header>
|
||||
<p>Global movement of free coding clubs for young people.</p>
|
||||
|
||||
<ul>
|
||||
<li><p>Awarded 'Teacher of the Month'</p></li>
|
||||
</ul>
|
||||
|
||||
</article>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section id="education">
|
||||
<h3>Education</h3>
|
||||
<div class="stack">
|
||||
|
||||
<article>
|
||||
<header>
|
||||
<h4><a href="https://www.ou.edu/">University of Oklahoma</a></h4>
|
||||
<div class="meta">
|
||||
<strong>Information Technology</strong>
|
||||
<div><time datetime="2011-06-01">Jun 2011</time> – <time datetime="2014-01-01">Jan 2014</time></div>
|
||||
</div>
|
||||
</header>
|
||||
<p>Bachelor</p>
|
||||
|
||||
<h5>Courses</h5>
|
||||
<ul>
|
||||
<li><p>DB1101 - Basic SQL</p></li><li><p>CS2011 - Java Introduction</p></li>
|
||||
</ul>
|
||||
|
||||
</article>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section id="projects">
|
||||
<h3>Projects</h3>
|
||||
<div class="stack">
|
||||
|
||||
<article>
|
||||
<header>
|
||||
<h4><a href="missdirection.example.com">Miss Direction</a></h4>
|
||||
<div class="meta">
|
||||
<div>
|
||||
<strong>Team lead and Designer</strong>
|
||||
at <strong>Smoogle</strong>
|
||||
</div>
|
||||
<div><time datetime="2016-08-24">Aug 2016</time> – <time datetime="2016-08-24">Aug 2016</time></div>
|
||||
</div>
|
||||
</header>
|
||||
<p>A mapping engine that misguides you</p>
|
||||
|
||||
<ul>
|
||||
<li><p>Won award at AIHacks 2016</p></li><li><p>Built by all women team of newbie programmers</p></li><li><p>Using modern technologies such as GoogleMaps, Chrome Extension and Javascript</p></li>
|
||||
</ul>
|
||||
|
||||
</article>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section id="awards">
|
||||
<h3>Awards</h3>
|
||||
<div class="stack">
|
||||
|
||||
<article>
|
||||
<header>
|
||||
<h4>Digital Compression Pioneer Award</h4>
|
||||
<div class="meta">
|
||||
|
||||
<div>
|
||||
Awarded by <strong>Techcrunch</strong>
|
||||
</div>
|
||||
|
||||
<time datetime="2014-11-01">Nov 2014</time>
|
||||
</div>
|
||||
</header>
|
||||
<p>There is no spoon.</p>
|
||||
</article>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<section id="publications">
|
||||
<h3>Publications</h3>
|
||||
<div class="stack">
|
||||
|
||||
<article>
|
||||
<header>
|
||||
<h4><a href="http://en.wikipedia.org/wiki/Silicon_Valley_(TV_series)">Video compression for 3d media</a></h4>
|
||||
<div class="meta">
|
||||
|
||||
<div>
|
||||
Published by <strong>Hooli</strong>
|
||||
</div>
|
||||
|
||||
<time datetime="2014-10-01">Oct 2014</time>
|
||||
</div>
|
||||
</header>
|
||||
<p>Innovative middle-out compression algorithm that changes the way we store data.</p>
|
||||
</article>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section id="skills">
|
||||
<h3>Skills</h3>
|
||||
<div class="grid-list">
|
||||
|
||||
<div>
|
||||
<h4>Web Development</h4>
|
||||
|
||||
<ul class="tag-list">
|
||||
<li>HTML</li><li>CSS</li><li>Javascript</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h4>Compression</h4>
|
||||
|
||||
<ul class="tag-list">
|
||||
<li>Mpeg</li><li>MP4</li><li>GIF</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section id="languages">
|
||||
<h3>Languages</h3>
|
||||
<div class="grid-list">
|
||||
|
||||
<div>
|
||||
<h4>English</h4>
|
||||
Native speaker
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section id="interests">
|
||||
<h3>Interests</h3>
|
||||
<div class="grid-list">
|
||||
|
||||
<div>
|
||||
<h4>Wildlife</h4>
|
||||
|
||||
<ul class="tag-list">
|
||||
<li>Ferrets</li><li>Unicorns</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section id="references">
|
||||
<h3>References</h3>
|
||||
<div class="stack">
|
||||
|
||||
<blockquote>
|
||||
<p>It is my pleasure to recommend Richard, his performance working as a consultant for Main St. Company proved that he will be a valuable addition to any company.</p>
|
||||
|
||||
<p>
|
||||
<cite>Erlich Bachman</cite>
|
||||
</p>
|
||||
|
||||
</blockquote>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
`
|
||||
|
|
@ -0,0 +1,292 @@
|
|||
// Vitest Snapshot v1
|
||||
|
||||
exports[`renders a resume 1`] = `
|
||||
"<!DOCTYPE html>
|
||||
<html lang=\\"en\\">
|
||||
<head>
|
||||
<meta charset=\\"utf-8\\">
|
||||
|
||||
<title>Richard Hendriks</title>
|
||||
<meta name=\\"description\\" content=\\"Richard hails from Tulsa. He has earned degrees from the University of Oklahoma and Stanford. (Go Sooners and Cardinal!) Before starting Pied Piper, he worked for Hooli as a part time software developer. While his work focuses on applied information theory, mostly optimizing lossless compression schema of both the length-limited and adaptive variants, his non-work interests range widely, everything from quantum computing to chaos theory. He could tell you about it, but THAT would NOT be a “length-limited” conversation!\\">
|
||||
|
||||
<meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1\\">
|
||||
<link rel=\\"stylesheet\\" href=\\"https://fonts.googleapis.com/css?family=Lato:400,700&display=swap\\">
|
||||
<style></style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header class=\\"masthead\\">
|
||||
<img src=\\"image.jpg\\" alt=\\"\\">
|
||||
<div>
|
||||
<h1>Richard Hendriks</h1>
|
||||
<h2>Programmer</h2>
|
||||
</div>
|
||||
<article><p>Richard hails from Tulsa. He has earned degrees from the University of Oklahoma and Stanford. (Go Sooners and Cardinal!) Before starting Pied Piper, he worked for Hooli as a part time software developer. While his work focuses on applied information theory, mostly optimizing lossless compression schema of both the length-limited and adaptive variants, his non-work interests range widely, everything from quantum computing to chaos theory. He could tell you about it, but THAT would NOT be a “length-limited” conversation!</p></article>
|
||||
<ul class=\\"icon-list\\">
|
||||
|
||||
<li>
|
||||
<svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 24 24\\" fill=\\"none\\" stroke=\\"currentColor\\" stroke-width=\\"2\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" class=\\"feather feather-map-pin\\"><path d=\\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\\"></path><circle cx=\\"12\\" cy=\\"10\\" r=\\"3\\"></circle></svg>
|
||||
San Francisco, United States
|
||||
</li>
|
||||
|
||||
|
||||
<li>
|
||||
<svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 24 24\\" fill=\\"none\\" stroke=\\"currentColor\\" stroke-width=\\"2\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" class=\\"feather feather-mail\\"><path d=\\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\\"></path><polyline points=\\"22,6 12,13 2,6\\"></polyline></svg>
|
||||
<a href=\\"mailto:richard.hendriks@mail.com\\">richard.hendriks@mail.com</a>
|
||||
</li>
|
||||
|
||||
|
||||
<li>
|
||||
<svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 24 24\\" fill=\\"none\\" stroke=\\"currentColor\\" stroke-width=\\"2\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" class=\\"feather feather-phone\\"><path d=\\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\\"></path></svg>
|
||||
<a href=\\"tel:(912)555-4321\\">(912) 555-4321</a>
|
||||
</li>
|
||||
|
||||
|
||||
<li>
|
||||
<svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 24 24\\" fill=\\"none\\" stroke=\\"currentColor\\" stroke-width=\\"2\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" class=\\"feather feather-link\\"><path d=\\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\\"></path><path d=\\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\\"></path></svg>
|
||||
<a href=\\"http://richardhendricks.example.com\\">richardhendricks.example.com</a>
|
||||
</li>
|
||||
|
||||
|
||||
<li>
|
||||
<svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 24 24\\" fill=\\"none\\" stroke=\\"currentColor\\" stroke-width=\\"2\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" class=\\"feather feather-twitter\\"><path d=\\"M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z\\"></path></svg>
|
||||
neutralthoughts
|
||||
<span class=\\"network\\">(Twitter)</span>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 24 24\\" fill=\\"none\\" stroke=\\"currentColor\\" stroke-width=\\"2\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" class=\\"feather feather-user\\"><path d=\\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\\"></path><circle cx=\\"12\\" cy=\\"7\\" r=\\"4\\"></circle></svg>
|
||||
<a href=\\"https://soundcloud.example.com/dandymusicnl\\">dandymusicnl</a>
|
||||
<span class=\\"network\\">(SoundCloud)</span>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</header>
|
||||
|
||||
|
||||
<section id=\\"work\\">
|
||||
<h3>Work</h3>
|
||||
<div class=\\"stack\\">
|
||||
|
||||
<article>
|
||||
<header>
|
||||
<h4>CEO/President</h4>
|
||||
<div class=\\"meta\\">
|
||||
<div>
|
||||
<strong><a href=\\"http://piedpiper.example.com\\">Pied Piper</a></strong>
|
||||
<span class=\\"bullet-item\\">Awesome compression company</span>
|
||||
</div>
|
||||
<div><time datetime=\\"2013-12-01\\">Dec 2013</time> – <time datetime=\\"2014-12-01\\">Dec 2014</time></div>
|
||||
<div>Palo Alto, CA</div>
|
||||
</div>
|
||||
</header>
|
||||
<p>Pied Piper is a multi-platform technology based on a proprietary universal compression algorithm that has consistently fielded high Weisman Scores™ that are not merely competitive, but approach the theoretical limit of lossless compression.</p>
|
||||
|
||||
<ul>
|
||||
<li><p>Build an algorithm for artist to detect if their music was violating copy right infringement laws</p></li><li><p>Successfully won Techcrunch Disrupt</p></li><li><p>Optimized an algorithm that holds the current world record for Weisman Scores</p></li>
|
||||
</ul>
|
||||
|
||||
</article>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section id=\\"volunteer\\">
|
||||
<h3>Volunteer</h3>
|
||||
<div class=\\"stack\\">
|
||||
|
||||
<article>
|
||||
<header>
|
||||
<h4>Teacher</h4>
|
||||
<div class=\\"meta\\">
|
||||
<strong><a href=\\"http://coderdojo.example.com/\\">CoderDojo</a></strong>
|
||||
<div><time datetime=\\"2012-01-01\\">Jan 2012</time> – <time datetime=\\"2013-01-01\\">Jan 2013</time></div>
|
||||
</div>
|
||||
</header>
|
||||
<p>Global movement of free coding clubs for young people.</p>
|
||||
|
||||
<ul>
|
||||
<li><p>Awarded 'Teacher of the Month'</p></li>
|
||||
</ul>
|
||||
|
||||
</article>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section id=\\"education\\">
|
||||
<h3>Education</h3>
|
||||
<div class=\\"stack\\">
|
||||
|
||||
<article>
|
||||
<header>
|
||||
<h4><a href=\\"https://www.ou.edu/\\">University of Oklahoma</a></h4>
|
||||
<div class=\\"meta\\">
|
||||
<strong>Information Technology</strong>
|
||||
<div><time datetime=\\"2011-06-01\\">Jun 2011</time> – <time datetime=\\"2014-01-01\\">Jan 2014</time></div>
|
||||
</div>
|
||||
</header>
|
||||
<p>Bachelor</p>
|
||||
|
||||
<h5>Courses</h5>
|
||||
<ul>
|
||||
<li><p>DB1101 - Basic SQL</p></li><li><p>CS2011 - Java Introduction</p></li>
|
||||
</ul>
|
||||
|
||||
</article>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section id=\\"projects\\">
|
||||
<h3>Projects</h3>
|
||||
<div class=\\"stack\\">
|
||||
|
||||
<article>
|
||||
<header>
|
||||
<h4><a href=\\"missdirection.example.com\\">Miss Direction</a></h4>
|
||||
<div class=\\"meta\\">
|
||||
<div>
|
||||
<strong>Team lead and Designer</strong>
|
||||
at <strong>Smoogle</strong>
|
||||
</div>
|
||||
<div><time datetime=\\"2016-08-24\\">Aug 2016</time> – <time datetime=\\"2016-08-24\\">Aug 2016</time></div>
|
||||
</div>
|
||||
</header>
|
||||
<p>A mapping engine that misguides you</p>
|
||||
|
||||
<ul>
|
||||
<li><p>Won award at AIHacks 2016</p></li><li><p>Built by all women team of newbie programmers</p></li><li><p>Using modern technologies such as GoogleMaps, Chrome Extension and Javascript</p></li>
|
||||
</ul>
|
||||
|
||||
</article>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section id=\\"awards\\">
|
||||
<h3>Awards</h3>
|
||||
<div class=\\"stack\\">
|
||||
|
||||
<article>
|
||||
<header>
|
||||
<h4>Digital Compression Pioneer Award</h4>
|
||||
<div class=\\"meta\\">
|
||||
|
||||
<div>
|
||||
Awarded by <strong>Techcrunch</strong>
|
||||
</div>
|
||||
|
||||
<time datetime=\\"2014-11-01\\">Nov 2014</time>
|
||||
</div>
|
||||
</header>
|
||||
<p>There is no spoon.</p>
|
||||
</article>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<section id=\\"publications\\">
|
||||
<h3>Publications</h3>
|
||||
<div class=\\"stack\\">
|
||||
|
||||
<article>
|
||||
<header>
|
||||
<h4><a href=\\"http://en.wikipedia.org/wiki/Silicon_Valley_(TV_series)\\">Video compression for 3d media</a></h4>
|
||||
<div class=\\"meta\\">
|
||||
|
||||
<div>
|
||||
Published by <strong>Hooli</strong>
|
||||
</div>
|
||||
|
||||
<time datetime=\\"2014-10-01\\">Oct 2014</time>
|
||||
</div>
|
||||
</header>
|
||||
<p>Innovative middle-out compression algorithm that changes the way we store data.</p>
|
||||
</article>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section id=\\"skills\\">
|
||||
<h3>Skills</h3>
|
||||
<div class=\\"grid-list\\">
|
||||
|
||||
<div>
|
||||
<h4>Web Development</h4>
|
||||
|
||||
<ul class=\\"tag-list\\">
|
||||
<li>HTML</li><li>CSS</li><li>Javascript</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h4>Compression</h4>
|
||||
|
||||
<ul class=\\"tag-list\\">
|
||||
<li>Mpeg</li><li>MP4</li><li>GIF</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section id=\\"languages\\">
|
||||
<h3>Languages</h3>
|
||||
<div class=\\"grid-list\\">
|
||||
|
||||
<div>
|
||||
<h4>English</h4>
|
||||
Native speaker
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section id=\\"interests\\">
|
||||
<h3>Interests</h3>
|
||||
<div class=\\"grid-list\\">
|
||||
|
||||
<div>
|
||||
<h4>Wildlife</h4>
|
||||
|
||||
<ul class=\\"tag-list\\">
|
||||
<li>Ferrets</li><li>Unicorns</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section id=\\"references\\">
|
||||
<h3>References</h3>
|
||||
<div class=\\"stack\\">
|
||||
|
||||
<blockquote>
|
||||
<p>It is my pleasure to recommend Richard, his performance working as a consultant for Main St. Company proved that he will be a valuable addition to any company.</p>
|
||||
|
||||
<p>
|
||||
<cite>Erlich Bachman</cite>
|
||||
</p>
|
||||
|
||||
</blockquote>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</body>
|
||||
</html>"
|
||||
`;
|
||||
|
|
@ -1,5 +1,5 @@
|
|||
import { test } from 'tap'
|
||||
import { HtmlValidate } from 'html-validate'
|
||||
import { expect, it } from 'vitest'
|
||||
|
||||
import { render } from '../index.js'
|
||||
import resume from 'resume-schema/sample.resume.json' assert { type: 'json' }
|
||||
|
|
@ -7,12 +7,11 @@ import resume from 'resume-schema/sample.resume.json' assert { type: 'json' }
|
|||
// Overwrite empty sample resume values
|
||||
resume.basics.image = 'image.jpg'
|
||||
|
||||
test('renders a resume', t => {
|
||||
t.matchSnapshot(render(resume))
|
||||
t.end()
|
||||
it('renders a resume', () => {
|
||||
expect(render(resume)).toMatchSnapshot()
|
||||
})
|
||||
|
||||
test('renders valid HTML', t => {
|
||||
it('renders valid HTML', () => {
|
||||
const htmlvalidate = new HtmlValidate({
|
||||
extends: ['html-validate:recommended'],
|
||||
rules: {
|
||||
|
|
@ -25,6 +24,5 @@ test('renders valid HTML', t => {
|
|||
results: [{ messages } = {}],
|
||||
} = htmlvalidate.validateString(render(resume))
|
||||
|
||||
t.equal(messages, undefined)
|
||||
t.end()
|
||||
expect(messages).toBeUndefined()
|
||||
})
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
import { defineConfig } from 'vite'
|
||||
import pkg from './package.json' assert { type: 'json' }
|
||||
|
||||
export default defineConfig({
|
||||
build: {
|
||||
copyPublicDir: false,
|
||||
lib: {
|
||||
entry: './index.js',
|
||||
fileName: 'index',
|
||||
formats: ['es', 'cjs', 'umd'],
|
||||
name: 'jsonresumeThemeEven',
|
||||
},
|
||||
rollupOptions: {
|
||||
external: [...Object.keys(pkg.dependencies), /^node:.*/],
|
||||
},
|
||||
target: 'esnext',
|
||||
test: {
|
||||
clearMocks: true,
|
||||
},
|
||||
},
|
||||
})
|
||||
Loading…
Reference in New Issue