101 lines
3.7 KiB
JavaScript
101 lines
3.7 KiB
JavaScript
import React from 'react';
|
|
import { createRoot } from 'react-dom/client';
|
|
|
|
import App from './App';
|
|
|
|
// Set up translatable strings here
|
|
// for development purposes only. The production build
|
|
// gets them from WordPress's injection
|
|
if (process.env.NODE_ENV !== 'production') {
|
|
window.aiStrings = {
|
|
play_title: 'Play %s',
|
|
pause_title: 'Pause %s',
|
|
previous: 'Previous track',
|
|
next: 'Next track',
|
|
toggle_list_repeat: 'Toggle track listing repeat',
|
|
toggle_list_visible: 'Toggle track listing visibility',
|
|
toggle_track_repeat: 'Toggle track repeat',
|
|
buy_track: 'Buy this track',
|
|
download_track: 'Download this track',
|
|
volume_up: 'Volume Up',
|
|
volume_down: 'Volume Down',
|
|
open_track_lyrics: 'Open track lyrics',
|
|
set_playback_rate: 'Set playback rate',
|
|
skip_forward: 'Skip forward',
|
|
skip_backward: 'Skip backward',
|
|
shuffle: 'Shuffle',
|
|
};
|
|
}
|
|
|
|
const nodes = document.getElementsByClassName('audioigniter-root');
|
|
|
|
function renderApp(node) {
|
|
const type = node.getAttribute('data-player-type');
|
|
|
|
const props = {
|
|
playerId: node.getAttribute('id'),
|
|
tracksUrl: node.getAttribute('data-tracks-url'),
|
|
track: node.getAttribute('data-track'),
|
|
displayTracklistCovers: JSON.parse(
|
|
node.getAttribute('data-display-tracklist-covers'),
|
|
),
|
|
displayActiveCover: JSON.parse(
|
|
node.getAttribute('data-display-active-cover'),
|
|
),
|
|
displayCredits: JSON.parse(node.getAttribute('data-display-credits')),
|
|
displayTracklist: JSON.parse(node.getAttribute('data-display-tracklist')),
|
|
allowTracklistToggle: JSON.parse(
|
|
node.getAttribute('data-allow-tracklist-toggle'),
|
|
),
|
|
allowPlaybackRate: JSON.parse(
|
|
node.getAttribute('data-allow-playback-rate'),
|
|
),
|
|
allowTracklistLoop: JSON.parse(
|
|
node.getAttribute('data-allow-tracklist-loop'),
|
|
),
|
|
allowTrackLoop: JSON.parse(node.getAttribute('data-allow-track-loop')),
|
|
displayTrackNo: JSON.parse(node.getAttribute('data-display-track-no')),
|
|
displayBuyButtons: JSON.parse(
|
|
node.getAttribute('data-display-buy-buttons'),
|
|
),
|
|
buyButtonsTarget: JSON.parse(node.getAttribute('data-buy-buttons-target')),
|
|
volume: parseInt(node.getAttribute('data-volume'), 10),
|
|
displayArtistNames: JSON.parse(
|
|
node.getAttribute('data-display-artist-names'),
|
|
),
|
|
cycleTracks: JSON.parse(node.getAttribute('data-cycle-tracks')),
|
|
limitTracklistHeight: JSON.parse(
|
|
node.getAttribute('data-limit-tracklist-height'),
|
|
),
|
|
tracklistHeight: parseInt(node.getAttribute('data-tracklist-height'), 10),
|
|
reverseTrackOrder: JSON.parse(
|
|
node.getAttribute('data-reverse-track-order'),
|
|
),
|
|
maxWidth: node.getAttribute('data-max-width'),
|
|
soundcloudClientId: node.getAttribute('data-soundcloud-client-id'),
|
|
skipAmount: parseInt(node.getAttribute('data-skip-amount'), 10),
|
|
initialTrack: parseInt(node.getAttribute('data-initial-track'), 10),
|
|
delayBetweenTracks: parseInt(node.getAttribute('data-tracks-delay'), 10),
|
|
stopOnTrackFinish: JSON.parse(node.getAttribute('data-stop-on-finish')),
|
|
defaultShuffle: JSON.parse(node.getAttribute('data-shuffle')),
|
|
shuffleEnabled: JSON.parse(node.getAttribute('data-shuffle')),
|
|
countdownTimerByDefault: JSON.parse(
|
|
node.getAttribute('data-timer-countdown'),
|
|
),
|
|
rememberLastPosition: JSON.parse(node.getAttribute('data-remember-last')),
|
|
playerButtons: JSON.parse(node.getAttribute('data-player-buttons')),
|
|
};
|
|
|
|
const root = createRoot(node);
|
|
root.render(<App type={type} {...props} />);
|
|
}
|
|
|
|
Array.prototype.slice.call(nodes).forEach(node => {
|
|
renderApp(node);
|
|
});
|
|
|
|
// eslint-disable-next-line no-underscore-dangle
|
|
window.__CI_AUDIOIGNITER_MANUAL_INIT__ = node => {
|
|
renderApp(node);
|
|
};
|