Fixed import issues and aggregated exports.

.eslintrc.json

@@ -5,7 +5,8 @@
     },
     "extends": [
         "eslint:recommended",
-        "plugin:jsdoc/recommended"
+        "plugin:jsdoc/recommended",
+        "plugin:import/recommended"
     ],
     "parserOptions": {
         "ecmaVersion": "latest",
@@ -30,6 +31,10 @@
         "semi": [
             "error",
             "always"
+        ],
+        "import/extensions": [
+            "error",
+            "ignorePackages"
         ]
     }
 }

package.json

@@ -19,6 +19,7 @@
     "babel-loader": "^8.2.4",
     "css-loader": "^6.7.1",
     "eslint": "^8.13.0",
+    "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-jsdoc": "^39.2.1",
     "html-loader": "^3.1.0",
     "html-webpack-plugin": "^5.5.0",

src/audioshowkit.js

@@ -3,7 +3,8 @@
 // TODO: adjust frequency bin interactively resulting in change in output.
 // TODO: Set up global scope audioshowkit object.
 // TODO: Animation function to calculate transition rates.
+// TODO: anonymous function instantiation.
 // TODO: Demo functions.
 // TODO: basic playlist display.
 // TODO: Detect annotated elements.
-// TODO: Create writeup.
+// TODO: Create getting started.

src/player/PlayButton.js

@@ -1,6 +0,0 @@
-export default class PlayButton {
-
-    constructor() {
-
-    }
-}

src/player/PlaylistSong.js

@@ -1,5 +1,5 @@
-import Visualizer from "../Visualizer";
+import Visualizer from "../visualization/Visualizer.js";
-import SongPlaylist from "./SongPlaylist";
+import SongPlaylist from "./SongPlaylist.js";
 
 /**
  * A song with metadata that can be used as part of a {@link SongPlaylist}.

src/player/SongPlayer.js

@@ -1,5 +1,5 @@
 import "../styles/songplayer.css";
-import SongPlaylist from "./SongPlaylist";
+import SongPlaylist from "./SongPlaylist.js";
 
 /**
  * A player to play songs.

src/player/SongPlaylist.js

@@ -1,4 +1,4 @@
-import PlaylistSong from "./PlaylistSong";
+import PlaylistSong from "./PlaylistSong.js";
 
 /**
  * A playlist that holds a multitude of songs.

src/player/VisualizedSongPlayer.js

@@ -1,7 +1,7 @@
-import Visualizer from "../Visualizer";
+import Visualizer from "../visualization/Visualizer.js";
-import VisualizerUpdateManager from "../VisualizerUpdateManager";
+import VisualizerUpdateManager from "../visualization/VisualizerUpdateManager.js";
-import SongPlayer from "./SongPlayer";
+import SongPlayer from "./SongPlayer.js";
-import SongPlaylist from "./SongPlaylist";
+import SongPlaylist from "./SongPlaylist.js";
 
 /**
  * A song player that provides easier access to the current songs visualizer data.

src/player/player.js

@@ -0,0 +1,4 @@
+export { default as PlaylistSong } from "./PlaylistSong.js";
+export { default as SongPlayer } from "./SongPlayer.js";
+export { default as SongPlaylist } from "./SongPlaylist.js";
+export { default as VisualizedSongPlayer } from "./VisualizedSongPlayer.js";

src/visualization/VisualizerUpdateManager.js

@@ -1,4 +1,4 @@
-import Visualizer from "./Visualizer";
+import Visualizer from "./Visualizer.js";
 
 export default class VisualizerUpdateManager {
     /**

src/visualization/visualization.js

@@ -0,0 +1,2 @@
+export { default as Visualizer } from "./Visualizer.js";
+export { default as VisualizerUpdateManager } from "./VisualizerUpdateManager.js";