@internetarchive/radio-player 0.0.3 → 0.0.4-alpha.1

package/lib/src/search-results-switcher.js

@@ -1,134 +1,134 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { LitElement, html, css, } from 'lit';
-import { customElement, property, } from 'lit/decorators.js';
-import leftImage from './assets/img/left';
-import rightImage from './assets/img/right';
-/**
- * A widget to switch between search results that looks like this:
- * < 3 / 7 >
- *
- * @export
- * @class SearchResultsSwitcher
- * @extends {LitElement}
- */
-let SearchResultsSwitcher = class SearchResultsSwitcher extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.numberOfResults = 0;
-        this.currentResultIndex = 0;
-    }
-    /**
-     * LitElement life cycle render method. Entrypoint for rendering the element.
-     *
-     * @returns {TemplateResult}
-     * @memberof SearchResultsSwitcher
-     */
-    render() {
-        return html `
-      <div class="container">
-        <button @click=${this.goToPreviousResult} id="previous-button">
-          ${leftImage}
-        </button>
-        <span class="results-range">
-          <span id="current-result">${this.currentResultIndex + 1}</span> /
-          <span id="number-of-results">${this.numberOfResults}</span>
-        </span>
-        <button @click=${this.goToNextResult} id="next-button">
-          ${rightImage}
-        </button>
-      </div>
-    `;
-    }
-    /**
-     * LitElement life cycle CSS for this element
-     *
-     * @readonly
-     * @static
-     * @type {CSSResult}
-     * @memberof SearchResultsSwitcher
-     */
-    static get styles() {
-        return css `
-      .container {
-        text-align: center;
-      }
-
-      button {
-        background: none;
-        border: 0;
-        cursor: pointer;
-      }
-    `;
-    }
-    /**
-     * LitElement lifecycle updated method
-     *
-     * @param {PropertyValues} changedProperties
-     * @memberof SearchResultsSwitcher
-     */
-    updated(changedProperties) {
-        // reset the index if we change the number of results
-        if (changedProperties.has('numberOfResults')) {
-            this.currentResultIndex = 0;
-        }
-    }
-    /**
-     * Called when user clicks on the previous result button.
-     * Loops around to the last result when we reach the first.
-     *
-     * @memberof SearchResultsSwitcher
-     */
-    goToPreviousResult() {
-        if (this.currentResultIndex < 1) {
-            this.currentResultIndex = this.numberOfResults - 1;
-        }
-        else {
-            this.currentResultIndex -= 1;
-        }
-        this.emitSearchResultIndexChangedEvent();
-    }
-    /**
-     * Called when user clicks on the next result button.
-     * Loops around to the first result when we reach the last.
-     *
-     * @memberof SearchResultsSwitcher
-     */
-    goToNextResult() {
-        if (this.currentResultIndex === this.numberOfResults - 1) {
-            this.currentResultIndex = 0;
-        }
-        else {
-            this.currentResultIndex += 1;
-        }
-        this.emitSearchResultIndexChangedEvent();
-    }
-    /**
-     * Emit an searchResultIndexChanged event that the index has been changed
-     *
-     * ie: `e.detail.searchResultIndex = 2`
-     *
-     * @memberof SearchResultsSwitcher
-     */
-    emitSearchResultIndexChangedEvent() {
-        const event = new CustomEvent('searchResultIndexChanged', {
-            detail: { searchResultIndex: this.currentResultIndex },
-        });
-        this.dispatchEvent(event);
-    }
-};
-__decorate([
-    property({ type: Number })
-], SearchResultsSwitcher.prototype, "numberOfResults", void 0);
-__decorate([
-    property({ type: Number })
-], SearchResultsSwitcher.prototype, "currentResultIndex", void 0);
-SearchResultsSwitcher = __decorate([
-    customElement('search-results-switcher')
-], SearchResultsSwitcher);
-export default SearchResultsSwitcher;
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, css, } from 'lit';
+import { customElement, property, } from 'lit/decorators.js';
+import leftImage from './assets/img/left';
+import rightImage from './assets/img/right';
+/**
+ * A widget to switch between search results that looks like this:
+ * < 3 / 7 >
+ *
+ * @export
+ * @class SearchResultsSwitcher
+ * @extends {LitElement}
+ */
+let SearchResultsSwitcher = class SearchResultsSwitcher extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.numberOfResults = 0;
+        this.currentResultIndex = 0;
+    }
+    /**
+     * LitElement life cycle render method. Entrypoint for rendering the element.
+     *
+     * @returns {TemplateResult}
+     * @memberof SearchResultsSwitcher
+     */
+    render() {
+        return html `
+      <div class="container">
+        <button @click=${this.goToPreviousResult} id="previous-button">
+          ${leftImage}
+        </button>
+        <span class="results-range">
+          <span id="current-result">${this.currentResultIndex + 1}</span> /
+          <span id="number-of-results">${this.numberOfResults}</span>
+        </span>
+        <button @click=${this.goToNextResult} id="next-button">
+          ${rightImage}
+        </button>
+      </div>
+    `;
+    }
+    /**
+     * LitElement life cycle CSS for this element
+     *
+     * @readonly
+     * @static
+     * @type {CSSResult}
+     * @memberof SearchResultsSwitcher
+     */
+    static get styles() {
+        return css `
+      .container {
+        text-align: center;
+      }
+
+      button {
+        background: none;
+        border: 0;
+        cursor: pointer;
+      }
+    `;
+    }
+    /**
+     * LitElement lifecycle updated method
+     *
+     * @param {PropertyValues} changedProperties
+     * @memberof SearchResultsSwitcher
+     */
+    updated(changedProperties) {
+        // reset the index if we change the number of results
+        if (changedProperties.has('numberOfResults')) {
+            this.currentResultIndex = 0;
+        }
+    }
+    /**
+     * Called when user clicks on the previous result button.
+     * Loops around to the last result when we reach the first.
+     *
+     * @memberof SearchResultsSwitcher
+     */
+    goToPreviousResult() {
+        if (this.currentResultIndex < 1) {
+            this.currentResultIndex = this.numberOfResults - 1;
+        }
+        else {
+            this.currentResultIndex -= 1;
+        }
+        this.emitSearchResultIndexChangedEvent();
+    }
+    /**
+     * Called when user clicks on the next result button.
+     * Loops around to the first result when we reach the last.
+     *
+     * @memberof SearchResultsSwitcher
+     */
+    goToNextResult() {
+        if (this.currentResultIndex === this.numberOfResults - 1) {
+            this.currentResultIndex = 0;
+        }
+        else {
+            this.currentResultIndex += 1;
+        }
+        this.emitSearchResultIndexChangedEvent();
+    }
+    /**
+     * Emit an searchResultIndexChanged event that the index has been changed
+     *
+     * ie: `e.detail.searchResultIndex = 2`
+     *
+     * @memberof SearchResultsSwitcher
+     */
+    emitSearchResultIndexChangedEvent() {
+        const event = new CustomEvent('searchResultIndexChanged', {
+            detail: { searchResultIndex: this.currentResultIndex },
+        });
+        this.dispatchEvent(event);
+    }
+};
+__decorate([
+    property({ type: Number })
+], SearchResultsSwitcher.prototype, "numberOfResults", void 0);
+__decorate([
+    property({ type: Number })
+], SearchResultsSwitcher.prototype, "currentResultIndex", void 0);
+SearchResultsSwitcher = __decorate([
+    customElement('search-results-switcher')
+], SearchResultsSwitcher);
+export default SearchResultsSwitcher;
 //# sourceMappingURL=search-results-switcher.js.map

package/package.json

@@ -1,93 +1,93 @@
-{
-  "name": "@internetarchive/radio-player",
-  "version": "0.0.3",
-  "description": "A Radio Player LitElement.",
-  "license": "AGPL-3.0-only",
-  "main": "index.js",
-  "module": "index.js",
-  "types": "index.d.ts",
-  "files": [
-    "lib/**/*",
-    "!lib/demo",
-    "src/**/*",
-    "index.d.ts",
-    "index.js"
-  ],
-  "scripts": {
-    "prepare": "yarn run build",
-    "build": "tsc -p tsconfig.build.json",
-    "start": "concurrently \"tsc --watch\" \"es-dev-server --app-index demo/index.html --node-resolve --open --watch --preserve-symlinks\"",
-    "start:compatibility": "concurrently \"tsc --watch\" \"es-dev-server --app-index demo/index.html --node-resolve --open --watch --compatibility all --preserve-symlinks\"",
-    "lint:eslint": "eslint --ext .ts . --ignore-path .gitignore",
-    "format:eslint": "eslint --ext .ts . --fix --ignore-path .gitignore",
-    "lint": "yarn run lint:eslint",
-    "format": "yarn run format:eslint",
-    "test": "yarn run build && yarn lint && karma start --coverage",
-    "test:watch": "concurrently \"tsc --watch\" \"karma start --auto-watch=true --single-run=false\"",
-    "test:update-snapshots": "karma start --update-snapshots",
-    "test:prune-snapshots": "karma start --prune-snapshots",
-    "test:compatibility": "karma start --compatibility all --coverage",
-    "test:compatibility:watch": "karma start --compatibility all --auto-watch=true --single-run=false",
-    "test:bs": "karma start karma.bs.config.js --compatibility all --coverage",
-    "site:build": "yarn run storybook:build",
-    "storybook": "start-storybook -p 9001",
-    "storybook:build": "build-storybook -o _site -s storybook-static"
-  },
-  "dependencies": {
-    "@internetarchive/audio-element": "^0.0.2",
-    "@internetarchive/expandable-search-bar": "^0.0.2",
-    "@internetarchive/ia-activity-indicator": "^0.0.3",
-    "@internetarchive/playback-controls": "0.0.2",
-    "@internetarchive/scrubber-bar": "^0.0.2",
-    "@internetarchive/transcript-view": "^0.0.3",
-    "@internetarchive/waveform-progress": "^0.0.2",
-    "lit": "^2.2.7"
-  },
-  "devDependencies": {
-    "@open-wc/eslint-config": "^7.0.0",
-    "@open-wc/prettier-config": "^0.1.10",
-    "@open-wc/testing": "^3.1.6",
-    "@open-wc/testing-karma": "^3.0.0",
-    "@open-wc/testing-karma-bs": "^1.0.0",
-    "@types/form-data": "^2.5.0",
-    "@typescript-eslint/eslint-plugin": "^5.30.0",
-    "@typescript-eslint/parser": "^5.30.0",
-    "concurrently": "^4.1.2",
-    "es-dev-server": "^1.5.0",
-    "eslint": "^8.18.0",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-lit-a11y": "^2.2.0",
-    "eslint-plugin-wc": "^1.3.2",
-    "gulp": "^4.0.2",
-    "husky": "^1.0.0",
-    "karma": "^6.4.0",
-    "karma-coverage": "^2.0.1",
-    "lint-staged": "^8.0.0",
-    "mocha": "^10.0.0",
-    "polymer-cli": "^1.9.11",
-    "typescript": "^4.7.4",
-    "webpack-merge": "^4.1.5"
-  },
-  "eslintConfig": {
-    "extends": [
-      "@open-wc/eslint-config",
-      "eslint-config-prettier"
-    ]
-  },
-  "prettier": "@open-wc/prettier-config",
-  "husky": {
-    "hooks": {
-      "pre-commit": "lint-staged"
-    }
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "lint-staged": {
-    "*.ts": [
-      "eslint --fix",
-      "git add"
-    ]
-  }
-}
+{
+  "name": "@internetarchive/radio-player",
+  "version": "0.0.4-alpha.1",
+  "description": "A Radio Player LitElement.",
+  "license": "AGPL-3.0-only",
+  "main": "index.js",
+  "module": "index.js",
+  "types": "index.d.ts",
+  "files": [
+    "lib/**/*",
+    "!lib/demo",
+    "src/**/*",
+    "index.d.ts",
+    "index.js"
+  ],
+  "scripts": {
+    "prepare": "yarn run build",
+    "build": "tsc -p tsconfig.build.json",
+    "start": "concurrently \"tsc --watch\" \"es-dev-server --app-index demo/index.html --node-resolve --open --watch --preserve-symlinks\"",
+    "start:compatibility": "concurrently \"tsc --watch\" \"es-dev-server --app-index demo/index.html --node-resolve --open --watch --compatibility all --preserve-symlinks\"",
+    "lint:eslint": "eslint --ext .ts . --ignore-path .gitignore",
+    "format:eslint": "eslint --ext .ts . --fix --ignore-path .gitignore",
+    "lint": "yarn run lint:eslint",
+    "format": "yarn run format:eslint",
+    "test": "yarn run build && yarn lint && karma start --coverage",
+    "test:watch": "concurrently \"tsc --watch\" \"karma start --auto-watch=true --single-run=false\"",
+    "test:update-snapshots": "karma start --update-snapshots",
+    "test:prune-snapshots": "karma start --prune-snapshots",
+    "test:compatibility": "karma start --compatibility all --coverage",
+    "test:compatibility:watch": "karma start --compatibility all --auto-watch=true --single-run=false",
+    "test:bs": "karma start karma.bs.config.js --compatibility all --coverage",
+    "site:build": "yarn run storybook:build",
+    "storybook": "start-storybook -p 9001",
+    "storybook:build": "build-storybook -o _site -s storybook-static"
+  },
+  "dependencies": {
+    "@internetarchive/audio-element": "^0.0.2",
+    "@internetarchive/expandable-search-bar": "^0.0.2",
+    "@internetarchive/ia-activity-indicator": "^0.0.4",
+    "@internetarchive/playback-controls": "0.0.2",
+    "@internetarchive/scrubber-bar": "^0.0.2",
+    "@internetarchive/transcript-view": "^0.0.3",
+    "@internetarchive/waveform-progress": "^0.0.2",
+    "lit": "^2.2.7"
+  },
+  "devDependencies": {
+    "@open-wc/eslint-config": "^7.0.0",
+    "@open-wc/prettier-config": "^0.1.10",
+    "@open-wc/testing": "^3.1.6",
+    "@open-wc/testing-karma": "^3.0.0",
+    "@open-wc/testing-karma-bs": "^1.0.0",
+    "@types/form-data": "^2.5.0",
+    "@typescript-eslint/eslint-plugin": "^5.30.0",
+    "@typescript-eslint/parser": "^5.30.0",
+    "concurrently": "^4.1.2",
+    "es-dev-server": "^1.5.0",
+    "eslint": "^8.18.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-lit-a11y": "^2.2.0",
+    "eslint-plugin-wc": "^1.3.2",
+    "gulp": "^4.0.2",
+    "husky": "^1.0.0",
+    "karma": "^6.4.0",
+    "karma-coverage": "^2.0.1",
+    "lint-staged": "^8.0.0",
+    "mocha": "^10.0.0",
+    "polymer-cli": "^1.9.11",
+    "typescript": "^4.7.4",
+    "webpack-merge": "^4.1.5"
+  },
+  "eslintConfig": {
+    "extends": [
+      "@open-wc/eslint-config",
+      "eslint-config-prettier"
+    ]
+  },
+  "prettier": "@open-wc/prettier-config",
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "lint-staged": {
+    "*.ts": [
+      "eslint --fix",
+      "git add"
+    ]
+  }
+}

package/src/assets/img/left.ts

@@ -1,17 +1,17 @@
-import { html } from 'lit';
-
-const image = html`
-  <svg height="13" viewBox="0 0 8 13" width="8" xmlns="http://www.w3.org/2000/svg">
-    <path
-      d="m-1.5 8.5 5-5 5 5"
-      fill="none"
-      stroke="#fff"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      stroke-width="2"
-      transform="matrix(0 -1 1 0 -2 9.7)"
-    />
-  </svg>
-`;
-
-export default image;
+import { html } from 'lit';
+
+const image = html`
+  <svg height="13" viewBox="0 0 8 13" width="8" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="m-1.5 8.5 5-5 5 5"
+      fill="none"
+      stroke="#fff"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      stroke-width="2"
+      transform="matrix(0 -1 1 0 -2 9.7)"
+    />
+  </svg>
+`;
+
+export default image;

package/src/assets/img/right.ts

@@ -1,17 +1,17 @@
-import { html } from 'lit';
-
-const image = html`
-  <svg height="13" viewBox="0 0 8 13" width="8" xmlns="http://www.w3.org/2000/svg">
-    <path
-      d="m-1.5 8.5 5-5 5 5"
-      fill="none"
-      stroke="#fff"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      stroke-width="2"
-      transform="matrix(0 -1 -1 0 10 9.7)"
-    />
-  </svg>
-`;
-
-export default image;
+import { html } from 'lit';
+
+const image = html`
+  <svg height="13" viewBox="0 0 8 13" width="8" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="m-1.5 8.5 5-5 5 5"
+      fill="none"
+      stroke="#fff"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      stroke-width="2"
+      transform="matrix(0 -1 -1 0 10 9.7)"
+    />
+  </svg>
+`;
+
+export default image;

package/src/models/music-zone.ts

@@ -1,17 +1,17 @@
-/**
- * A data model for defining a zone of music, which is used
- * to skip over the zone if it is enabled.
- *
- * @export
- * @class MusicZone
- */
-export default class MusicZone {
-  start = 0;
-
-  end = 0;
-
-  constructor(start: number, end: number) {
-    this.start = start;
-    this.end = end;
-  }
-}
+/**
+ * A data model for defining a zone of music, which is used
+ * to skip over the zone if it is enabled.
+ *
+ * @export
+ * @class MusicZone
+ */
+export default class MusicZone {
+  start = 0;
+
+  end = 0;
+
+  constructor(start: number, end: number) {
+    this.start = start;
+    this.end = end;
+  }
+}

package/src/models/radio-player-config.ts

@@ -1,47 +1,47 @@
-import { AudioSource } from '@internetarchive/audio-element';
-
-/**
- * A data model to configure the Radio Player.
- *
- * @export
- * @class RadioPlayerConfig
- */
-export default class RadioPlayerConfig {
-  title: string;
-
-  date: string;
-
-  logoUrl: string;
-
-  waveformUrl: string | undefined;
-
-  audioSources: AudioSource[];
-
-  quickSearches: string[] = [];
-
-  /**
-   * Creates an instance of RadioPlayerConfig.
-   * @param {string} title
-   * @param {string} date
-   * @param {string} logoUrl
-   * @param {string} waveformUrl
-   * @param {AudioSource[]} audioSources
-   * @param {string[]} [quickSearches=[]]
-   * @memberof RadioPlayerConfig
-   */
-  constructor(
-    title: string,
-    date: string,
-    logoUrl: string,
-    waveformUrl: string | undefined,
-    audioSources: AudioSource[],
-    quickSearches: string[] = [],
-  ) {
-    this.title = title;
-    this.date = date;
-    this.logoUrl = logoUrl;
-    this.waveformUrl = waveformUrl;
-    this.audioSources = audioSources;
-    this.quickSearches = quickSearches;
-  }
-}
+import { AudioSource } from '@internetarchive/audio-element';
+
+/**
+ * A data model to configure the Radio Player.
+ *
+ * @export
+ * @class RadioPlayerConfig
+ */
+export default class RadioPlayerConfig {
+  title: string;
+
+  date: string;
+
+  logoUrl: string;
+
+  waveformUrl: string | undefined;
+
+  audioSources: AudioSource[];
+
+  quickSearches: string[] = [];
+
+  /**
+   * Creates an instance of RadioPlayerConfig.
+   * @param {string} title
+   * @param {string} date
+   * @param {string} logoUrl
+   * @param {string} waveformUrl
+   * @param {AudioSource[]} audioSources
+   * @param {string[]} [quickSearches=[]]
+   * @memberof RadioPlayerConfig
+   */
+  constructor(
+    title: string,
+    date: string,
+    logoUrl: string,
+    waveformUrl: string | undefined,
+    audioSources: AudioSource[],
+    quickSearches: string[] = [],
+  ) {
+    this.title = title;
+    this.date = date;
+    this.logoUrl = logoUrl;
+    this.waveformUrl = waveformUrl;
+    this.audioSources = audioSources;
+    this.quickSearches = quickSearches;
+  }
+}