ウホ

TNTSuperMan · TNTSuperMan · commit 7036e7c66d8f · 2025-09-09T05:25:02.000+09:00
diff --git a/.editorconfig b/.editorconfig
@@ -0,0 +1,5 @@
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -0,0 +1,23 @@
+
+on:
+  push:
+    branches: ["main"]
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+jobs:
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: oven-sh/setup-bun@v2
+      - run: bun i && bun build
+      - uses: actions/configure-pages@v5
+      - uses: actions/upload-pages-artifact@v3
+        with:
+          path: './dist'
+      - uses: actions/deploy-pages@v4
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,34 @@
+# dependencies (bun install)
+node_modules
+
+# output
+out
+dist
+*.tgz
+
+# code coverage
+coverage
+*.lcov
+
+# logs
+logs
+_.log
+report.[0-9]_.[0-9]_.[0-9]_.[0-9]_.json
+
+# dotenv environment variable files
+.env
+.env.development.local
+.env.test.local
+.env.production.local
+.env.local
+
+# caches
+.eslintcache
+.cache
+*.tsbuildinfo
+
+# IntelliJ based IDEs
+.idea
+
+# Finder (MacOS) folder config
+.DS_Store
diff --git a/README.md b/README.md
@@ -0,0 +1,16 @@
+# litetool
+Base64エンコードとかのWebツールに広告やトラッカー蔓延っててなんか気に食わなかったのでオープンソースでWebツール作ってみたっていうやつです
+
+To install dependencies:
+
+```bash
+bun install
+```
+
+To run:
+
+```bash
+bun run index.ts
+```
+
+This project was created using `bun init` in bun v1.2.21. [Bun](https://bun.com) is a fast all-in-one JavaScript runtime.
diff --git a/bun.lock b/bun.lock
diff --git a/index.html b/index.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="style/main.css">
+  <title>litetool</title>
+</head>
+<body>
+  <header>
+    <h1><a href="#top">litetool</a></h1>
+    <nav>
+      <a href="#urlencode">URLエンコード</a>
+      <a href="#urldecode">URLデコード</a>
+      <a href="#radix">進数変換</a>
+    </nav>
+  </header>
+  <main>
+    <article id="top">
+      <h1>litetool</h1>
+      <p>
+        広告も、トラッカーも無い、シンプルで透明性の高いクリーンなWebツールです。<br>
+        GitHubリポジトリ: <a target="_blank" href="https://github.com/TNTSuperMan/litetool">TNTSuperMan/litetool</a>
+      </p>
+    </article>
+    <article id="urlencode">
+      <div class="input">
+        <h1>URLエンコード</h1>
+        <aside>使われている技術: <a target="_blank" href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/encodeURIComponent">encodeURIComponent</a></aside>
+        <textarea></textarea>
+        <button hidden>変換</button>
+      </div>
+      <samp></samp>
+    </article>
+    <article id="urldecode">
+      <div class="input">
+        <h1>URLでコード</h1>
+        <aside>使われている技術: <a target="_blank" href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/decodeURIComponent">decodeURIComponent</a></aside>
+        <textarea></textarea>
+        <button hidden>変換</button>
+      </div>
+      <samp></samp>
+    </article>
+    <article id="radix">
+      <div class="input">
+        <h1>進数変換</h1>
+        <aside>使われている技術:
+          <a target="_blank" href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Number/toString">Number.prototype.toString</a>
+          ・
+          <a target="_blank" href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/BigInt/toString">BigInt.prototype.toString</a>
+        </aside>
+        <input id="input" type="number" value="0"><br>
+        <label><input class="mini" id="inradix" type="number" value="10" max="53">進数</label>
+        <button hidden>変換</button>
+        <div class="error" hidden></div>
+      </div>
+      <div class="output">
+        <table>
+          <tr><td>2進数</td><td id="bin"></td></tr>
+          <tr><td>8進数</td><td id="oct"></td></tr>
+          <tr><td>10進数</td><td id="dec"></td></tr>
+          <tr><td>16進数</td><td id="hex"></td></tr>
+          <tr><td><input class="mini" id="outradix" value="32" type="number">進数</td><td id="out"></td></tr>
+        </table>
+      </div>
+    </article>
+  </main>
+  <script src="src/index.ts"></script>
+</body>
+</html>
diff --git a/package.json b/package.json
@@ -0,0 +1,15 @@
+{
+  "name": "litetool",
+  "module": "index.ts",
+  "peerDependencies": {
+    "typescript": "^5"
+  },
+  "private": true,
+  "type": "module",
+  "dependencies": {
+    "base64-js": "^1.5.1"
+  },
+  "scripts": {
+    "build": "bun build --outdir=dist ./index.html"
+  }
+}
diff --git a/serve.js b/serve.js
@@ -0,0 +1,12 @@
+import index from "./index.html";
+
+export default {
+  routes: {
+    "/": index
+  },
+  fetch: () => new Response,
+  development: {
+    hmr: true,
+    console: true
+  }
+}
diff --git a/src/hash.ts b/src/hash.ts
@@ -0,0 +1,24 @@
+const ACTIVE_CLASS_NAME = "active";
+
+let before_hash: string | null = null;
+
+function updateHash() {
+  const hash = location.hash.substring(1);
+  
+  if(before_hash)
+    document.getElementById(before_hash)!.classList.remove(ACTIVE_CLASS_NAME);
+
+  const article = document.getElementById(hash);
+
+  if(!article) {
+    before_hash = "top";
+    document.getElementById("top")!.classList.add(ACTIVE_CLASS_NAME);
+  } else {
+    before_hash = hash;
+    article.classList.add(ACTIVE_CLASS_NAME);
+  }
+}
+
+addEventListener("hashchange", updateHash);
+
+updateHash();
diff --git a/src/index.ts b/src/index.ts
@@ -0,0 +1,2 @@
+import "./hash";
+import "./tools";
diff --git a/src/tools/index.ts b/src/tools/index.ts
@@ -0,0 +1,5 @@
+import "./urlencode";
+import "./urldecode";
+import "./radix";
+
+// TODO: base64encode, base64decode, bin2hex, hex2bin, punyencode, punydecode, qrgen, jsbeautify, jsonbeautify
diff --git a/src/tools/radix.ts b/src/tools/radix.ts
@@ -0,0 +1,54 @@
+const input = document.querySelector("#radix #input") as HTMLInputElement;
+const radix = document.querySelector("#radix #inradix") as HTMLInputElement;
+const button = document.querySelector("#radix button") as HTMLButtonElement;
+const error = document.querySelector("#radix .error") as HTMLElement;
+const outputs = {
+  "2": document.querySelector("#radix #bin") as HTMLTableCellElement,
+  "8": document.querySelector("#radix #oct") as HTMLTableCellElement,
+  "10": document.querySelector("#radix #dec") as HTMLTableCellElement,
+  "16": document.querySelector("#radix #hex") as HTMLTableCellElement,
+}
+const out = document.querySelector("#radix #out") as HTMLTableCellElement;
+const outRadix = document.querySelector("#radix #outradix") as HTMLInputElement;
+
+function update() {
+  try {
+    error.hidden = true;
+    const num = ((input: string, radix: number): bigint | number => {
+      const num = parseInt(input, radix);
+      if(Number.isSafeInteger(num)) {
+        return num;
+      } else switch(radix) {
+        case 2: return BigInt("0b" + input);
+        case 8: return BigInt("0o" + input);
+        case 10:return BigInt(input);
+        case 16:return BigInt("0x" + input);
+        default: throw new Error("9007199254740992以上、または-9007199254740991未満の数値を2進数、8進数、10進数、16進数以外で読み込むことはできません");
+        // メモ(TODO気味): ↑実はここはTNTSuperManが進数変換ロジックをケチっただけで、一応実装できる
+      }
+    })(input.value, radix.valueAsNumber);
+    
+    outputs[2].textContent = num.toString(2);
+    outputs[8].textContent = num.toString(8);
+    outputs[10].textContent = num.toString(10);
+    outputs[16].textContent = num.toString(16);
+
+    out.textContent = num.toString(outRadix.valueAsNumber);
+  } catch(e) {
+    if(Error.isError(e)) {
+      error.hidden = true;
+      error.textContent = e.message;
+    }
+  }
+}
+
+input.oninput = radix.oninput = outRadix.oninput = () => {
+  if(input.value.length < 128) {
+    button.hidden = true;
+    update();
+  } else {
+    button.hidden = false;
+  }
+}
+
+button.onclick = update;
diff --git a/src/tools/urldecode.ts b/src/tools/urldecode.ts
@@ -0,0 +1,24 @@
+const input = document.querySelector("#urldecode textarea") as HTMLTextAreaElement;
+const button = document.querySelector("#urldecode button") as HTMLButtonElement;
+const output = document.querySelector("#urldecode samp") as HTMLElement;
+
+function update() {
+  try {
+    output.classList.remove("error");
+    output.textContent = decodeURIComponent(input.value);
+  } catch {
+    output.classList.add("error");
+    output.textContent = '入力に2桁の16進数が続かない%が含まれているか、エスケープシーケンスが有効なUTF-8文字列をエンコードしていないため、デコードできません';
+  }
+}
+
+input.oninput = () => {
+  if(input.value.length < 1024) {
+    button.hidden = true;
+    update();
+  } else {
+    button.hidden = false;
+  }
+}
+
+button.onclick = update;
diff --git a/src/tools/urlencode.ts b/src/tools/urlencode.ts
@@ -0,0 +1,24 @@
+const input = document.querySelector("#urlencode textarea") as HTMLTextAreaElement;
+const button = document.querySelector("#urlencode button") as HTMLButtonElement;
+const output = document.querySelector("#urlencode samp") as HTMLElement;
+
+function update() {
+  try {
+    output.classList.remove("error");
+    output.textContent = encodeURIComponent(input.value);
+  } catch {
+    output.classList.add("error");
+    output.innerHTML = '入力に<a target="_blank" href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/String#utf-16_%E6%96%87%E5%AD%97%E3%80%81unicode_%E3%82%B3%E3%83%BC%E3%83%89%E3%83%9D%E3%82%A4%E3%83%B3%E3%83%88%E3%80%81%E6%9B%B8%E8%A8%98%E7%B4%A0%E3%82%AF%E3%83%A9%E3%82%B9%E3%82%BF%E3%83%BC">孤立サロゲート</a>が含まれているため、エンコードできません'
+  }
+}
+
+input.oninput = () => {
+  if(input.value.length < 1024) {
+    button.hidden = true;
+    update();
+  } else {
+    button.hidden = false;
+  }
+}
+
+button.onclick = update;
diff --git a/style/main.css b/style/main.css
diff --git a/tsconfig.json b/tsconfig.json

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,2 @@`
	`1`	`+import "./hash";`
	`2`	`+import "./tools";`