圧縮ライブラリを変更 (#5)

* fix open file

* migrate svelte/stores to rune

* Update src/routes/utils/read-text-file-on-tauri.ts

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

* Coderabbitの修正で発生した問題を修正。

* update read-text-file-on-tauri

* add error handling

* add robots.txt etc...

* add save file

* 0.1.1

* bump version

* fix error handling

* Modify the string compression library.

---------

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

Author: L4Ph

src/routes/+page.svelte

@@ -36,10 +36,9 @@ let preview = $derived.by(() => {
 
 let urlSearchParams = $page.url.searchParams;
 if (urlSearchParams) {
-	const result = generateSearchParamsToText(urlSearchParams);
-	if (result) {
+	generateSearchParamsToText(urlSearchParams).then((result) => {
 		inputText = result;
-	}
+	});
 }
 
 function handleFileChange(event: Event) {
@@ -49,8 +48,9 @@ function handleFileChange(event: Event) {
 }
 
 function CopyUrlToClipboard(inputText: string) {
-	const url = generateCompressedNovelUrl(inputText);
-	navigator.clipboard.writeText(url);
+	generateCompressedNovelUrl(inputText).then((url) => {
+		navigator.clipboard.writeText(url);
+	});
 }
 
 if (isTauriApp()) {

src/routes/utils/compression.ts

@@ -0,0 +1,104 @@
+const textEncoder = new TextEncoder();
+const textDecoder = new TextDecoder();
+
+const createUpstream = (value: unknown) => {
+	return new ReadableStream({
+		start(controller) {
+			controller.enqueue(value);
+			controller.close();
+		},
+	});
+};
+
+export async function compressToBase64(input: string): Promise<string> {
+	const upstream = createUpstream(textEncoder.encode(input));
+	const compression = new CompressionStream("deflate");
+	const stream = upstream.pipeThrough(compression);
+	const compressed = await new Response(stream).arrayBuffer();
+	return btoa(
+		new Uint8Array(compressed).reduce(
+			(acc, c) => acc + String.fromCharCode(c),
+			"",
+		),
+	);
+}
+
+export async function decompressFromBase64(input: string): Promise<string> {
+	const compressedBytes = Uint8Array.from(atob(input), (c) => c.charCodeAt(0));
+	const upstream = createUpstream(compressedBytes);
+	const decompression = new DecompressionStream("deflate");
+	const stream = upstream.pipeThrough(decompression);
+	const decompressed = await new Response(stream).arrayBuffer();
+	return textDecoder.decode(decompressed);
+}
+
+export async function compressToUTF16(input: string): Promise<string> {
+	const upstream = createUpstream(textEncoder.encode(input));
+	const compression = new CompressionStream("deflate");
+	const stream = upstream.pipeThrough(compression);
+	const compressed = await new Response(stream).arrayBuffer();
+
+	let compressedBytes = new Uint8Array(compressed);
+
+	if (compressedBytes.length % 2 !== 0) {
+		const paddedBytes = new Uint8Array(compressedBytes.length + 1);
+		paddedBytes.set(compressedBytes);
+		paddedBytes[compressedBytes.length] = 0; // 奇数個配列の場合、最後のバイトに 0 をパディング
+		compressedBytes = paddedBytes;
+	}
+
+	const compressedUint16Array = new Uint16Array(compressedBytes.buffer);
+	return String.fromCharCode(...compressedUint16Array);
+}
+
+export async function decompressFromUTF16(input: string): Promise<string> {
+	const compressedUint16Array = new Uint16Array(
+		input.split("").map((c) => c.charCodeAt(0)),
+	);
+	let compressedBytes = new Uint8Array(compressedUint16Array.buffer);
+
+	if (compressedBytes[compressedBytes.length - 1] === 0) {
+		compressedBytes = compressedBytes.slice(0, compressedBytes.length - 1); // パディングされた 0 を削除
+	}
+
+	const upstream = createUpstream(compressedBytes);
+	const decompression = new DecompressionStream("deflate");
+	const stream = upstream.pipeThrough(decompression);
+	const decompressed = await new Response(stream).arrayBuffer();
+	return textDecoder.decode(decompressed);
+}
+
+export async function compressToUint8Array(input: string): Promise<Uint8Array> {
+	const upstream = createUpstream(textEncoder.encode(input));
+	const compression = new CompressionStream("deflate");
+	const stream = upstream.pipeThrough(compression);
+	const compressed = await new Response(stream).arrayBuffer();
+	return new Uint8Array(compressed);
+}
+
+export async function decompressFromUint8Array(
+	input: Uint8Array,
+): Promise<string> {
+	const upstream = createUpstream(input);
+	const decompression = new DecompressionStream("deflate");
+	const stream = upstream.pipeThrough(decompression);
+	const decompressed = await new Response(stream).arrayBuffer();
+	return textDecoder.decode(decompressed);
+}
+
+export async function compressToEncodedURIComponent(
+	input: string,
+): Promise<string> {
+	const withBase64 = await compressToBase64(input);
+	return withBase64.replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/, "");
+}
+
+export async function decompressFromEncodedURIComponent(
+	input: string,
+): Promise<string> {
+	let base64 = input.replace(/-/g, "+").replace(/_/g, "/");
+	while (base64.length % 4) {
+		base64 += "=";
+	}
+	return decompressFromBase64(base64);
+}

src/routes/utils/generate-compressed-novel-url.ts

@@ -1,8 +1,13 @@
 import { page } from "$app/stores";
-import { compressToEncodedURIComponent } from "lz-string";
+import { compressToEncodedURIComponent } from "./compression";
 import { get } from "svelte/store";
 
-export function generateCompressedNovelUrl(text: string): string {
-	const compressedText = compressToEncodedURIComponent(text);
-	return `${get(page).url.origin}?novel=${compressedText}`;
+export async function generateCompressedNovelUrl(
+	text: string,
+): Promise<string> {
+	const compressedText = await compressToEncodedURIComponent(text);
+	console.log(compressedText);
+	const url = `${get(page).url.origin}?novel=${compressedText}`;
+	console.log(url);
+	return url;
 }

src/routes/utils/generate-search-params-to-text.ts

@@ -1,12 +1,13 @@
-import { decompressFromEncodedURIComponent } from "lz-string";
+import { decompressFromEncodedURIComponent } from "./compression";
 
-export function generateSearchParamsToText(
+export async function generateSearchParamsToText(
 	urlSearchParams: URLSearchParams,
-): string | null {
+): Promise<string> {
 	const compressedText = urlSearchParams.get("novel");
-	if (!compressedText) return null; // undefinedの代わりにnullを返す
+	if (!compressedText) {
+		return "";
+	}
 
-	const result: string = decompressFromEncodedURIComponent(compressedText);
-
-	return result || null;
+	const result = decompressFromEncodedURIComponent(compressedText);
+	return result ?? ""; // resultがnullの場合は空文字を返す
 }