add more pattern

ansi2-wasm/Cargo.toml

@@ -7,24 +7,9 @@ edition = "2018"
 [lib]
 crate-type = ["cdylib", "rlib"]
 
-[features]
-default = ["console_error_panic_hook"]
-
 [dependencies]
 wasm-bindgen = "0.2.84"
 ansi2 = { path = "../ansi2" }
-ansi2svg = { path = "../ansi2svg" }
-ansi2html = { path = "../ansi2html" }
-
-# The `console_error_panic_hook` crate provides better debugging of panics by
-# logging them with `console.error`. This is great for development, but requires
-# all the `std::fmt` and `std::panicking` infrastructure, so isn't great for
-# code size when deploying.
-console_error_panic_hook = { version = "0.1.7", optional = true }
 
 [dev-dependencies]
 wasm-bindgen-test = "0.3.34"
-
-# [profile.release]
-# Tell `rustc` to optimize for small code size.
-# opt-level = "s"

ansi2-wasm/src-ts/cli.ts

@@ -23,19 +23,21 @@ async function main() {
   program
     .option("--format [type]", "output format", "svg")
     .option("--theme [type]", "color theme", "vscode")
+    .option("--width [type]", "width", undefined)
 
   program.parse();
 
   const options = program.opts();
   const theme = options.theme ?? "vscode";
   const format = options.format ?? "svg";
+  const width = typeof options.width === 'undefined' ? undefined : +options.width;
   switch (format) {
     case "svg": {
-      console.log(to_svg(a, theme))
+      console.log(to_svg(a, theme, width))
       break
     }
     case "html": {
-      console.log(to_html(a, theme))
+      console.log(to_html(a, theme, width))
       break
     }
   }

ansi2-wasm/src-ts/wasm/index.d.ts

@@ -3,13 +3,15 @@
 /**
 * @param {string} s
 * @param {string} theme
+* @param {number | undefined} [width]
 * @returns {string}
 */
-export function to_svg(s: string, theme: string): string;
+export function to_svg(s: string, theme: string, width?: number): string;
 /**
 * @param {string} s
 * @param {string} theme
+* @param {number | undefined} [width]
 * @returns {string}
 */
-export function to_html(s: string, theme: string): string;
+export function to_html(s: string, theme: string, width?: number): string;
 

ansi2-wasm/src/lib.rs

@@ -2,13 +2,13 @@ use ansi2::theme::Theme;
 use wasm_bindgen::prelude::*;
 
 #[wasm_bindgen]
-pub fn to_svg(s: String, theme: String) -> String {
+pub fn to_svg(s: String, theme: String, width: Option<usize>) -> String {
     let theme: Theme = theme.as_str().into();
-    ansi2svg::to_svg(&s, theme)
+    ansi2::svg::to_svg(&s, theme, width)
 }
 
 #[wasm_bindgen]
-pub fn to_html(s: String, theme: String) -> String {
+pub fn to_html(s: String, theme: String, width: Option<usize>) -> String {
     let theme: Theme = theme.as_str().into();
-    ansi2html::to_html(&s, theme)
+    ansi2::html::to_html(&s, theme, width)
 }

ansi2/Cargo.toml

@@ -10,3 +10,5 @@ authors = ["ahaoboy"]
 
 [dependencies]
 nom = "7"
+clap = { version = "4.5", features = ["derive"] }
+html-escape= "0.2.13"

ansi2/readme.md

@@ -0,0 +1,27 @@
+Parse ansi strings and convert them to html and svg formats
+
+```bash
+neofetch | ansi2 --format=svg --theme=vscode > neofetch.svg
+
+npm run bench:run | ansi2 --format=svg | resvg - -c > bench.png
+```
+
+## [ansi2](./ansi2)
+
+```rs
+use ansi2::{Canvas};
+
+let canvas = Canvas::new(s);
+for row in canvas.pixels.iter() {
+  for pixel in row.iter() {
+      // draw pixel
+  }
+}
+```
+
+## 16colo
+https://16colo.rs/pack/laz17/ll-darlaakacrystal.ans
+```bash
+cat ./ll-darlaakacrystal.ans | ansi2 --format=svg --width=80 > ll-darlaakacrystal.svg
+
+```