winwtricks autocomplete, optimize game speed

Author: hitman249

src/src/components/Patches/ItemPatch.vue

@@ -21,7 +21,12 @@
                         </tr>
                         <tr>
                             <td>{{ $t('labels.arch') }}</td>
-                            <td><span>{{getArch()}}</span></td>
+                            <td>
+                                <span>{{getArch()}}</span>
+                                <span v-if="patch.arch !== wine.status.arch" class="m-l-10 label label-danger">
+                                    {{ $t('labels.incompatible') }}
+                                </span>
+                            </td>
                         </tr>
                         <tr>
                             <td>{{ $t('labels.folder') }}</td>
@@ -65,6 +70,11 @@
         props:      {
             patch: Object,
         },
+        data() {
+            return {
+                wine: this.$store.state.wine,
+            };
+        },
         methods:    {
             getArch() {
                 return Collects.arch[this.patch.arch];

src/src/components/UI/InputAutocomplete.vue

@@ -1,13 +1,21 @@
 <template>
-    <div class="btn-group pull-left">
-        <input ref="input" type="text" :id="id" class="form-control" v-model="input" autocomplete="off"
+    <div class="btn-group input-group pull-left">
+        <input ref="input" type="text" class="form-control" v-model="input" autocomplete="off"
                @keydown.down="keyDown" @keydown.up="keyUp" @keydown.enter="keyEnter" @blur="blur">
 
-        <ul v-if="isItems" class="dropdown-menu drop-menu-right show" @mouseenter="focusIn" @mouseleave="focusOut">
-            <li v-for="(title, i) in items" :class="{active: i === index}" :key="i">
-                <a @click="onClick(i)" onclick="return false">{{title}}</a>
-            </li>
-        </ul>
+        <label v-if="all" class="btn btn-default button" @click="getAll">
+            <span class="buttonText">...</span>
+        </label>
+
+        <div class="dropdown-items show" :class="{hidden: !isItems}">
+            <div :id="id" class="ul" @mouseenter="focusIn" @mouseleave="focusOut">
+                <div class="li" v-for="(item, i) in items" :class="{active: i === index}" :key="i">
+                    <a @click="onClick(i)" onclick="return false" :title="item.description">
+                        {{item.name}} <br><small>{{item.description}}</small>
+                    </a>
+                </div>
+            </div>
+        </div>
     </div>
 </template>
 
@@ -17,9 +25,11 @@
     export default {
         components: {},
         props:      {
-            value:   String,
-            fetch:   Function,
-            timeout: Number,
+            value:    String,
+            fetch:    Function,
+            fetchAll: Function,
+            timeout:  Number,
+            all:      Boolean,
         },
         name:       'InputAutocomplete',
         data() {
@@ -38,16 +48,45 @@
                     if (this.fetch && this.input && this.input.trim()) {
                         this.fetch(this.input).then((items) => {
                             if (items && items.length > 0) {
-                                this.$set(this, 'items', _.chunk(_.uniq([this.input].concat(items)), 7)[0]);
+                                this.$set(this, 'items', _.chunk(_.uniq([{
+                                    name:        this.input,
+                                    description: ''
+                                }].concat(items)), 5)[0]);
                             }
                         });
                     }
-                }, this.timeout || 100),
+                }, this.timeout || 300),
             };
         },
         mounted() {
         },
         methods:    {
+            bindScroll() {
+                $(`#${this.id}`).slimScroll({
+                    height:    '233px',
+                    position:  'right',
+                    size:      "5px",
+                    color:     '#98a6ad',
+                    wheelStep: 3,
+                });
+            },
+            unbindScroll() {
+                let scroll = $(`#${this.id}`);
+                scroll.slimScroll({ destroy: true });
+                scroll[0].style.height = 'auto';
+            },
+            getAll() {
+                if (this.fetchAll) {
+                    this.$refs.input.focus();
+                    this.$set(this, 'index', 0);
+                    this.$set(this, 'dropMenuFocus', false);
+                    this.$set(this, 'items', [this.$t('labels.loading')]);
+                    this.$nextTick(() => this.bindScroll());
+                    this.fetchAll().then((items) => {
+                        this.$set(this, 'items', items);
+                    });
+                }
+            },
             keyEnter() {
                 this.entered = true;
 
@@ -72,6 +111,7 @@
                 event.preventDefault();
             },
             onClick(index) {
+                this.unbindScroll();
                 this.entered = true;
                 this.setFromIndex(index);
             },
@@ -93,7 +133,7 @@
             },
             setFromIndex(index = null) {
                 if (null !== index) {
-                    this.$set(this, 'input', this.items[index]);
+                    this.$set(this, 'input', this.items[index].name);
                 }
                 this.reset();
             },
@@ -119,6 +159,7 @@
                 this.$emit('update:value', value);
                 this.reset();
                 this.fetchDebounce();
+                this.unbindScroll();
             },
             value(value) {
                 this.$set(this, 'input', value);
@@ -131,12 +172,82 @@
 <style lang="less" scoped>
     .btn-group {
         width: 100%;
+
+        input[type="text"] {
+            display: inline-block;
+            width: calc(100% - 45px);
+        }
+    }
+
+    .button {
+        float: none;
+        height: 36px;
+        width: 45px;
+        overflow: hidden;
+        border-radius: 3px !important;
+        border-top-left-radius: 0 !important;
+        border-bottom-left-radius: 0 !important;
+    }
+
+    /* Dropdown */
+    .dropdown-items {
+        display: block;
+        position: absolute;
+        width: 100%;
+        padding: 4px 0;
+        background-color: #5f6b77;
+        transition: all 300ms ease;
+        -moz-transition: all 300ms ease;
+        -webkit-transition: all 300ms ease;
+        -o-transition: all 300ms ease;
+        -ms-transition: all 300ms ease;
+        border: 0;
+        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
+        border-radius: 3px;
+        top: calc(100% + 2px);
+        z-index: 2;
     }
 
-    .dropdown-menu {
+    .li, .li a {
+        display: block;
         width: 100%;
+        cursor: default;
+    }
+
+    .dropdown-items .li a {
+        padding: 6px 20px;
+        color: rgba(255, 255, 255, 0.5);
+        font-weight: 900;
+
+        small {
+            font-weight: 100;
+        }
+    }
+
+    .dropdown-items .li a:hover {
+        background-color: rgba(255, 255, 255, 0.1);
+        color: #ffffff !important;
+    }
+
+    .dropdown-items .divider {
+        background-color: #98a6ad;
+    }
+
+    .dropdown-items .active a,
+    .dropdown-items .active a:hover,
+    .dropdown-items .active a:focus,
+    .dropdown-items .li a:focus,
+    .dropdown-items .li a:hover {
+        background-color: rgba(255, 255, 255, 0.1);
+        color: #ffffff !important;
+    }
+
+    .dropup .dropdown-items {
+        box-shadow: 0px -1px 5px 0 rgba(0, 0, 0, 0.26);
+    }
 
-        li > a {
+    .dropdown-items .ul {
+        .li a {
             white-space: nowrap;
             text-overflow: ellipsis;
             overflow: hidden;

src/src/components/UI/InputWinetricks.vue

@@ -1,5 +1,5 @@
 <template>
-    <InputAutocomplete :value.sync="input" :fetch="fetch"/>
+    <InputAutocomplete :value.sync="input" :fetch="fetch" :fetchAll="fetchAll" :all="true"/>
 </template>
 
 <script>
@@ -23,9 +23,12 @@
         methods:    {
             fetch(q) {
                 return window.app.getWine().winetricksAllList().then((items) => {
-                    return items.filter(name => name.includes(q));
+                    return items.filter(item => item.name.includes(q));
                 });
-            }
+            },
+            fetchAll() {
+                return window.app.getWine().winetricksAllList();
+            },
         },
         computed:   {},
         watch:      {

src/src/locales/en.js

@@ -53,6 +53,7 @@ export default {
         'select':         'Select',
         'create':         'Create',
         'more':           'More',
+        'incompatible':   'incompatible',
     },
     menu:        {
         'games':       'Games',

src/src/locales/ru.js

@@ -53,6 +53,7 @@ export default {
         'select':         'Выбрать',
         'create':         'Создать',
         'more':           'Ещё',
+        'incompatible':   'несовместим',
     },
     menu:        {
         'games':       'Игры',
@@ -269,7 +270,7 @@ export default {
             Автор не несет никакой ответственности за данное программное обеспечение.
             Продолжая использовать это программное обеспечение вы автоматически соглашаетесь с выше указанными условиями.
         `,
-        'donate': 'Поддержать проект',
+        'donate':    'Поддержать проект',
     },
     help:        {
         html: `

src/src/modules/command.js

@@ -338,6 +338,26 @@ export default class Command {
                     }
                 }
 
+                let driver = window.app.getDriver();
+
+                if (driver.getVersion().driver === 'nvidia') {
+                    let cache = this.prefix.getCacheDir() + '/GL_shader_cache';
+
+                    if (!this.prefix.fs.exists(cache)) {
+                        this.prefix.fs.mkdir(cache);
+                    }
+
+                    exported['__NV_PRIME_RENDER_OFFLOAD']   = 1;
+                    exported['__GLX_VENDOR_LIBRARY_NAME']   = 'nvidia';
+                    exported['__GL_SYNC_TO_VBLANK']         = 0;
+                    exported['__GL_SHADER_DISK_CACHE_PATH'] = cache;
+                    exported['__GL_SHADER_DISK_CACHE_SIZE'] = 512 * 1024 * 1024;
+                    exported['__GL_THREADED_OPTIMIZATIONS'] = 1;
+                } else {
+                    exported['vblank_mode']   = 0;
+                    exported['mesa_glthread'] = 'true';
+                }
+
                 let configExports = this.config.getConfigExports();
 
                 Object.keys(configExports).forEach((field) => {

src/src/modules/config.js

@@ -184,10 +184,10 @@ export default class Config {
             app:     {
                 path:        'The Super Game',
                 exe:         'Game.exe',
-                arguments:   '-language=russian',
+                arguments:   '',
                 prefix_cmd:  '',
                 name:        'The Super Game: Deluxe Edition',
-                description: 'Game description',
+                description: '',
                 version:     '1.0.0',
                 sort:        500,
                 time:        0,

src/src/modules/system.js

@@ -71,6 +71,11 @@ export default class System {
          */
         linux: null,
 
+        /**
+         * @type {boolean|null}
+         */
+        futex: null,
+
         /**
          * @type {number|null}
          */
@@ -335,6 +340,19 @@ export default class System {
         return this.values.linux;
     }
 
+    /**
+     * @returns {boolean}
+     */
+    isFutex() {
+        if (null !== this.values.futex) {
+            return this.values.futex;
+        }
+
+        this.values.futex = Boolean(this.command.run('cat /proc/kallsyms | grep futex_wait_multiple'));
+
+        return this.values.futex;
+    }
+
     /**
      * @returns {string}
      */

src/src/modules/update.js

@@ -8,7 +8,7 @@ const fs            = require('fs');
 
 export default class Update {
 
-    version = '1.4.22';
+    version = '1.4.23';
 
     /**
      * @type {string}

src/src/modules/wine.js

@@ -357,7 +357,8 @@ export default class Wine {
     winetricksAllList() {
         let log = this.prefix.getLogsDir() + `/winetricks-list-all.log`;
 
-        const find = () => [...this.fs.fileGetContents(log).matchAll(/^(?!=|\[| sh )(.+?) /gm)].map(n => n[1]);
+        const find = () => [...this.fs.fileGetContents(log).matchAll(/^(?!=|\[| sh )(.+?) +(.*)/gm)]
+            .map(n => ({name: n[1].trim(), description: n[2].trim()}));
 
         if (this.fs.exists(log)) {
             return Promise.resolve(find());