DeviceManager/src/lib/serialization/layout.ts

import { compressActions, decompressActions } from "./actions";
import { fromBase64, toBase64 } from "$lib/serialization/base64";

export interface NewCharaLayout {
  charaLayoutVersion: 1;
  device: "one" | "lite" | string;
  layers: number[][];
}

export type CharaLayout = number[][];

/**
 * Serialize a layout into a micro package
 */
export async function serializeLayout(layout: CharaLayout): Promise<Blob> {
  const items = compressActions(layout.flat());
  const stream = new Blob([items])
    .stream()
    .pipeThrough(new CompressionStream("deflate"));
  return new Response(stream).blob();
}

export async function deserializeLayout(layout: Blob): Promise<CharaLayout> {
  const stream = layout
    .stream()
    .pipeThrough(new DecompressionStream("deflate"));
  const raw = await new Response(stream).arrayBuffer();
  const actions = decompressActions(new Uint8Array(raw));
  return [
    actions.slice(0, 90),
    actions.slice(90, 180),
    actions.slice(180, 270),
  ];
}

export async function layoutAsUrlComponent(
  layout: CharaLayout,
): Promise<string> {
  return serializeLayout(layout).then(toBase64);
}

export async function layoutFromUrlComponent(
  base64: string,
): Promise<CharaLayout> {
  return fromBase64(base64).then(deserializeLayout);
}