feat(deps): migrate to Vite and Vitest
This commit is contained in:
Rafael Bardini
parent
73d48f2dfe
commit
5bd2f96071
|
|
@ -4,6 +4,7 @@
|
||||||
"node": true
|
"node": true
|
||||||
},
|
},
|
||||||
"extends": "eslint:recommended",
|
"extends": "eslint:recommended",
|
||||||
|
"ignorePatterns": ["test", "vite.config.js"],
|
||||||
"parserOptions": {
|
"parserOptions": {
|
||||||
"sourceType": "module"
|
"sourceType": "module"
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -21,7 +21,7 @@ jobs:
|
||||||
run: npm run lint
|
run: npm run lint
|
||||||
|
|
||||||
- name: Test
|
- name: Test
|
||||||
run: npm test
|
run: npm test -- --coverage
|
||||||
|
|
||||||
- name: Build
|
- name: Build
|
||||||
run: npm run build
|
run: npm run build
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,4 @@
|
||||||
.DS_Store
|
.DS_Store
|
||||||
.nyc_output
|
|
||||||
coverage
|
coverage
|
||||||
dist
|
dist
|
||||||
node_modules
|
node_modules
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
#!/bin/sh
|
#!/bin/sh
|
||||||
. "$(dirname "$0")/_/husky.sh"
|
. "$(dirname "$0")/_/husky.sh"
|
||||||
|
|
||||||
npm test
|
npm test -- run
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,3 @@
|
||||||
.nyc_output
|
.nyc_output
|
||||||
coverage
|
coverage
|
||||||
public
|
public
|
||||||
tap-snapshots
|
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
#!/usr/bin/env node
|
#!/usr/bin/env node
|
||||||
import fs from 'fs'
|
import fs from 'node:fs'
|
||||||
import { render } from '../dist/index.modern.js'
|
import { render } from '../dist/index.js'
|
||||||
|
|
||||||
const resume = JSON.parse(fs.readFileSync(process.stdin.fd, 'utf-8'))
|
const resume = JSON.parse(fs.readFileSync(process.stdin.fd, 'utf-8'))
|
||||||
const html = render(resume)
|
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'
|
import Resume from './resume.js'
|
||||||
|
import css from './style.css?inline'
|
||||||
const dirname = typeof __dirname === 'string'
|
|
||||||
? __dirname
|
|
||||||
: path.dirname(fileURLToPath(import.meta.url))
|
|
||||||
|
|
||||||
export const pdfRenderOptions = { mediaType: 'print' }
|
export const pdfRenderOptions = { mediaType: 'print' }
|
||||||
|
|
||||||
export const render = resume => {
|
export const render = resume => {
|
||||||
const css = fs.readFileSync(path.resolve(dirname, 'style.css'), 'utf-8')
|
|
||||||
|
|
||||||
return Resume(resume, css)
|
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",
|
"type": "module",
|
||||||
"exports": {
|
"exports": {
|
||||||
"require": "./dist/index.cjs",
|
"require": "./dist/index.cjs",
|
||||||
"default": "./dist/index.modern.js"
|
"default": "./dist/index.js"
|
||||||
},
|
},
|
||||||
"main": "./dist/index.cjs",
|
"main": "./dist/index.cjs",
|
||||||
"unpkg": "./dist/index.umd.js",
|
"unpkg": "./dist/index.umd.cjs",
|
||||||
"module": "./dist/index.module.js",
|
"module": "./dist/index.js",
|
||||||
"source": "index.js",
|
"source": "index.js",
|
||||||
"bin": {
|
"bin": {
|
||||||
"jsonresume-theme-even": "bin/cli.js"
|
"jsonresume-theme-even": "bin/cli.js"
|
||||||
|
|
@ -37,15 +37,14 @@
|
||||||
"dist"
|
"dist"
|
||||||
],
|
],
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"build": "microbundle build --target node",
|
"build": "vite build",
|
||||||
"postbuild": "cp -r style.css dist",
|
|
||||||
"prebuild:demo": "npm run 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 .",
|
"format": "prettier --ignore-path .gitignore .",
|
||||||
"lint": "eslint --ignore-path .gitignore --ignore-pattern test .",
|
"lint": "eslint --ignore-path .gitignore .",
|
||||||
"prepare": "husky install",
|
"prepare": "husky install",
|
||||||
"prepublishOnly": "npm run build",
|
"prepublishOnly": "npm run build",
|
||||||
"test": "c8 tap --node-arg=--experimental-json-modules --no-coverage"
|
"test": "vitest"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"feather-icons": "^4.28.0",
|
"feather-icons": "^4.28.0",
|
||||||
|
|
@ -53,14 +52,15 @@
|
||||||
"striptags": "^3.2.0"
|
"striptags": "^3.2.0"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"c8": "7.12.0",
|
"@vitest/coverage-c8": "0.28.3",
|
||||||
"eslint": "8.31.0",
|
"eslint": "8.31.0",
|
||||||
"html-validate": "7.12.1",
|
"html-validate": "7.12.1",
|
||||||
"husky": "8.0.3",
|
"husky": "8.0.3",
|
||||||
"lint-staged": "13.1.0",
|
"lint-staged": "13.1.0",
|
||||||
"microbundle": "0.15.1",
|
|
||||||
"prettier": "2.8.2",
|
"prettier": "2.8.2",
|
||||||
|
"prettier-plugin-packagejson": "2.4.2",
|
||||||
"resume-schema": "1.0.0",
|
"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 { HtmlValidate } from 'html-validate'
|
||||||
|
import { expect, it } from 'vitest'
|
||||||
|
|
||||||
import { render } from '../index.js'
|
import { render } from '../index.js'
|
||||||
import resume from 'resume-schema/sample.resume.json' assert { type: 'json' }
|
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
|
// Overwrite empty sample resume values
|
||||||
resume.basics.image = 'image.jpg'
|
resume.basics.image = 'image.jpg'
|
||||||
|
|
||||||
test('renders a resume', t => {
|
it('renders a resume', () => {
|
||||||
t.matchSnapshot(render(resume))
|
expect(render(resume)).toMatchSnapshot()
|
||||||
t.end()
|
|
||||||
})
|
})
|
||||||
|
|
||||||
test('renders valid HTML', t => {
|
it('renders valid HTML', () => {
|
||||||
const htmlvalidate = new HtmlValidate({
|
const htmlvalidate = new HtmlValidate({
|
||||||
extends: ['html-validate:recommended'],
|
extends: ['html-validate:recommended'],
|
||||||
rules: {
|
rules: {
|
||||||
|
|
@ -25,6 +24,5 @@ test('renders valid HTML', t => {
|
||||||
results: [{ messages } = {}],
|
results: [{ messages } = {}],
|
||||||
} = htmlvalidate.validateString(render(resume))
|
} = htmlvalidate.validateString(render(resume))
|
||||||
|
|
||||||
t.equal(messages, undefined)
|
expect(messages).toBeUndefined()
|
||||||
t.end()
|
|
||||||
})
|
})
|
||||||
|
|
@ -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