init the awkward code

src/routes/xp/programs/zip.svelte

@@ -0,0 +1,92 @@
+<script>
+    import Window from '../../../lib/components/xp/Window.svelte';
+    import Button from '../../../lib/components/xp/Button.svelte';
+    import {onMount, tick } from 'svelte';
+    import { runningPrograms,systemVolume, zIndex, hardDrive, queueProgram } from '../../../lib/store'
+    import * as utils from '../../../lib/utils';
+    import * as fs from '../../../lib/fs';
+    import DumbProgress from '../../../lib/components/xp/DumbProgress.svelte';
+    import JSZip from 'jszip';
+    
+
+    export let id;
+    export let window;
+    export let self;
+    export let parentNode;
+    export let fs_item;
+    export let exec_path;
+
+
+    let cancelled = false;
+    export let options = {
+        title: 'Compressing',
+        min_width: 250,
+        min_height: 220,
+        width: 250,
+        height: 220,
+        resizable: false,
+        maximize_btn_disabled: true,
+        icon: '/images/xp/icons/RAR.png',
+        id: id,
+        exec_path
+    };
+
+    onMount(async () => {
+        if(fs_item){
+            await compress(fs_item);
+        }
+    })
+
+
+    export async function destroy(){
+        cancelled = true;
+        runningPrograms.update(programs => programs.filter(p => p != self));
+        self.$destroy();
+    }
+
+
+    async function compress(item){
+        let zip = new JSZip();
+        await add_to_archive(zip, item);
+        zip.generateAsync({type:"blob"}).then(async content => {
+            let filename = item.basename + '.zip';
+            let file = new File([content], filename, {type: utils.ext_to_mime(filename)});
+            await fs.new_fs_item('file', '.zip', item.basename, item.parent, file);
+            await destroy();
+        });
+
+    }
+
+    async function add_to_archive(parent, item){
+        if(cancelled) return;
+        if(item.type == 'folder'){
+            let folder = parent.folder(item.name);
+            for(let child_item of [...item.folders, ...item.files]){
+                child_item = $hardDrive[child_item];
+                await add_to_archive(folder, child_item);
+            }
+        } else if(item.type == 'file'){
+            let file = await fs.get_file(item.id);
+            parent.file(item.name, file);
+        }
+    }
+
+
+</script>
+
+
+
+<Window options={options} bind:this={window} 
+    on_click_close={destroy}>
+    <div slot="content" class="absolute inset-0 bg-xp-yellow">
+        <div class="absolute inset-4 flex flex-col overflow-hidden justify-between">
+            <p class="my-2 text-[13px] text-ellipsis line-clamp-3">Compressing {fs_item ? fs_item.name : ''}...</p>
+            <DumbProgress style="height:15px;margin:5px 0;flex-shrink:0;"></DumbProgress>
+            <Button title="Cancel" on_click={destroy}></Button>
+        </div>
+    </div>
+
+</Window>
+
+
+<svelte:options accessors={true}></svelte:options>