<commit_before><template>
<div id="app" @dragover.prevent="onDragFile" @drop.prevent="onDropFile">
    <div id="header">
        <div class="grid grid-center"><div class="col">
            <h1>Droplet</h1>
        </div></div>
    </div>
    <div id="container">
        <div class="grid grid-center">
            <div class="col-8_lg-8_md-8_sm-12_xs-12">
                <div class="grid" v-for="file in filelist"><div class="col">
                    <form-text :readonly="true" v-model="file.name">FILE</form-text>
                </div></div>
                <div class="grid" v-if="state > 0"><div class="col">
                    <form-text :readonly="true" :copiable="true" v-model="link">LINK</form-text>
                </div></div>
                <div class="grid" v-if="state > 0"><div class="col">
                    <progress-bar :progress="progress"></progress-bar>
                </div></div>
                <template v-if="state === 0">
                    <div class="grid" v-if="!filelist">
                        <div class="col-12_lg-12_md-12_sm-0_xs-0">
                            <button class="btn-warn" @click="$refs.fileinput.click()">SELECT</button>
                            <span class="guide">or drag and drop a file to upload.</span>
                        </div>
                        <div class="col-0_lg-0_md-0_sm-12_xs-12">
                            <button class="btn-warn" @click="$refs.fileinput.click()">SELECT</button>
                            <span class="guide">a file to upload.</span>
                        </div>
                    </div>
                    <div class="grid" v-if="filelist"><div class="col"><commit_msg>Hide progress bar when complete<commit_after><template>
<div id="app" @dragover.prevent="onDragFile" @drop.prevent="onDropFile">
    <div id="header">
        <div class="grid grid-center"><div class="col">
            <h1>Droplet</h1>
        </div></div>
    </div>
    <div id="container">
        <div class="grid grid-center">
            <div class="col-8_lg-8_md-8_sm-12_xs-12">
                <div class="grid" v-for="file in filelist"><div class="col">
                    <form-text :readonly="true" v-model="file.name">FILE</form-text>
                </div></div>
                <div class="grid" v-if="state > 0"><div class="col">
                    <form-text :readonly="true" :copiable="true" v-model="link">LINK</form-text>
                </div></div>
                <div class="grid" v-if="state == 1"><div class="col">
                    <progress-bar :progress="progress"></progress-bar>
                </div></div>
                <template v-if="state === 0">
                    <div class="grid" v-if="!filelist">
                        <div class="col-12_lg-12_md-12_sm-0_xs-0">
                            <button class="btn-warn" @click="$refs.fileinput.click()">SELECT</button>
                            <span class="guide">or drag and drop a file to upload.</span>
                        </div>
                        <div class="col-0_lg-0_md-0_sm-12_xs-12">
                            <button class="btn-warn" @click="$refs.fileinput.click()">SELECT</button>
                            <span class="guide">a file to upload.</span>
                        </div>
                    </div>
                    <div class="grid" v-if="filelist"><div class="col">
{'fraction_non_alphanumeric': 0.1743877249926232, 'fraction_numerical': 0.015933903806432576, 'mean_word_length': 1.5977011494252873, 'pattern_counts': {'":': 0, '<': 99, '<?xml version=': 0, '>': 102, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3343976', 'n_tokens_mistral': 1044, 'n_tokens_neox': 973, 'n_words': 175}