Oh my

Author: NullVoxPopuli

apps/repl/app/routes/application.ts

@@ -2,9 +2,16 @@ import Route from '@ember/routing/route';
 
 import { setupTabster } from 'ember-primitives/tabster';
 
+const map = new WeakSet();
+
 export default class ApplicationRoute extends Route {
-  async beforeModel() {
-    setupTabster(this);
+  // The router is littered with bugs.. so here we only let the model hook run once per instance
+  model() {
+    if (!map.has(this)) {
+      setupTabster(this);
+      map.add(this);
+    }
+
     document.querySelector('#initial-loader')?.remove();
   }
 }

apps/repl/package.json

@@ -162,6 +162,7 @@
     "html-to-image": "^1.11.13",
     "kolay": "^3.0.0",
     "limber-ui": "workspace:*",
+    "tabster": "8.2.0",
     "lz-string": "^1.5.0",
     "path-browserify": "^1.0.1",
     "penpal": "^6.2.2",

package.json

@@ -55,6 +55,7 @@
       "ember-get-config": "github:mansona/ember-get-config#config-meta-loader",
       "ember-auto-import": "^2.9.0",
       "ember-repl": "workspace:*",
+      "ember-primitives": "^0.27.2",
       "ember-source": ">= 6.4.0-alpha.3",
       "array-includes": "npm:@nolyfill/array-includes@^1",
       "array.prototype.findlastindex": "npm:@nolyfill/array.prototype.findlastindex@^1",