Fix hb import for media provider

.env

@@ -0,0 +1 @@
+PW_EXPERIMENTAL_SERVICE_WORKER_NETWORK_EVENTS=1

.github/workflows/playwright.yml

@@ -9,8 +9,6 @@ jobs:
   playwright:
     timeout-minutes: 60
     runs-on: ubuntu-latest
-    env:
-      PW_EXPERIMENTAL_SERVICE_WORKER_NETWORK_EVENTS: 1
     steps:
       - name: Remove all fonts
         run: rm -rf /usr/share/fonts

.vscode/settings.json

@@ -6,8 +6,5 @@
         "source.fixAll.eslint": true,
     },
     "eslint.format.enable": true,
-    "playwright.env": {
-        "PW_EXPERIMENTAL_SERVICE_WORKER_NETWORK_EVENTS": 1
-    },
     "javascript.preferences.importModuleSpecifierEnding": "js",
 }

ext/js/display/display-audio.js

@@ -16,15 +16,10 @@
  * along with this program.  If not, see <https://www.gnu.org/licenses/>.
  */
 
-import {EventListenerCollection} from '../core.js';
-import {PopupMenu} from '../dom/popup-menu.js';
-import {AudioSystem} from '../media/audio-system.js';
-import {yomichan} from '../yomichan.js';
-
-/* global
- * AudioSystem
- * PopupMenu
- */
+import { EventListenerCollection } from '../core.js';
+import { PopupMenu } from '../dom/popup-menu.js';
+import { AudioSystem } from '../media/audio-system.js';
+import { yomichan } from '../yomichan.js';
 
 export class DisplayAudio {
     constructor(display) {

ext/js/display/popup-main.js

@@ -16,27 +16,16 @@
  * along with this program.  If not, see <https://www.gnu.org/licenses/>.
  */
 
-import {log} from '../core.js';
-import {DocumentFocusController} from '../dom/document-focus-controller.js';
-import {HotkeyHandler} from '../input/hotkey-handler.js';
-import {JapaneseUtil} from '../language/sandbox/japanese-util.js';
-import {yomichan} from '../yomichan.js';
-import {DisplayAnki} from './display-anki.js';
-import {DisplayAudio} from './display-audio.js';
-import {DisplayProfileSelection} from './display-profile-selection.js';
-import {DisplayResizer} from './display-resizer.js';
-import {Display} from './display.js';
-
-/* global
- * Display
- * DisplayAnki
- * DisplayAudio
- * DisplayProfileSelection
- * DisplayResizer
- * DocumentFocusController
- * HotkeyHandler
- * JapaneseUtil
- */
+import { log } from '../core.js';
+import { DocumentFocusController } from '../dom/document-focus-controller.js';
+import { HotkeyHandler } from '../input/hotkey-handler.js';
+import { JapaneseUtil } from '../language/sandbox/japanese-util.js';
+import { yomichan } from '../yomichan.js';
+import { DisplayAnki } from './display-anki.js';
+import { DisplayAudio } from './display-audio.js';
+import { DisplayProfileSelection } from './display-profile-selection.js';
+import { DisplayResizer } from './display-resizer.js';
+import { Display } from './display.js';
 
 (async () => {
     try {

ext/js/pages/settings/dictionary-controller.js

@@ -16,13 +16,9 @@
  * along with this program.  If not, see <https://www.gnu.org/licenses/>.
  */
 
-import {EventListenerCollection, log} from '../../core.js';
-import {DictionaryWorker} from '../../language/dictionary-worker.js';
-import {yomichan} from '../../yomichan.js';
-
-/* global
- * DictionaryWorker
- */
+import { EventListenerCollection, log } from '../../core.js';
+import { DictionaryWorker } from '../../language/dictionary-worker.js';
+import { yomichan } from '../../yomichan.js';
 
 class DictionaryEntry {
     constructor(dictionaryController, fragment, index, dictionaryInfo) {

ext/js/pages/settings/popup-preview-frame-main.js

@@ -16,17 +16,11 @@
  * along with this program.  If not, see <https://www.gnu.org/licenses/>.
  */
 
-import {PopupFactory} from '../../app/popup-factory.js';
-import {log} from '../../core.js';
-import {HotkeyHandler} from '../../input/hotkey-handler.js';
-import {yomichan} from '../../yomichan.js';
-import {PopupPreviewFrame} from './popup-preview-frame.js';
-
-/* global
- * HotkeyHandler
- * PopupFactory
- * PopupPreviewFrame
- */
+import { PopupFactory } from '../../app/popup-factory.js';
+import { log } from '../../core.js';
+import { HotkeyHandler } from '../../input/hotkey-handler.js';
+import { yomichan } from '../../yomichan.js';
+import { PopupPreviewFrame } from './popup-preview-frame.js';
 
 (async () => {
     try {

ext/js/templates/sandbox/template-renderer-media-provider.js

@@ -16,9 +16,7 @@
  * along with this program.  If not, see <https://www.gnu.org/licenses/>.
  */
 
-/* global
- * Handlebars
- */
+import { Handlebars } from '../../../lib/handlebars.js';
 
 export class TemplateRendererMediaProvider {
     constructor() {

package.json

@@ -60,5 +60,8 @@
         "stylelint-config-recommended": "^13.0.0",
         "vitest": "^0.34.6",
         "wanakana": "^5.2.0"
+    },
+    "dependencies": {
+        "dotenv": "^16.3.1"
     }
 }

playwright.config.js

@@ -15,13 +15,13 @@
  * along with this program.  If not, see <https://www.gnu.org/licenses/>.
  */
 // @ts-check
-import {defineConfig, devices} from '@playwright/test';
+import { defineConfig, devices } from '@playwright/test';
 
 /**
  * Read environment variables from file.
  * https://github.com/motdotla/dotenv
  */
-// require('dotenv').config();
+import 'dotenv/config';
 
 /**
  * @see https://playwright.dev/docs/test-configuration