Original(japanese) https://zenn.dev/mizchi/articles/standalone-html-frontend
Mostly translated by deepl
Note: Do not use in production, tailwind is running in CDN mode and esm.sh builds scripts dynamically, so performance is not good.
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Document</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <style type="text/tailwindcss"> | |
| @tailwind base; |
1~2 ラウンドの勝敗を分けるものはなにか。
Backpack Battles で 1~2R でスタミナが切れない想定で、ダメージ/回復/ブロックを同じ価値としてゴールドあたりの効率を計算する。 初期バッグや石は考慮しない
Banana 0.26/gold
Banana(Sale) 0.40/gold
| import { test, expect } from 'vitest'; | |
| import { build, splitVendorChunkPlugin } from 'vite'; | |
| import path from 'path'; | |
| import { OutputAsset, OutputBundle, OutputChunk, RollupOutput } from 'rollup'; | |
| import ts from 'typescript'; | |
| const root = path.join(__dirname, "__fixtures") | |
| test("nested", async () => { | |
| const a = 'export default Math.random()'; |
| import {test, expect} from 'vitest'; | |
| test("nested", async () => { | |
| const a = 'export default Math.random()'; | |
| const b = `export default () => import('data:text/javascript;base64,${btoa(a)}')`; | |
| const bmod = await import(`data:text/javascript;base64,${btoa(b)}`); | |
| const amod = await import(`data:text/javascript;base64,${btoa(a)}`); | |
| expect(await bmod.default()).not.toBe(await amod.default); | |
| }); |
| /* | |
| Grid css layout utilities for [x, y, w, h] grid areas. | |
| Example: | |
| export default function App() { | |
| return ( | |
| <> | |
| <Grid | |
| rows={["32px", "1fr", "1fr", "1fr", "1fr"]} |
| fn main() { | |
| let x: Option<Result<(&str, &str), ()>> = Some(Ok(("x", "y"))); | |
| // if let | |
| if let Some(Ok((a, _))) = x { | |
| if a == "x" { | |
| println!("a=x"); | |
| } | |
| } | |
| // match | |
| match x { |
| #!/usr/bin/env -S deno run -A | |
| /* | |
| $ edit ~/bin/cmd | |
| $ chmod +x ~/bin/cmd | |
| $ cmd -f | |
| # Run | |
| $ ls -al | |
| total 24 | |
| drwxr-xr-x 10 kotaro.chikuba staff 320 Sep 22 20:16 . | |
| drwxr-xr-x 9 kotaro.chikuba staff 288 Sep 22 20:01 .git |
| import ts from "typescript"; | |
| import { cloneNode } from "ts-clone-node"; | |
| import { expect, test } from "vitest"; | |
| test("jsx pure adder", async (t) => { | |
| const transformer: ts.TransformerFactory<any> = (context) => { | |
| return (sourceFile) => { | |
| const visitor: ts.Visitor = (node) => { | |
| if (ts.isCallExpression(node)) { | |
| if (ts.isIdentifier(node.expression) && (node.expression.text === "_jsx" || node.expression.text === "_jsxs")) { |
| // src/Root.tsx | |
| import {useState} from "react"; | |
| export default function Root() { | |
| const [count, setCount] = useState(0); | |
| return <div> | |
| <h1>App</h1> | |
| <button type="button" onClick={() => setCount(n => n+1)}>{count}</button> | |
| </div> | |
| } |