<commit_before><!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>Vizzy</title>

    <link href="stylesheets/main.css" rel="stylesheet" type="text/css">

    <script src="helpers/context_menu.js"></script>
    <script src="helpers/external_links.js"></script>

    <script>require('electron-connect').client.create()</script>

</head>
<body>

    <div class="app">
        <div v-if="musicInit" class="vizzy">
            <transition name="slide">
                <div v-if="state.home" class="home">
                    <div class="vizzy-select-options">
                        <h1 class="blue">Your Vizzies</h1>
                    </div>
                    <div class="vizzies">
                        <div class="vizzy-container" v-for="vizzy in vizzies">
                            <div class="vizzy-picture">
                                <div class="vizzy-options">
                                    <div class="vizzy-options-wrapper">
                                        <h3 class="agree-btn">play</h3>
                                        <h3 class="edit-btn" v-on:click="moveState('editor')">edit</h3>
                                    </div>
                                </div>
                            </div>
                            <h2>Vizzy</h2>
                        </div>
                    </div>
                </div>
            </transition>
            <transition name="slide">
                <div v-if="state.editor" class="editor-container">
                    <div class="editor-nav panel-shadow">
                        <div class="path">
                            <h3 v-on:click="moveState('home')">Home </h3>
                            <h3>\Vizzy Name</h3>
                        </div>
                    </div>
                    <div class="editor">
                        <div class="shape-selector">
                            <div class="create-container">
                                <h4 class="agree-btn" v-on:click="addShape">Create Shape</h4>
                            </div>
                            <div class="shape" v-for="(shape, i) in canvas.shapes" v-bind:class="{ selected: shape.isSelected }" v-on:click="selectShape(i)">
                                <h3>{{shape.id}}</h3>
                            </div>
                        </div>
                        <div class="canvas-container">
                            <div class="canvas">
                                <div class="stretchVG">
                                    <svg id="svg" class="vizzy-svg"></svg>
                                </div>
                            </div>
                        </div>
                        <div class="shape-editor-container">
                            <div class="shape-editor" v-if="selectedShape.shape">
                                <div class="name">
                                    <h3>{{selectedShape.shape.id}}</h3>
                                </div>
                                <div class="position" v-on:click="toggleShapePanel('pos')">
                                    <h6>position</h6>
                                </div>
                                <div v-bind:style="{display: selectedShape.pos || 'none'}">
                                    <p>X-axis</p>
                                    <input v-model.number="selectedShape.shape.position.minX"></input>
                                    <input v-model.number="selectedShape.shape.position.maxX"></input>
                                    <p>Y-axis</p>
                                    <input v-model.number="selectedShape.shape.position.minY"></input>
                                    <input v-model.number="selectedShape.shape.position.maxY"></input>
                                </div>
                                <div class="orientation" v-on:click="toggleShapePanel('or')">
                                    <h6>orientation</h6>
                                </div>
                                <div v-bind:style="{display: selectedShape.or || 'none'}">
                                    <p>Rotation</p>
                                </div>
                                <div class="size" v-on:click="toggleShapePanel('siz')">
                                    <h6>size</h6>
                                </div>
                                <div v-bind:style="{display: selectedShape.siz || 'none'}">
                                    <p>Width</p>
                                    <input v-model.number="selectedShape.shape.minWidth"></input>
                                    <input v-model.number="selectedShape.shape.maxWidth"></input>
                                    <p>Height</p>
                                    <input v-model.number="selectedShape.shape.minHeight" v-on:input="log(selectedShape.shape.minHeight)" number></input>
                                    <input v-model.number="selectedShape.shape.maxHeight"></input>
                                </div>
                                <div class="color" v-on:click="toggleShapePanel('col')">
                                    <h6>color</h6>
                                </div>
                                <div v-bind:style="{display: selectedShape.col || 'none'}">
                                    <p>Hue</p>
                                    <p>Opacity</p>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </transtion>
        </div>
        <music-bar v-on:init="musicInitialize()"></music-bar>
    </div>

    <template id="music-bar">
        <div class="music-bar-container panel-shadow" v-bind:style="{ flex: flexOpt }">
            <div v-if="!musicLoaded" class="music-select">
                <h1>Welcome to Vizzy!</h1>
                <p>Please show us which directory you store your local music files in so Vizzy may use them for playback.</p>
                <h2 class="panel-btn" v-on:click="openFileExplorer()">Locate Music</h2>
            </div><commit_msg>I AM A GUI GOD<commit_after><!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>Vizzy</title>

    <link href="stylesheets/main.css" rel="stylesheet" type="text/css">

    <script src="helpers/context_menu.js"></script>
    <script src="helpers/external_links.js"></script>

    <script>require('electron-connect').client.create()</script>

</head>
<body>

    <div class="app">
        <div v-if="musicInit" class="vizzy">
            <transition name="slide">
                <div v-if="state.home" class="home">
                    <div class="vizzy-select-options">
                        <h1 class="blue">Your Vizzies</h1>
                    </div>
                    <div class="vizzies">
                        <div class="vizzy-container" v-for="vizzy in vizzies">
                            <div class="vizzy-picture">
                                <div class="vizzy-options">
                                    <div class="vizzy-options-wrapper">
                                        <h3 class="agree-btn">play</h3>
                                        <h3 class="edit-btn" v-on:click="moveState('editor')">edit</h3>
                                    </div>
                                </div>
                            </div>
                            <h2>Vizzy</h2>
                        </div>
                    </div>
                </div>
            </transition>
            <transition name="slide">
                <div v-if="state.editor" class="editor-container">
                    <div class="editor-nav panel-shadow">
                        <div class="path">
                            <h3 v-on:click="moveState('home')">Home </h3>
                            <h3>\Vizzy Name</h3>
                        </div>
                    </div>
                    <div class="editor">
                        <div class="shape-selector">
                            <div class="create-container">
                                <h4 class="agree-btn" v-on:click="addShape">Create Shape</h4>
                            </div>
                            <div class="shape" v-for="(shape, i) in canvas.shapes" v-bind:class="{ selected: shape.isSelected }" v-on:click="selectShape(i)">
                                <h3>{{shape.id}}</h3>
                            </div>
                        </div>
                        <div class="canvas-container">
                            <div class="canvas">
                                <div class="stretchVG">
                                    <svg id="svg" class="vizzy-svg"></svg>
                                </div>
                            </div>
                        </div>
                        <div class="shape-editor-container">
                            <div class="shape-editor" v-if="selectedShape.shape">
                                <div class="name">
                                    <h3>{{selectedShape.shape.id}}</h3>
                                </div>
                                <div class="position" v-on:click="toggleShapePanel('pos')">
                                    <h6>position</h6>
                                </div>
                                <div v-bind:style="{display: selectedShape.pos || 'none'}">
                                    <p>X-axis</p>
                                    <input v-model.number="selectedShape.shape.position.minX"></input>
                                    <input v-model.number="selectedShape.shape.position.maxX"></input>
                                    <p>Y-axis</p>
                                    <input v-model.number="selectedShape.shape.position.minY"></input>
                                    <input v-model.number="selectedShape.shape.position.maxY"></input>
                                </div>
                                <div class="orientation" v-on:click="toggleShapePanel('or')">
                                    <h6>orientation</h6>
                                </div>
                                <div v-bind:style="{display: selectedShape.or || 'none'}">
                                    <p>Rotation</p>
                                </div>
                                <div class="size" v-on:click="toggleShapePanel('siz')">
                                    <h6>size</h6>
                                </div>
                                <div v-bind:style="{display: selectedShape.siz || 'none'}">
                                    <p>Width</p>
                                    <input v-model.number="selectedShape.shape.minWidth"></input>
                                    <input v-model.number="selectedShape.shape.maxWidth"></input>
                                    <p>Height</p>
                                    <input v-model.number="selectedShape.shape.minHeight" v-on:input="log(selectedShape.shape.minHeight)" number></input>
                                    <input v-model.number="selectedShape.shape.maxHeight"></input>
                                </div>
                                <div class="color" v-on:click="toggleShapePanel('col')">
                                    <h6>color</h6>
                                </div>
                                <div v-bind:style="{display: selectedShape.col || 'none'}">
                                    <p>Hue</p>
                                    <p>Opacity</p>
                                    <p>Link To Attribute <input type="checkbox" id="myCheck"></p>                      

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </transtion>
        </div>
        <music-bar v-on:init="musicInitialize()"></music-bar>
    </div>

    <template id="music-bar">
        <div class="music-bar-container panel-shadow" v-bind:style="{ flex: flexOpt }">
            <div v-if="!musicLoaded" class="music-select">
                <h1>Welcome to Vizzy!</h1>
                <p>Please show us which directory you store your local music files in so Vizzy may use them for playback.</p>
                <h2 class="panel-btn" v-on:click="openFileExplorer()">Locate Music</h2>
            </div>
{'fraction_non_alphanumeric': 0.13282442748091602, 'fraction_numerical': 0.004981920449979912, 'mean_word_length': 0.9538461538461539, 'pattern_counts': {'":': 0, '<': 304, '<?xml version=': 0, '>': 304, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 61, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5776524', 'n_tokens_mistral': 3205, 'n_tokens_neox': 2984, 'n_words': 477}