Streaming und Visualisierung binärer Datensätze mittels reaktiver Uint8Array-Slices

import { ref, computed } from 'vue';
 
export function useBinaryStream(bufferCapacity = 256) {
  const rawBuffer = ref(new ArrayBuffer(bufferCapacity));
  const byteLength = ref(0);
 
  const uint8View = computed(() => new Uint8Array(rawBuffer.value, 0, byteLength.value));
 
  function appendChunk(chunk: Uint8Array): void {
    const available = bufferCapacity - byteLength.value;
    const copyLength = Math.min(available, chunk.byteLength);
    
    const targetView = new Uint8Array(rawBuffer.value);
    targetView.set(chunk.subarray(0, copyLength), byteLength.value);
    byteLength.value += copyLength;
  }
 
  function reset(): void {
    new Uint8Array(rawBuffer.value).fill(0);
    byteLength.value = 0;
  }
 
  return { uint8View, byteLength, appendChunk, reset };
}