nattoppet 2.1.1 → 4.1.0

package/assets/manuscript.cls

@@ -1,30 +0,0 @@
-\NeedsTeXFormat{LaTeX2e}
-\ProvidesClass{myarticle}[Article class of ylxdzsw's favor]
-
-\DeclareOption*{\PassOptionsToClass{\CurrentOption}{article}}
-\ProcessOptions
-
-\LoadClass[a4paper, 11pt]{article}
-
-\RequirePackage[left=1.1in,right=1.1in,top=1in,bottom=1in]{geometry}
-\RequirePackage[utf8]{inputenc}
-
-\makeatletter
-    \def\@maketitle{%
-  \newpage
-  \null
-  \begin{center}%
-  \let \footnote \thanks
-    {\LARGE \@title \par}%
-    \vskip 1.5em%
-    {\large
-      \lineskip .5em%
-      \begin{tabular}[t]{c}%
-        \@author\quad\textbar\quad\@date
-      \end{tabular}\par}%
-  \end{center}%
-  \par
-  \vskip 1.5em}
-\makeatother
-
-\endinput

package/common.ymd

@@ -1,74 +0,0 @@
-[require]=
-const {args: [file]} = std_call()
-const content = read(file)
-switch (extname(file)) {
-    case 'less':
-        `<style>${render_less(content)}</style>`; break
-    case 'css':
-        `<style>${content}</style>`; break
-    case 'coffee':
-        `<script>${render_coffee(content, { bare: true })}</script>`; break
-    case 'js':
-        `<script>${content}</script>`; break
-    case 'md':
-        render_markdown(content); break
-    default:
-        content; break
-}
-
-[img]=
-const {opts, args: [file, alt]} = std_call()
-const classes = opts.join(' ')
-const mimesuf = extname(file) == 'svg' ? 'svg+xml' : extname(file)
-const content = `data:image/${mimesuf};base64,` + read(file, 'base64')
-const htmltag = `<img class="${classes}" src="${content}" alt="${alt || ''}"/>`
-opts.includes('center') ? `<div style="text-align:center">${htmltag}</div>` : htmltag
-
-[h2]= `<h2>${interpret(capture_until('\n'))}</h2>`
-[h3]= `<h3>${interpret(capture_until('\n'))}</h3>`
-[h4]= `<h4>${interpret(capture_until('\n'))}</h4>`
-
-[quote]=
-const {opts, block} = std_call(true)
-;`<blockquote class="${opts.join(' ')}">${interpret(block)}</blockquote>`
-
-[#]= std_call(true), ''
-
-[-]=
-const {opts, block} = std_call(true)
-;`<li class="${opts.join(' ')}">${interpret(block)}</li>`
-
-[file]=
-const {args: [file, text]} = std_call()
-const content = "data:application/octet-stream;base64," + read(file, 'base64')
-;`<a download="${basename(file)}" href="${content}">${text ? interpret(text) : basename(file)}</a>`
-
-[code]=
-const {opts: [language], args: [content], block} = std_call()
-const code = `<code ${language ? `class="language-${language}"` : ''}>${content || block.slice(1)}</code>`
-content ? code : `<pre>${code}</pre>`
-
-[link]=
-const {opts: [id], args: [href, text]} = std_call()
-const content = text || capture_until('\n').trim() || href
-;`<a ${id ? `id="${id}"` : ''} href="${href}">${interpret(content)}</a>`
-
-[sup]=
-const {args: [text]} = std_call()
-;`<sup>${interpret(text)}</sup>`
-
-[$]=
-const tex = capture_until('$')
-render_katex(tex, false)
-
-[$$]=
-const {block} = std_call(true)
-render_katex(block, true)
-
-[eval]=
-const {block} = std_call(true)
-eval(block)
-
-[eval*]=
-const {block} = std_call(true)
-eval(block); ''

package/compiler.js

@@ -1,120 +0,0 @@
-'use strict'
-
-const vm = require("vm")
-
-const pattern = /^(?:\[(.+?)\]([:=])|\[mixin\] (.+?)\n)/m
-
-const tokenize = (str, rpath=x=>x) => {
-    const tokens = []
-
-    while (true) {
-        const m = str.match(pattern)
-        if (!m) {
-            if (str) tokens.push({ type: 'text', content: str })
-            break
-        }
-
-        if (m.index > 0) {
-            tokens.push({ type: 'text', content: str.substring(0, m.index) })
-        }
-
-        if (m[3]) {
-            tokens.push({ type: 'mixin', path: m[3] })
-            str = str.substring(m.index + m[0].length)
-            continue
-        }
-
-        const name = m[1]
-        const type = m[2] == ':' ? 'ref' : 'fn'
-        str = str.substring(m.index + m[0].length)
-
-        const p1 = str.indexOf('\n\n')
-        const p2 = str.search(pattern)
-        const p = p1 >= 0 && p2 >= 0 ? Math.min(p1+1, p2) :
-                  p1 < 0 && p2 < 0 ? str.length : Math.max(p1+1, p2)
-
-        const content = str.substring(0, p).trim()
-        str = str.substring(p)
-
-        tokens.push({ type, name, content })
-    }
-
-    for (let i = 0; i < tokens.length; i++) if (tokens[i].type == 'mixin') {
-        const fs = require('fs')
-        const path = rpath(tokens[i].path)
-        const stat = fs.statSync(path)
-        if (stat.isDirectory()) { // include before and after
-            const before = tokenize(fs.readFileSync(path + '/before.ymd', 'utf8'), rpath)
-            const after = tokenize(fs.readFileSync(path + '/after.ymd', 'utf8'), rpath)
-            tokens.splice(i, 1, ...before)
-            tokens.push(...after)
-        } else {
-            const mixins = tokenize(fs.readFileSync(path, 'utf8'), rpath)
-            tokens.splice(i, 1, ...mixins)
-        }
-        i -= 1 // revisit i since we replaced it
-    }
-
-    return tokens
-}
-
-const interpret = (str, env, defs) => {
-    const p1 = str.search(/^  /m)
-    const p2 = str.search(/\[(.+?)\]/)
-    if (p1 < 0 && p2 < 0) return str
-
-    if (p2 < 0 || (p1 >= 0 && p1 < p2)) {
-        const head = str.substring(0, p1)
-        str = str.substring(p1+2)
-        let p = str.indexOf('\n\n')
-        if (p < 0) p = str.length
-        return head + '<p>' + interpret(str.substring(0, p), env, defs) + '</p>' + interpret(str.substring(p+1), env, defs)
-    }
-
-    const name = str.match(/\[(.+?)\]/)[1]
-    const i = defs.findIndex(x => x.name == name)
-    if (i < 0) throw `definition ${name} not found`
-
-    const def = defs[i]
-    switch (def.type) {
-        case 'fn':
-            env.remaining = str.substring(p2 + name.length + 2)
-            env.interpret = str => { // a "scoped" interpret function capable for interpreting substrings. We preserve the "remaining" property outside.
-                const remaining = env.remaining
-                const result = interpret(str, env, defs) // We gaved full defs available on the call site (dynamic scoping) as the text to be interpreted is part of the call site text.
-                env.remaining = remaining
-                return result
-            }
-            const result = vm.runInContext('{' + def.content + '}', env)
-            return str.substring(0, p2) + result + interpret(env.remaining, env, defs)
-        case 'ref':
-            return str.substring(0, p2) +
-                interpret(def.content, env, defs.slice(i+1)) + // However for ref we use lexical scoping. Exclude self to prevent recusion
-                interpret(str.substring(p2 + name.length + 2), env, defs)
-        default: throw 'unknown defs type'
-    }
-}
-
-exports.compile = (str, locals={}) => {
-    const env = vm.createContext(locals)
-    for (const k in env) if (typeof(env[k]) == 'function')
-        env[k] = env[k].bind(env)
-
-    let tokens = tokenize(str, env.rpath)
-    let output = ''
-    while (true) {
-        const token = tokens.shift()
-        if (!token) return output
-        if (token.type == 'text') {
-            output += interpret(token.content, env, tokens)
-        }
-    }
-}
-
-/*
-TODO:
-1. support first-class markdown-like nestable lists
-2. cleanup the spaces, carefully define when to trim
-3. require a newline before indent to open paragraph?
-4. provide relative path resolution inside mixins
-*/

package/koa/before.ymd

@@ -1,12 +0,0 @@
-<!doctype html>
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<meta name="author" content="ylxdzsw@gmail.com">
-<meta charset="utf-8">
-<title>[title] | ylxdzsw's blog</title>
-
-[require](@std/koa/koa.less)
-
-<section id="title">
-<h1>[title]</h1>
-
-[eval*] this.sections = []

package/koa/koa.less

@@ -1,179 +0,0 @@
-html {
-    font-family: serif;
-    font-size: 18px;
-    line-height: 1.5;
-    width: 100%;
-    height: 100%;
-
-    background: white;
-    color: #33333d;
-
-    @media (max-width: 625px) {
-        font-size: 16px;
-        text-align: justify;
-        hyphens: auto;
-    }
-}
-
-body {
-    height: 100%;
-    width: 100%;
-    padding: 0;
-    margin: 0;
-    overflow-y: scroll;
-}
-
-a {
-    color: #027AD2;
-}
-
-section {
-    min-height: 50%;
-    padding: 150px 10vw;
-
-    @media (max-width: 625px) {
-        padding: 25px 1.25rem;
-    }
-
-    &:nth-child(2n-1) {
-        background: #fbfbfb;
-        box-shadow: inset 0 1px 0 0 white;
-    }
-
-    &:not(:last-child) {
-        border-bottom: 1px solid #eee;
-    }
-}
-
-pre {
-    background: white;
-    border-top: 1px solid #eee;
-    border-bottom: 1px solid #eee;
-    padding: 25px;
-    font-size: .8rem;
-    text-align: left;
-    overflow-x: auto;
-}
-
-code {
-    font-family: monospace;
-}
-
-h2 {
-    margin-top: 40px;
-    font-size: 2rem;
-}
-
-h3 {
-    margin-top: 80px;
-    font-size: 1.2rem;
-}
-
-h4 {
-    margin-top: 40px;
-    font-size: 1rem;
-}
-
-ul li {
-    font-size: .9rem;
-}
-
-p {
-    text-indent: 2rem;
-}
-
-#title {
-    padding: 0;
-    height: 100%;
-    text-align: center;
-    position: relative;
-
-    @media (max-width: 625px) {
-        height: 40vh;
-    }
-
-    h1 {
-        position: absolute;
-        top: 45%;
-        width: 100%;
-        transform: translateY(-50%);
-        margin: 0;
-
-        font-size: 6rem;
-        font-weight: normal;
-
-        @media (max-width: 625px) {
-            font-size: 3rem;
-        }
-    }
-}
-
-#nav {
-    position: fixed;
-    top: 35px;
-    right: 30px;
-    z-index: 5;
-
-    @media (max-width: 625px) {
-        top: 15px;
-        right: 10px;
-    }
-
-    #nav-icon {
-        position: absolute;
-        top: 0;
-        right: 0;
-        padding: 6px;
-        background: rgba(255,255,255,.9);
-        border-radius: 2px;
-        border: 1px solid transparent;
-        font-size: 0;
-        z-index: 4;
-    }
-
-    #nav-menu {
-        display: none;
-        position: relative;
-        top: 35px;
-        right: 0;
-        margin: 0;
-        border: 1px solid #efefef;
-        border-bottom: 1px solid #ddd;
-        border-radius: 2px;
-        padding: 25px;
-        background: rgba(255,255,255,.95);
-        box-shadow: 0 1px 3px 0 #eee;
-        z-index: 3;
-
-        li {
-            list-style: none;
-
-            a {
-                display: block;
-                text-decoration: none;
-                padding: 3px 0;
-                color: inherit;
-                font-size: 1rem;
-
-                &:hover {
-                    text-decoration: underline;
-                }
-            }
-        }
-    }
-
-    &:hover {
-        ul {
-            display: block;
-        }
-
-        #nav-icon {
-            border: 1px solid #efefef;
-            border-bottom: none;
-        }
-
-        #nav-menu {
-            display: block;
-        }
-    }
-}

package/native/Cargo.toml

@@ -1,13 +0,0 @@
-[package]
-name = "nattoppet_native"
-version = "0.1.0"
-edition = "2021"
-
-[dependencies]
-web-view = { version = "0.7", features = ["edge"] }
-
-[target.'cfg(windows)'.build-dependencies]
-winres = "0.1"
-
-[package.metadata.winres]
-ProductName = "A nattoppet native app"

package/native/build.rs

@@ -1,12 +0,0 @@
-#[cfg(windows)]
-extern crate winres;
-
-#[cfg(windows)]
-fn main() {
-    let mut res = winres::WindowsResource::new();
-    res.set_icon("../icon.ico");
-    res.compile().unwrap();
-}
-
-#[cfg(not(windows))]
-fn main() {}

package/native/src/main.rs

@@ -1,22 +0,0 @@
-#![windows_subsystem = "windows"]
-
-use web_view::*;
-
-fn main() {
-    static HTML_CONTENT: &str = include_str!("../target/bundle.html");
-
-    web_view::builder()
-        .title("Nattoppet Native")
-        .content(Content::Html(HTML_CONTENT))
-        .size(600, 480)
-        .resizable(false)
-        .debug(cfg!(debug_assertions))
-        .user_data(())
-        .invoke_handler(handler)
-        .run()
-        .unwrap();
-}
-
-fn handler(webview: &mut WebView<()>, arg: &str) -> WVResult {
-    Ok(())
-}

package/nattoppet-dev.js

@@ -1,58 +0,0 @@
-#!/usr/bin/env node
-
-'use strict'
-
-const file = process.argv[2]
-
-if (process.argv.length != 3 || file == "--help")
-    return console.log("Usage: nattoppet-dev [file]")
-
-const fs = require('fs')
-const cp = require('child_process')
-const http = require('http')
-
-let content = "start watching..."
-let busy = 0
-let queued = false
-let lastevent = Date.now()
-
-const done = () => {
-    busy = (busy + 1) % 3
-    !busy && queued && start(queued = false)
-}
-
-const start = (init=false) => {
-    const child = cp.spawn(__dirname + '/nattoppet.js', [file, '--dev'])
-    let buffer = ''
-    child.stdout.on('data', chunk => buffer += chunk)
-    child.on('close', code => {
-        if (code == 0) {
-            console.log(init ? "rendered" : "updated")
-            content = buffer
-        } else
-            console.error("failed") // todo: print time
-        done()
-    })
-    setTimeout(done, 500)
-    busy++
-}
-
-fs.watch(file).addListener("change", () => {
-    if (Date.now() - lastevent < 50) return // hard throttle, not even queue it
-    lastevent = Date.now()
-    if (busy) return queued = true // soft throttle, queue at most one task
-    start()
-})
-
-http.createServer((req, res) => {
-    res.writeHead(200, { 'Content-Type': 'text/html' })
-    res.end(content)
-}).listen(3939)
-
-const browser = process.env.BROWSER || ({ darwin: 'open', win32: 'start', win64: 'start' })[process.platform] || 'xdg-open'
-
-browser.includes('chrom')
-    ? cp.exec(`${browser} --app=http://127.0.0.1:3939`)
-    : cp.exec(`${browser} http://127.0.0.1:3939`)
-
-start(true)

package/nattoppet-native.js

@@ -1,49 +0,0 @@
-#!/usr/bin/env node
-
-'use strict'
-
-const fs = require('fs')
-const cp = require('child_process')
-const path = require('path')
-
-const init = () => {
-    fs.mkdirSync('native')
-    fs.mkdirSync('native/src')
-    fs.mkdirSync('native/target')
-    fs.copyFileSync(path.join(__dirname, 'native', 'src', 'main.rs'), 'native/src/main.rs')
-    fs.copyFileSync(path.join(__dirname, 'native', 'build.rs'), 'native/build.rs')
-    fs.copyFileSync(path.join(__dirname, 'native', 'Cargo.toml'), 'native/Cargo.toml')
-}
-
-const bundle = () => {
-    const child = cp.spawnSync(__dirname + '/nattoppet.js', [process.argv[3]])
-    if (child.stderr.length) {
-        console.error(child.stderr.toString())
-    }
-    fs.writeFileSync('native/target/bundle.html', child.stdout)
-}
-
-const build = () => {
-    bundle()
-    const child = cp.spawn('cargo', ['build', '--release'], { cwd: 'native' })
-    child.stdout.pipe(process.stdout)
-    child.stderr.pipe(process.stderr)
-    child.on('exit', (code) => {
-        if (code != 0) {
-            console.error("Cargo exit with code: " + code)
-        } else {
-            console.log("building finished. Check native/target/release/")
-        }
-    })
-}
-
-const help = () => {
-    console.log("Usage: nattoppet-native [init|bundle|build]")
-}
-
-switch (process.argv[2]) {
-    case 'init': return init()
-    case 'bundle': return bundle()
-    case 'build': return build()
-    default: return help()
-}

package/nattoppet.js

@@ -1,26 +0,0 @@
-#!/usr/bin/env node
-
-'use strict'
-
-const fs = require('fs')
-const path = require('path')
-const stdlib = require('./stdlib')
-const compiler = require('./compiler')
-const minifier = require('html-minifier')
-
-const file = process.argv[2] || 0
-const dir = file ? path.dirname(path.resolve(file)) : process.cwd()
-const str = fs.readFileSync(file, 'utf8')
-const env = { ...stdlib, base_dir: dir }
-const raw = compiler.compile(str, env)
-const out = process.argv.includes('--dev', 1) ? raw : minifier.minify(raw, {
-    collapseWhitespace: true,
-    removeAttributeQuotes: true,
-    removeComments: true,
-    removeRedundantAttributes: true,
-    removeOptionalTags: true,
-    minifyCSS: true,
-    minifyJS: true,
-})
-
-process.stdout.write(out)

package/ppt/before.ymd

@@ -1,8 +0,0 @@
-<!doctype html>
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<meta name="author" content="ylxdzsw@gmail.com">
-<meta charset="utf-8">
-<title>[title] | ylxdzsw's blog</title>
-
-[require](@std/ppt/ppt.less)
-[require](@std/ppt/ppt.coffee)

package/ppt/ppt.coffee

@@ -1,61 +0,0 @@
-# events: click, delay, sim
-# time-for-delay: short, long
-# fx: slide, fade, fx-[color]
-# time-for-fx: fast, slow
-
-init = ->
-    scens = [].slice.call document.querySelectorAll '.scen'
-    current = scens[0]
-    timeline = 0
-    clickListener = ->
-
-    enter = (x) ->
-        x.classList.add 'active'
-        fx ++timeline, [].slice.call x.querySelectorAll '.click, .delay, .sim'
-
-    inview = (x) ->
-        { top, height } = do x.getBoundingClientRect
-        top <= innerHeight / 2 <= top + height
-
-    update = ->
-        if not inview current
-            for x in scens
-                if inview x
-                    for e in document.querySelectorAll('.active')
-                        e.classList.remove 'active'
-                    enter x
-                    current = x
-                    break
-
-    fx = (t, [head, tail...]) ->
-        if not head?
-            return
-
-        cb = ->
-            if t isnt timeline
-                return
-            head.classList.add 'active'
-            fx t, tail
-
-        if head.classList.contains 'click'
-            clickListener = cb
-        else if head.classList.contains 'delay'
-            if head.classList.contains 'long'
-                setTimeout cb, 800
-            else if head.classList.contains 'short'
-                setTimeout cb, 200
-            else
-                setTimeout cb, 400
-        else if head.classList.contains 'sim'
-            do cb
-
-    enter current
-    addEventListener 'click', -> do clickListener
-    addEventListener 'scroll', update
-    addEventListener 'resize', update
-    setInterval update, 2000
-
-if document.readyState == 'loading'
-    document.addEventListener 'DOMContentLoaded', init
-else
-    do init