prod/dev via version

build/build/bundle.css

@@ -0,0 +1,6 @@
+@import "../node_modules/bulma/css/bulma.css";
+.wrapper.svelte-1pykctp.svelte-1pykctp{position:relative}.input.svelte-1pykctp.svelte-1pykctp{width:20rem}.items.svelte-1pykctp.svelte-1pykctp{position:absolute;border:1px solid #d4d4d4;z-index:99;top:100%;left:0;right:0;max-height:80vh;overflow:auto}.items.svelte-1pykctp div.svelte-1pykctp{padding:10px;cursor:pointer;background-color:#fff;border-bottom:1px solid #d4d4d4}.items.svelte-1pykctp div.svelte-1pykctp:hover{background-color:#e9e9e9}.active.svelte-1pykctp.svelte-1pykctp{background-color:DodgerBlue !important;color:#ffffff}
+.grid-container.svelte-1ed21v2{display:grid;grid-template-columns:250px 1fr;grid-template-rows:3.25rem calc(100vh - 3.25rem);grid-template-areas:"header header" "main main"}.main.svelte-1ed21v2{grid-area:main;overflow:auto}.header.svelte-1ed21v2{grid-area:header}.svelte-1ed21v2::-webkit-scrollbar{display:none}
+.brand.svelte-x8sbb2{text-transform:uppercase;padding-right:10px;cursor:pointer}.button.svelte-x8sbb2{margin-right:0.4rem;margin-left:0.4rem}
+
+/*# sourceMappingURL=bundle.css.map */

rollup.config.js

@@ -1,7 +1,7 @@
 import svelte from "rollup-plugin-svelte";
 import externals from 'rollup-plugin-node-externals'
-
-const production = process.env.NODE_ENV !== "development";
+import { VERSION } from './src/version'
+const production = VERSION.production
 
 export default [
   {

src/components/Scanner.svelte

@@ -2,7 +2,7 @@
   import { configData, db, scan_status } from "./../stores.js";
   import { DontBubbleException } from './../exceptions.js'
   import { onDestroy } from 'svelte';
-  import { focus } from './../helpers.js';
+  import { focus, sort_by_name } from './../helpers.js';
 	onDestroy(() => $scan_status = {})
 
   export let scaninterface
@@ -158,7 +158,7 @@
               <div class="select is-fullwidth">
                 <select bind:value={medium_selected} id="auswahl">
                   <option>– nichts ausgewählt –</option>
-                  {#each medium as m}
+                  {#each medium.sort(sort_by_name) as m}
                     <option value={m.id}>{m.name}</option>
                   {/each}
                 </select>

src/helpers.js

@@ -14,3 +14,14 @@ export const chunk = (arr, size) =>
       chunks,
     []
   );
+export const sort_by_name = (a, b) => {
+    var nameA = a.name.toUpperCase(); // ignore upper and lowercase
+    var nameB = b.name.toUpperCase(); // ignore upper and lowercase
+    if (nameA < nameB) {
+      return -1;
+    }
+    if (nameA > nameB) {
+      return 1;
+    }
+    return 0;
+}