From 9399656ecb8754fd8897571364b091756e16547d Mon Sep 17 00:00:00 2001
From: Alexander Heimbuch <github@heimbu.ch>
Date: Fri, 22 May 2020 08:57:22 +0200
Subject: [PATCH 1/2] chore: extract default settings

---
 env/.htaccess                                 |  21 +-
 .../class-podlove-web-player-options.php      | 382 +++++++++---------
 src/plugin/podlove-web-player.php             |   2 +-
 3 files changed, 204 insertions(+), 201 deletions(-)

diff --git a/env/.htaccess b/env/.htaccess
index cd8f3fd..b5f42ee 100644
--- a/env/.htaccess
+++ b/env/.htaccess
@@ -1,22 +1,11 @@
-# BEGIN WordPress
-# The directives (lines) between `BEGIN WordPress` and `END WordPress` are
-# dynamically generated, and should only be modified via WordPress filters.
-# Any changes to the directives between these markers will be overwritten.
-# https://wordpress.org/support/article/htaccess/
 <IfModule mod_rewrite.c>
+# BEGIN WordPress
+
 RewriteEngine On
 RewriteBase /
 RewriteRule ^index\.php$ - [L]
-
-# add a trailing slash to /wp-admin
-RewriteRule ^wp-admin$ wp-admin/ [R=301,L]
-
-RewriteCond %{REQUEST_FILENAME} -f [OR]
-RewriteCond %{REQUEST_FILENAME} -d
-RewriteRule ^ - [L]
-RewriteRule ^(wp-(content|admin|includes).*) $1 [L]
-RewriteRule ^(.*\.php)$ $1 [L]
-RewriteRule . index.php [L]
-</IfModule>
+RewriteCond %{REQUEST_FILENAME} !-f
+RewriteCond %{REQUEST_FILENAME} !-d
+RewriteRule . /index.php [L]
 
 # END WordPress
diff --git a/src/plugin/includes/class-podlove-web-player-options.php b/src/plugin/includes/class-podlove-web-player-options.php
index cb3df24..31581fc 100644
--- a/src/plugin/includes/class-podlove-web-player-options.php
+++ b/src/plugin/includes/class-podlove-web-player-options.php
@@ -12,206 +12,220 @@
 class Podlove_Web_Player_Options
 {
 
-  /**
-   * The unique identifier of this plugin.
-   *
-   * @since    5.0.2
-   * @access   protected
-   * @var      string    $plugin_name    The string used to uniquely identify this plugin.
-   */
-  protected $plugin_name;
-
-  /**
-   * The plugin directory
-   *
-   * @since    5.0.2
-   * @access   protected
-   * @var      string    $plugin_directory    The plugin directory.
-   */
-  protected $plugin_directory;
-
-  /**
-   * The default web player configuration
-   *
-   * @since    5.0.2
-   * @access   protected
-   * @var      array    $defaults        Default configuration values.
-   */
-  protected $defaults;
-
-
-  /**
-   * Interoperability Object
-   *
-   * @since    5.0.13
-   * @access   private
-   * @var      object   $interoperability   The player interoperability.
-   */
-  private $interoperability;
-
-  public function __construct($plugin_name)
-  {
-    global $content_width;
-
-    $this->plugin_name = $plugin_name;
-    $this->plugin_directory = plugin_dir_path(__DIR__);
-    $this->interoperability = new Podlove_Web_Player_Interoperability($this->plugin_name);
-
-    $this->defaults = array(
-      'configs' => array(
-        'default' => $this->readFile($this->plugin_directory . 'defaults/configs/default.json', 'json'),
-      ),
-      'themes' => array(
-        'default' => $this->readFile($this->plugin_directory . 'defaults/themes/default.json', 'json'),
-      ),
-      'templates' => array(
-        'default' => $this->readFile($this->plugin_directory . 'defaults/templates/default.html', 'html'),
-      ),
-      'settings' => array(
-        'source' => array(
-          'selected' => 'local',
-          'items' => array(
-            'local' => PODLOVE_WEB_PLAYER_PATH . 'web-player/',
-            'cdn' => 'https://cdn.podlove.org/web-player/5.x/'
-          )
-        ),
-        'contentWidth' => $content_width,
-        'enclosure' => 'bottom',
-        'legacy' => false,
-        'defaults' => array(
-          'theme' => 'default',
-          'config' => 'default',
-          'template' => 'default'
-        )
-      )
-    );
-  }
-
-  /**
-   * Serializes values with defaults
-   *
-   * @since     5.0.2
-   */
-  private function serializer($value = [])
-  {
-    $merged = (object) array_merge((array) $this->defaults, (array) $value);
-
-    return json_encode($merged);
-  }
-
-  /**
-   * Reads file from plugin
-   */
-  private function readFile($path = null,  $type = 'json')
-  {
-    if (!$path) {
-      return null;
+    /**
+     * The unique identifier of this plugin.
+     *
+     * @since    5.0.2
+     * @access   protected
+     * @var      string    $plugin_name    The string used to uniquely identify this plugin.
+     */
+    protected $plugin_name;
+
+    /**
+     * The plugin directory
+     *
+     * @since    5.0.2
+     * @access   protected
+     * @var      string    $plugin_directory    The plugin directory.
+     */
+    protected $plugin_directory;
+
+    /**
+     * The default web player configuration
+     *
+     * @since    5.0.2
+     * @access   protected
+     * @var      array    $defaults        Default configuration values.
+     */
+    protected $defaults;
+
+    /***
+     * static configuration values
+     * @since    5.1.3
+     * @access   private
+     * @var      object   $interoperability   The player interoperability.
+     */
+    protected $config;
+
+    /**
+     * Interoperability Object
+     *
+     * @since    5.0.13
+     * @access   private
+     * @var      object   $interoperability   The player interoperability.
+     */
+    private $interoperability;
+
+    public function __construct($plugin_name)
+    {
+        global $content_width;
+
+        $this->plugin_name = $plugin_name;
+        $this->plugin_directory = plugin_dir_path(__DIR__);
+        $this->interoperability = new Podlove_Web_Player_Interoperability($this->plugin_name);
+
+        $this->defaults = array(
+            'configs' => array(
+                'default' => $this->readFile($this->plugin_directory . 'defaults/configs/default.json', 'json'),
+            ),
+            'themes' => array(
+                'default' => $this->readFile($this->plugin_directory . 'defaults/themes/default.json', 'json'),
+            ),
+            'templates' => array(
+                'default' => $this->readFile($this->plugin_directory . 'defaults/templates/default.html', 'html'),
+            ),
+            'settings' => array(
+                'source' => array(
+                    'selected' => 'local',
+                ),
+
+                'enclosure' => 'bottom',
+                'legacy' => false,
+                'defaults' => array(
+                    'theme' => 'default',
+                    'config' => 'default',
+                    'template' => 'default',
+                ),
+            ),
+        );
+
+        $this->config = array(
+            'settings' => array(
+                'source' => array(
+                    'items' => array(
+                        'local' => PODLOVE_WEB_PLAYER_PATH . '/web-player/',
+                        'cdn' => 'https://cdn.podlove.org/web-player/5.x/',
+                    ),
+                ),
+                'contentWidth' => $content_width,
+            ),
+        );
     }
 
-    $content = file_get_contents($path);
-
-    if ($type === 'json') {
-      $content = json_decode($content, true);
+    /**
+     * Serializes values with defaults
+     *
+     * @since     5.0.2
+     */
+    private function serializer($value = [])
+    {
+        return json_encode($value);
     }
 
-    return $content;
-  }
+    /**
+     * Reads file from plugin
+     */
+    private function readFile($path = null, $type = 'json')
+    {
+        if (!$path) {
+            return null;
+        }
+
+        $content = file_get_contents($path);
 
-  /**
-   * Reads files from the plugin
-   */
-  private function readFolder($path = null, $type = 'json')
-  {
-    if (!$path || !is_dir($path)) {
-      return null;
+        if ($type === 'json') {
+            $content = json_decode($content, true);
+        }
+
+        return $content;
     }
 
-    $files = scandir($path);
-    $contents = array();
+    /**
+     * Reads files from the plugin
+     */
+    private function readFolder($path = null, $type = 'json')
+    {
+        if (!$path || !is_dir($path)) {
+            return null;
+        }
+
+        $files = scandir($path);
+        $contents = array();
 
-    foreach ($files as &$file) {
-      $info = pathinfo($file);
+        foreach ($files as &$file) {
+            $info = pathinfo($file);
 
-      if ($info['extension'] !== $type) {
-        continue;
-      }
+            if ($info['extension'] !== $type) {
+                continue;
+            }
 
-      $contents[$info['filename']] = $this->readFile(trailingslashit($path) . $file, $info['extension']);
+            $contents[$info['filename']] = $this->readFile(trailingslashit($path) . $file, $info['extension']);
+        }
+
+        return $contents;
     }
 
-    return $contents;
-  }
-
-  /**
-   * Creates the plugin options
-   *
-   * @since     5.0.2
-   */
-  public function create($networkActivated)
-  {
-    if ($networkActivated) {
-      add_site_option($this->plugin_name, $this->serializer());
-    } else {
-      add_option($this->plugin_name, $this->serializer());
+    /**
+     * Creates the plugin options
+     *
+     * @since     5.0.2
+     */
+    public function create($networkActivated)
+    {
+        if ($networkActivated) {
+            add_site_option($this->plugin_name, $this->serializer());
+        } else {
+            add_option($this->plugin_name, $this->serializer());
+        }
     }
-  }
-
-  /**
-   * Gets the defaults
-   *
-   * @since     5.0.14
-   */
-  public function presets()
-  {
-    return array(
-      'configs' => $this->readFolder($this->plugin_directory . 'defaults/configs/', 'json'),
-      'themes' => $this->readFolder($this->plugin_directory . 'defaults/themes/', 'json'),
-      'templates' => $this->readFolder($this->plugin_directory . 'defaults/templates/', 'html')
-    );
-  }
-
-  /**
-   * Reads the plugin options
-   *
-   * @since     5.0.2
-   */
-  public function read()
-  {
-    if ($this->interoperability->isNetworkActivated()) {
-      $options = json_decode(get_site_option($this->plugin_name), true);
-    } else {
-      $options = json_decode(get_option($this->plugin_name), true);
+
+    /**
+     * Gets the defaults
+     *
+     * @since     5.0.14
+     */
+    public function presets()
+    {
+        return array(
+            'configs' => $this->readFolder($this->plugin_directory . 'defaults/configs/', 'json'),
+            'themes' => $this->readFolder($this->plugin_directory . 'defaults/themes/', 'json'),
+            'templates' => $this->readFolder($this->plugin_directory . 'defaults/templates/', 'html'),
+        );
     }
 
+    /**
+     * Reads the plugin options
+     *
+     * @since     5.0.2
+     */
+    public function read()
+    {
+        if ($this->interoperability->isNetworkActivated()) {
+            $options = json_decode(get_site_option($this->plugin_name), true);
+        } else {
+            $options = json_decode(get_option($this->plugin_name), true);
+        }
+
+        $settings = array_replace_recursive($options ?? array(), $this->config);
+
+        return array_replace_recursive($this->defaults, $settings);
+    }
 
-    return array_replace_recursive($this->defaults, $options ?? array());
-  }
-
-  /**
-   * Updates the plugin options
-   *
-   * @since     5.0.2
-   */
-  public function update($value = array())
-  {
-    if ($this->interoperability->isNetworkActivated()) {
-      update_site_option($this->plugin_name, $this->serializer($value));
-    } else {
-      update_option($this->plugin_name, $this->serializer($value));
+    /**
+     * Updates the plugin options
+     *
+     * @since     5.0.2
+     */
+    public function update($value = array())
+    {
+        if ($this->interoperability->isNetworkActivated()) {
+            update_site_option($this->plugin_name, $this->serializer($value));
+        } else {
+            update_option($this->plugin_name, $this->serializer($value));
+        }
     }
-  }
-
-  /**
-   * Updates the plugin options
-   *
-   * @since     5.0.2
-   */
-  public function delete()
-  {
-    if ($this->interoperability->isNetworkActivated()) {
-      delete_site_option($this->plugin_name);
-    } else {
-      delete_option($this->plugin_name);
+
+    /**
+     * Updates the plugin options
+     *
+     * @since     5.0.2
+     */
+    public function delete()
+    {
+        if ($this->interoperability->isNetworkActivated()) {
+            delete_site_option($this->plugin_name);
+        } else {
+            delete_option($this->plugin_name);
+        }
     }
-  }
 }
diff --git a/src/plugin/podlove-web-player.php b/src/plugin/podlove-web-player.php
index d21ca82..d5bf652 100755
--- a/src/plugin/podlove-web-player.php
+++ b/src/plugin/podlove-web-player.php
@@ -31,7 +31,7 @@
 }
 
 define( 'PODLOVE_WEB_PLAYER_VERSION', '5.1.2' );
-define( 'PODLOVE_WEB_PLAYER_PATH', plugin_dir_url( __FILE__ ) );
+define( 'PODLOVE_WEB_PLAYER_PATH', plugins_url( basename( __DIR__ ) ) );
 
 /**
  * The code that runs during plugin activation.

From 91f002b78199f8314453c9d579500662e17a3305 Mon Sep 17 00:00:00 2001
From: Alexander Heimbuch <github@heimbu.ch>
Date: Fri, 22 May 2020 16:57:46 +0200
Subject: [PATCH 2/2] feat: use publisher shows for playlists

---
 package-lock.json                             |   2 +-
 package.json                                  |   2 +-
 src/block/block.js                            |   4 +
 src/block/components/inspector/index.js       |   2 +
 src/block/components/inspector/settings.js    |   2 +-
 src/block/components/inspector/shows.js       |  60 ++
 src/block/components/player.js                |   2 +-
 src/block/components/source.js                |   2 +-
 src/configurator/assets/episode.js            |  74 ++
 src/configurator/assets/index.js              |   5 +
 src/configurator/components/Player.vue        | 100 +--
 src/plugin/README.txt                         |   5 +
 .../class-podlove-web-player-admin-api.php    | 834 +++++++++---------
 .../class-podlove-web-player-embed-api.php    | 179 ++--
 .../class-podlove-web-player-shortcode.php    |  63 +-
 src/plugin/podlove-web-player.php             |   4 +-
 16 files changed, 767 insertions(+), 573 deletions(-)
 create mode 100644 src/block/components/inspector/shows.js
 create mode 100644 src/configurator/assets/episode.js
 create mode 100644 src/configurator/assets/index.js

diff --git a/package-lock.json b/package-lock.json
index 9d9baca..5214656 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "@podlove/web-player-configurator",
-  "version": "5.1.2",
+  "version": "5.2.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
diff --git a/package.json b/package.json
index 0b30054..bff2746 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@podlove/web-player-configurator",
-  "version": "5.1.2",
+  "version": "5.2.0",
   "description": "Podlove Web Player Configurator",
   "author": "Alexander Heimbuch <github@heimbu.ch>",
   "scripts": {
diff --git a/src/block/block.js b/src/block/block.js
index 6636f11..1f73dcc 100644
--- a/src/block/block.js
+++ b/src/block/block.js
@@ -41,6 +41,10 @@ registerBlockType('podlove-web-player/shortcode', {
       type: 'string',
       default: 'default',
     },
+
+    show: {
+      type: 'string'
+    },
   },
 
   edit: props => (
diff --git a/src/block/components/inspector/index.js b/src/block/components/inspector/index.js
index b30a42a..b9f118f 100644
--- a/src/block/components/inspector/index.js
+++ b/src/block/components/inspector/index.js
@@ -2,6 +2,7 @@ import Custom from './custom'
 import Post from './post'
 import Publisher from './publisher'
 import Settings from './settings'
+import Shows from './shows'
 import { type } from '../utils'
 
 const { compose } = wp.compose
@@ -26,6 +27,7 @@ class Inspector extends Component {
           <Fragment>
             <Settings {...this.props} />
             <Publisher {...this.props} />
+            <Shows {...this.props} />
           </Fragment>
         )
 
diff --git a/src/block/components/inspector/settings.js b/src/block/components/inspector/settings.js
index 34562a3..5ceddb8 100644
--- a/src/block/components/inspector/settings.js
+++ b/src/block/components/inspector/settings.js
@@ -24,7 +24,7 @@ class Settings extends Component {
     this.setState({
       configs: keys(data.configs).map(data => ({ value: data, label: data })),
       themes: keys(data.themes).map(data => ({ value: data, label: data })),
-      templates: keys(data.templates).map(data => ({ value: data, label: data }))
+      templates: keys(data.templates).map(data => ({ value: data, label: data })),
     })
   }
 
diff --git a/src/block/components/inspector/shows.js b/src/block/components/inspector/shows.js
new file mode 100644
index 0000000..cbd3b02
--- /dev/null
+++ b/src/block/components/inspector/shows.js
@@ -0,0 +1,60 @@
+import './inspector.scss'
+import { keys } from 'lodash'
+
+const { Component } = wp.element
+const { compose } = wp.compose
+const { withSpokenMessages, SelectControl, PanelBody, PanelRow } = wp.components
+const { InspectorControls } = wp.blockEditor
+const { __ } = wp.i18n
+
+class Shows extends Component {
+  constructor(props) {
+		super(...arguments);
+    this.props = props;
+    this.state = {
+      shows: []
+    }
+  }
+
+  async componentDidMount() {
+    const shows = await fetch(window.PODLOVE_WEB_PLAYER.api.shows).then(result => result.json())
+    console.log(shows)
+    this.setState({
+      shows: shows || []
+    })
+  }
+
+  render() {
+		const {
+      setAttributes,
+      attributes
+    } = this.props
+
+    const { shows } = this.state
+
+    if (shows.concat.length === 0) {
+      return null
+    }
+
+    const select = show => console.log(show) || setAttributes({ show })
+    const options = [{ id: null, name: __('Select', 'podlove-web-player') }]
+      .concat(shows || [])
+      .map(({ slug, name }) => ({ value: slug, label: name }))
+
+    return <InspectorControls>
+    <PanelBody title={__('Shows', 'podlove-web-player')}>
+      <PanelRow>
+        <SelectControl
+          value={attributes.show}
+          options={options}
+          onChange={select}
+        />
+      </PanelRow>
+    </PanelBody>
+  </InspectorControls>
+  }
+}
+
+export default compose([
+	withSpokenMessages
+])(Shows)
diff --git a/src/block/components/player.js b/src/block/components/player.js
index b0cc31b..dca87c3 100644
--- a/src/block/components/player.js
+++ b/src/block/components/player.js
@@ -27,7 +27,7 @@ class Player extends Component {
     const routes = window.PODLOVE_WEB_PLAYER.embed
 
     let episode
-    const config = [routes.config, attributes.config, 'theme', attributes.theme].join('/')
+    const config = [routes.config, attributes.config, 'theme', attributes.theme, ...(attributes.show ? ['show', attributes.show] : [])].join('/')
     const template = get(this.plugin, ['templates', attributes.template], '')
 
     switch (this.type) {
diff --git a/src/block/components/source.js b/src/block/components/source.js
index 5336d3e..95cf43f 100644
--- a/src/block/components/source.js
+++ b/src/block/components/source.js
@@ -50,7 +50,7 @@ export default compose([
       }),
       posts: getEntityRecords('postType', 'post', {
         per_page: 1,
-      }),
+      })
     }
   }),
   withSpokenMessages,
diff --git a/src/configurator/assets/episode.js b/src/configurator/assets/episode.js
new file mode 100644
index 0000000..bcb7a40
--- /dev/null
+++ b/src/configurator/assets/episode.js
@@ -0,0 +1,74 @@
+import poster from './cover.png'
+import fry from './fry.png'
+import bender from './bender.png'
+import professor from './professor.png'
+
+export default ({ title, duration })  => ({
+  title,
+  version: 5,
+  show: {
+    title: 'Futurama',
+    subtitle: `Intergalactic conspiracies and other strange stuff`,
+    summary: `Hatched from Matt Groening's brain, Futurama follows pizza guy Philip J. Fry, who reawakens in 31st century New New York after a cryonics lab accident.`,
+    poster,
+    url: 'http://fillerama.io/',
+  },
+
+  subtitle: `Why am I sticky and naked? Did I miss something fun? In your time, yes, but nowadays shut up! Besides, these are adult stemcells, harvested from perfectly healthy adults whom I killed for their stemcells.`,
+  summary: `Ah, computer dating. It's like pimping, but you rarely have to use the phrase "upside your head." Who am I making this out to? Okay, I like a challenge. As an interesting side note, as a head without a body, I envy the dead.`,
+  publicationDate: '2016-02-11T03:13:55+00:00',
+  duration,
+
+  contributors: [
+    {
+      id: 'fry',
+      avatar: fry,
+      name: 'Philip J. Fry',
+      group: { id: '1', slug: 'planet-express', title: 'Planet Express' },
+    },
+    {
+      id: 'farnsworth',
+      avatar: professor,
+      name: 'Professor Farnsworth',
+      group: { id: '1', slug: 'planet-express', title: 'Planet Express' },
+    },
+    {
+      id: 'bender',
+      avatar: bender,
+      name: 'Bender Bending Rodríguez',
+      group: { id: '1', slug: 'planet-express', title: 'Planet Express' },
+    },
+  ],
+
+  chapters: [
+    { start: '00:00:00', title: 'With gusto.' },
+    { start: '00:01:39', title: 'Good news' },
+    { start: '00:04:58', title: 'You stole the atom' },
+    { start: '00:18:37', title: `Oh, I don't have time for this` },
+    { start: '00:33:40', title: 'Her company is big and evil!' },
+    { start: '00:35:37', title: 'Have you ever tried just turning off the TV' },
+    { start: '01:17:26', title: 'Hello, little man' },
+    { start: '01:24:55', title: 'Take me to your leader!' },
+  ],
+
+  audio: [
+    {
+      url: 'http://techslides.com/demos/samples/sample.m4a',
+      mimeType: 'audio/mp4',
+      size: 93260000,
+      title: 'Audio MP4',
+    },
+    {
+      url: 'http://techslides.com/demos/samples/sample.mp3',
+      mimeType: 'audio/mp3',
+      size: 14665000,
+      title: 'Audio MP3',
+    },
+    {
+      url: 'http://techslides.com/demos/samples/sample.ogg',
+      mimeType: 'audio/ogg',
+      size: 94400000,
+      title: 'Audio Ogg',
+    },
+  ],
+})
diff --git a/src/configurator/assets/index.js b/src/configurator/assets/index.js
new file mode 100644
index 0000000..86bc185
--- /dev/null
+++ b/src/configurator/assets/index.js
@@ -0,0 +1,5 @@
+import episode from './episode'
+
+export  {
+  episode
+}
diff --git a/src/configurator/components/Player.vue b/src/configurator/components/Player.vue
index 710c971..78a1290 100644
--- a/src/configurator/components/Player.vue
+++ b/src/configurator/components/Player.vue
@@ -6,11 +6,7 @@
 
 <script>
 import { mapGetters } from 'vuex'
-
-import poster from '../assets/cover.png'
-import fry from '../assets/fry.png'
-import bender from '../assets/bender.png'
-import professor from '../assets/professor.png'
+import { episode } from '../assets'
 
 export default {
   props: {
@@ -34,77 +30,30 @@ export default {
 
   data() {
     return {
-      episode: {
-        version: 5,
-        show: {
-          title: 'Futurama',
-          subtitle: `Intergalactic conspiracies and other strange stuff`,
-          summary: `Hatched from Matt Groening's brain, Futurama follows pizza guy Philip J. Fry, who reawakens in 31st century New New York after a cryonics lab accident.`,
-          poster,
-          url: 'http://fillerama.io/',
+      episode: episode({ title: 'Five hours?', duration: '01:30:32' }),
+      playlist: [
+        {
+          title: 'Five hours?',
+          active: true,
+          duration: '01:30:32',
+          config: episode({ title: 'Five hours?', duration: '01:30:32' }),
         },
-
-
-        title: 'Five hours?',
-        subtitle: `Why am I sticky and naked? Did I miss something fun? In your time, yes, but nowadays shut up! Besides, these are adult stemcells, harvested from perfectly healthy adults whom I killed for their stemcells.`,
-        summary: `Ah, computer dating. It's like pimping, but you rarely have to use the phrase "upside your head." Who am I making this out to? Okay, I like a challenge. As an interesting side note, as a head without a body, I envy the dead.`,
-        publicationDate: '2016-02-11T03:13:55+00:00',
-        duration: '01:30:32',
-
-
-        contributors: [
-          {
-            id: 'fry',
-            avatar: fry,
-            name: 'Philip J. Fry',
-             group: { id: "1", slug: "planet-express", title: "Planet Express" }
-          },
-          {
-            id: 'farnsworth',
-            avatar: professor,
-            name: 'Professor Farnsworth',
-            group: { id: "1", slug: "planet-express", title: "Planet Express" }
-          },
-          {
-            id: 'bender',
-            avatar: bender,
-            name: 'Bender Bending Rodríguez',
-             group: { id: "1", slug: "planet-express", title: "Planet Express" }
-          },
-        ],
-
-        chapters: [
-          { start: '00:00:00', title: 'With gusto.' },
-          { start: '00:01:39', title: 'Good news' },
-          { start: '00:04:58', title: 'You stole the atom' },
-          { start: '00:18:37', title: `Oh, I don't have time for this` },
-          { start: '00:33:40', title: 'Her company is big and evil!' },
-          { start: '00:35:37', title: 'Have you ever tried just turning off the TV' },
-          { start: '01:17:26', title: 'Hello, little man' },
-          { start: '01:24:55', title: 'Take me to your leader!' },
-        ],
-
-        audio: [
-          {
-            url: 'http://techslides.com/demos/samples/sample.m4a',
-            mimeType: 'audio/mp4',
-            size: 93260000,
-            title: 'Audio MP4',
-          },
-          {
-            url: 'http://techslides.com/demos/samples/sample.mp3',
-            mimeType: 'audio/mp3',
-            size: 14665000,
-            title: 'Audio MP3',
-          },
-          {
-            url: 'http://techslides.com/demos/samples/sample.ogg',
-            mimeType: 'audio/ogg',
-            size: 94400000,
-            title: 'Audio Ogg',
-          },
-        ],
-      },
+        {
+          title: 'These old Doomsday',
+          duration: '02:10:45',
+          config: episode({ title: 'These old Doomsday', duration: '02:10:45' }),
+        },
+                {
+          title: 'Blame the wizards!',
+          duration: '00:45:13',
+          config: episode({ title: 'Blame the wizards!', duration: '00:45:13' }),
+        },
+                {
+          title: 'Ah, computer dating',
+          duration: '00:55:10',
+          config: episode({ title: 'Ah, computer dating', duration: '00:55:10' }),
+        },
+      ],
     }
   },
 
@@ -132,6 +81,7 @@ export default {
           theme: this.theme,
           base: '/wp-content/plugins/podlove-web-player/web-player/',
           version: 5,
+          playlist: this.playlist,
         })
         .then(store => {
           this.$emit('ready', store)
diff --git a/src/plugin/README.txt b/src/plugin/README.txt
index 83d3d26..0322a7d 100755
--- a/src/plugin/README.txt
+++ b/src/plugin/README.txt
@@ -105,6 +105,11 @@ If you encounter any issue with the plugin or want to request a specific feature
 
 == Changelog ==
 
+= 5.2.0 =
+
+- Extract defaults to fix incorrect persisted paths
+- Add the ability to use Podlove Publisher shows to display related episodes
+
 = 5.1.2 =
 
 - Fix a bug that causes a warning on pages
diff --git a/src/plugin/includes/class-podlove-web-player-admin-api.php b/src/plugin/includes/class-podlove-web-player-admin-api.php
index f77d736..362ebef 100644
--- a/src/plugin/includes/class-podlove-web-player-admin-api.php
+++ b/src/plugin/includes/class-podlove-web-player-admin-api.php
@@ -11,409 +11,435 @@
  */
 class Podlove_Web_Player_Admin_API
 {
-  	/**
-	 * The ID of this plugin.
-	 *
-	 * @since    5.0.2
-	 * @access   private
-	 * @var      string    $plugin_name    The ID of this plugin.
-	 */
-	private $plugin_name;
-
-	/**
-	 * The version of this plugin.
-	 *
-	 * @since    5.0.2
-	 * @access   private
-	 * @var      string    $version    The current version of this plugin.
-	 */
-	private $version;
-
-  /**
-   * Plugin options
-   */
-  private $options;
-
-  /**
-	 * Initialize the class and set its properties.
-	 *
-	 * @since    5.0.2
-	 * @param      string    $plugin_name       The name of this plugin.
-	 * @param      string    $version    The version of this plugin.
-	 */
-	public function __construct( $plugin_name, $version ) {
-		$this->plugin_name = $plugin_name;
-    $this->version = $version;
-    $this->options = new Podlove_Web_Player_Options($plugin_name);
-  }
-
-  /**
-	 * Define API paths
-	 *
-	 * @since    5.0.2
-	 */
-  public function routes() {
-    return array(
-      'bootstrap' => esc_url_raw( rest_url( $this->plugin_name . '/' . $this->version . '/' . 'bootstrap' ) ),
-      'config' => esc_url_raw( rest_url( $this->plugin_name . '/' . $this->version . '/' . 'config' ) ),
-      'theme' => esc_url_raw( rest_url( $this->plugin_name . '/' . $this->version . '/' . 'theme' ) ),
-      'template' => esc_url_raw( rest_url( $this->plugin_name . '/' . $this->version . '/' . 'template' ) ),
-      'settings' => esc_url_raw( rest_url( $this->plugin_name . '/' . $this->version . '/' . 'settings' ) )
-    );
-  }
-
-  /**
-	 * Register the API routes
-	 *
-	 * @since    5.0.2
-	 */
-  public function registerRoutes() {
-    register_rest_route( $this->plugin_name . '/' . $this->version, 'bootstrap',
-      array(
-        'methods' => 'GET',
-        'callback' => array( $this, 'bootstrap' ),
-        'permissions_callback' => array( $this, 'api_permissions' )
-      )
-    );
-
-    register_rest_route( $this->plugin_name . '/' . $this->version, 'config/(?P<id>[a-z0-9-]+)',
-      array(
-        'methods' => 'POST',
-        'callback' => array( $this, 'saveConfig' ),
-        'args' => array (
-          'id' => array(
-            'required' => true
-          ),
-          'subscribe-button' => array(
-            'required' => true,
-            'validate_callback' => function( $param ) {
-              return $this->validate( 'config/subscribe-button', $param );
-            }
-          ),
-          'share' => array(
-            'required' => true,
-            'validate_callback' => function( $param ) {
-              return $this->validate( 'config/share', $param );
-            }
-          )
-        ),
-        'permissions_callback' => array( $this, 'api_permissions' )
-      )
-    );
-
-    register_rest_route( $this->plugin_name . '/' . $this->version, 'theme/(?P<id>[a-z0-9-]+)',
-      array(
-        'methods' => 'POST',
-        'callback' => array( $this, 'saveTheme' ),
-        'args' => array (
-          'id' => array(
-            'required' => true
-          ),
-          'tokens' => array(
-            'required' => true,
-            'validate_callback' => function( $param ) {
-              return $this->validate( 'theme/tokens', $param );
-            }
-          ),
-          'fonts' => array(
-            'required' => true,
-            'validate_callback' => function( $param ) {
-              return $this->validate( 'theme/fonts', $param );
-            }
-          )
-        ),
-        'permissions_callback' => array( $this, 'api_permissions' )
-      )
-    );
-
-    register_rest_route( $this->plugin_name . '/' . $this->version, 'template/(?P<id>[a-z0-9-]+)',
-      array(
-        'methods' => 'POST',
-        'callback' => array( $this, 'saveTemplate' ),
-        'args' => array (
-          'id' => array(
-            'required' => true
-          ),
-          'template' => array(
-            'required' => true
-          )
-          ),
-        'permissions_callback' => array( $this, 'api_permissions' )
-      )
-    );
-
-    register_rest_route( $this->plugin_name . '/' . $this->version, 'config/(?P<id>[a-z0-9-]+)',
-      array(
-        'methods' => 'DELETE',
-        'callback' => array( $this, 'deleteConfig' ),
-        'args' => array (
-          'id' => array(
-            'required' => true,
-            'validate_callback' => function( $param ) {
-              return $this->validate( 'delete/id', $param );
-            }
-          )
-        ),
-        'permissions_callback' => array( $this, 'api_permissions' )
-      )
-    );
-
-    register_rest_route( $this->plugin_name . '/' . $this->version, 'theme/(?P<id>[a-z0-9-]+)',
-      array(
-        'methods' => 'DELETE',
-        'callback' => array( $this, 'deleteTheme' ),
-        'args' => array (
-          'id' => array(
-            'required' => true,
-            'validate_callback' => function( $param ) {
-              return $this->validate( 'delete/id', $param );
-            }
-          )
-        ),
-        'permissions_callback' => array( $this, 'api_permissions' )
-      )
-    );
-
-    register_rest_route( $this->plugin_name . '/' . $this->version, 'template/(?P<id>[a-z0-9-]+)',
-      array(
-        'methods' => 'DELETE',
-        'callback' => array( $this, 'deleteTemplate' ),
-        'args' => array (
-          'id' => array(
-            'required' => true,
-            'validate_callback' => function( $param ) {
-              return $this->validate( 'delete/id', $param );
-            }
-          )
-        ),
-        'permissions_callback' => array( $this, 'api_permissions' )
-      )
-    );
-
-    register_rest_route( $this->plugin_name . '/' . $this->version, 'settings',
-      array(
-        'methods' => 'POST',
-        'callback' => array( $this, 'saveSettings' ),
-        'args' => array (
-          'source' => array(
-            'required' => true,
-            'validate_callback' => function( $param ) {
-              return $this->validate( 'settings/source', $param );
-            }
-          )
-        ),
-        'permissions_callback' => array( $this, 'api_permissions' )
-      )
-    );
-  }
-
-  /**
-	 * Validates the API payload
-	 *
-	 * @since    5.0.2
-	 */
-  public function validate($type, $value)
-  {
-    switch ($type) {
-      case 'config/subscribe-button':
-        return
-          array_key_exists('feed', $value) &&
-          array_key_exists('clients', $value);
-
-      case 'config/share':
-        return
-          array_key_exists('channels', $value) &&
-          array_key_exists('outlet', $value) &&
-          array_key_exists('sharePlaytime', $value);
-
-      case 'theme/tokens':
-        return
-          array_key_exists('brand', $value) &&
-          array_key_exists('brandDark', $value) &&
-          array_key_exists('brandDarkest', $value) &&
-          array_key_exists('brandLightest', $value) &&
-          array_key_exists('shadeDark', $value) &&
-          array_key_exists('shadeBase', $value) &&
-          array_key_exists('contrast', $value) &&
-          array_key_exists('alt', $value);
-
-      case 'theme/fonts':
-        return
-          array_key_exists('ci', $value) &&
-          array_key_exists('regular', $value) &&
-          array_key_exists('bold', $value);
-
-      case 'delete/id':
-        return $value !== 'default';
-
-      case 'settings/source':
-        return $value === 'local' || $value === 'cdn';
-
-      default:
-        return false;
+    /**
+     * The ID of this plugin.
+     *
+     * @since    5.0.2
+     * @access   private
+     * @var      string    $plugin_name    The ID of this plugin.
+     */
+    private $plugin_name;
+
+    /**
+     * The version of this plugin.
+     *
+     * @since    5.0.2
+     * @access   private
+     * @var      string    $version    The current version of this plugin.
+     */
+    private $version;
+
+    /**
+     * Plugin options
+     */
+    private $options;
+
+    /**
+     * Initialize the class and set its properties.
+     *
+     * @since    5.0.2
+     * @param      string    $plugin_name       The name of this plugin.
+     * @param      string    $version    The version of this plugin.
+     */
+    public function __construct($plugin_name, $version)
+    {
+        $this->plugin_name = $plugin_name;
+        $this->version = $version;
+        $this->options = new Podlove_Web_Player_Options($plugin_name);
+    }
+
+    /**
+     * Define API paths
+     *
+     * @since    5.0.2
+     */
+    public function routes()
+    {
+        return array(
+            'bootstrap' => esc_url_raw(rest_url($this->plugin_name . '/' . $this->version . '/' . 'bootstrap')),
+            'config' => esc_url_raw(rest_url($this->plugin_name . '/' . $this->version . '/' . 'config')),
+            'theme' => esc_url_raw(rest_url($this->plugin_name . '/' . $this->version . '/' . 'theme')),
+            'template' => esc_url_raw(rest_url($this->plugin_name . '/' . $this->version . '/' . 'template')),
+            'settings' => esc_url_raw(rest_url($this->plugin_name . '/' . $this->version . '/' . 'settings')),
+            'shows' => esc_url_raw(rest_url($this->plugin_name . '/' . $this->version . '/' . 'shows')),
+        );
+    }
+
+    /**
+     * Register the API routes
+     *
+     * @since    5.0.2
+     */
+    public function registerRoutes()
+    {
+        register_rest_route($this->plugin_name . '/' . $this->version, 'bootstrap',
+            array(
+                'methods' => 'GET',
+                'callback' => array($this, 'bootstrap'),
+                'permissions_callback' => array($this, 'api_permissions'),
+            )
+        );
+
+        register_rest_route($this->plugin_name . '/' . $this->version, 'config/(?P<id>[a-z0-9-]+)',
+            array(
+                'methods' => 'POST',
+                'callback' => array($this, 'saveConfig'),
+                'args' => array(
+                    'id' => array(
+                        'required' => true,
+                    ),
+                    'subscribe-button' => array(
+                        'required' => true,
+                        'validate_callback' => function ($param) {
+                            return $this->validate('config/subscribe-button', $param);
+                        },
+                    ),
+                    'share' => array(
+                        'required' => true,
+                        'validate_callback' => function ($param) {
+                            return $this->validate('config/share', $param);
+                        },
+                    ),
+                ),
+                'permissions_callback' => array($this, 'api_permissions'),
+            )
+        );
+
+        register_rest_route($this->plugin_name . '/' . $this->version, 'theme/(?P<id>[a-z0-9-]+)',
+            array(
+                'methods' => 'POST',
+                'callback' => array($this, 'saveTheme'),
+                'args' => array(
+                    'id' => array(
+                        'required' => true,
+                    ),
+                    'tokens' => array(
+                        'required' => true,
+                        'validate_callback' => function ($param) {
+                            return $this->validate('theme/tokens', $param);
+                        },
+                    ),
+                    'fonts' => array(
+                        'required' => true,
+                        'validate_callback' => function ($param) {
+                            return $this->validate('theme/fonts', $param);
+                        },
+                    ),
+                ),
+                'permissions_callback' => array($this, 'api_permissions'),
+            )
+        );
+
+        register_rest_route($this->plugin_name . '/' . $this->version, 'template/(?P<id>[a-z0-9-]+)',
+            array(
+                'methods' => 'POST',
+                'callback' => array($this, 'saveTemplate'),
+                'args' => array(
+                    'id' => array(
+                        'required' => true,
+                    ),
+                    'template' => array(
+                        'required' => true,
+                    ),
+                ),
+                'permissions_callback' => array($this, 'api_permissions'),
+            )
+        );
+
+        register_rest_route($this->plugin_name . '/' . $this->version, 'config/(?P<id>[a-z0-9-]+)',
+            array(
+                'methods' => 'DELETE',
+                'callback' => array($this, 'deleteConfig'),
+                'args' => array(
+                    'id' => array(
+                        'required' => true,
+                        'validate_callback' => function ($param) {
+                            return $this->validate('delete/id', $param);
+                        },
+                    ),
+                ),
+                'permissions_callback' => array($this, 'api_permissions'),
+            )
+        );
+
+        register_rest_route($this->plugin_name . '/' . $this->version, 'theme/(?P<id>[a-z0-9-]+)',
+            array(
+                'methods' => 'DELETE',
+                'callback' => array($this, 'deleteTheme'),
+                'args' => array(
+                    'id' => array(
+                        'required' => true,
+                        'validate_callback' => function ($param) {
+                            return $this->validate('delete/id', $param);
+                        },
+                    ),
+                ),
+                'permissions_callback' => array($this, 'api_permissions'),
+            )
+        );
+
+        register_rest_route($this->plugin_name . '/' . $this->version, 'template/(?P<id>[a-z0-9-]+)',
+            array(
+                'methods' => 'DELETE',
+                'callback' => array($this, 'deleteTemplate'),
+                'args' => array(
+                    'id' => array(
+                        'required' => true,
+                        'validate_callback' => function ($param) {
+                            return $this->validate('delete/id', $param);
+                        },
+                    ),
+                ),
+                'permissions_callback' => array($this, 'api_permissions'),
+            )
+        );
+
+        register_rest_route($this->plugin_name . '/' . $this->version, 'settings',
+            array(
+                'methods' => 'POST',
+                'callback' => array($this, 'saveSettings'),
+                'args' => array(
+                    'source' => array(
+                        'required' => true,
+                        'validate_callback' => function ($param) {
+                            return $this->validate('settings/source', $param);
+                        },
+                    ),
+                ),
+                'permissions_callback' => array($this, 'api_permissions'),
+            )
+        );
+
+        register_rest_route($this->plugin_name . '/' . $this->version, 'shows',
+            array(
+                'methods' => 'GET',
+                'callback' => array($this, 'shows'),
+                'permissions_callback' => array($this, 'api_permissions'),
+            )
+        );
+    }
+
+    /**
+     * Validates the API payload
+     *
+     * @since    5.0.2
+     */
+    public function validate($type, $value)
+    {
+        switch ($type) {
+            case 'config/subscribe-button':
+                return
+                array_key_exists('feed', $value) &&
+                array_key_exists('clients', $value);
+
+            case 'config/share':
+                return
+                array_key_exists('channels', $value) &&
+                array_key_exists('outlet', $value) &&
+                array_key_exists('sharePlaytime', $value);
+
+            case 'theme/tokens':
+                return
+                array_key_exists('brand', $value) &&
+                array_key_exists('brandDark', $value) &&
+                array_key_exists('brandDarkest', $value) &&
+                array_key_exists('brandLightest', $value) &&
+                array_key_exists('shadeDark', $value) &&
+                array_key_exists('shadeBase', $value) &&
+                array_key_exists('contrast', $value) &&
+                array_key_exists('alt', $value);
+
+            case 'theme/fonts':
+                return
+                array_key_exists('ci', $value) &&
+                array_key_exists('regular', $value) &&
+                array_key_exists('bold', $value);
+
+            case 'delete/id':
+                return $value !== 'default';
+
+            case 'settings/source':
+                return $value === 'local' || $value === 'cdn';
+
+            default:
+                return false;
+        }
+    }
+
+    /**
+     * Check API permissions
+     *
+     * @since    5.0.2
+     */
+    public function api_permissions()
+    {
+        return current_user_can('manage_options');
+    }
+
+    /**
+     * Save API config
+     *
+     * @since    5.0.2
+     */
+    public function saveConfig(WP_REST_Request $request)
+    {
+        $options = $this->options->read();
+        $configId = $request->get_param('id');
+
+        $options['configs'] = array_merge($options['configs'], array(
+            $configId => array(
+                'activeTab' => $request->get_param('activeTab'),
+                'subscribe-button' => $request->get_param('subscribe-button'),
+                'share' => $request->get_param('share'),
+            ),
+        ));
+
+        $this->options->update($options);
+        $options = $this->options->read();
+
+        return rest_ensure_response($options['configs'][$configId]);
+    }
+
+    /**
+     * Save API theme
+     *
+     * @since    5.0.2
+     */
+    public function saveTheme(WP_REST_Request $request)
+    {
+        $options = $this->options->read();
+        $themeId = $request->get_param('id');
+
+        $options['themes'] = array_merge($options['themes'], array(
+            $themeId => array(
+                'tokens' => $request->get_param('tokens'),
+                'fonts' => $request->get_param('fonts'),
+            ),
+        ));
+
+        $this->options->update($options);
+        $options = $this->options->read();
+
+        return rest_ensure_response($options['themes'][$themeId]);
+    }
+
+    /**
+     * Save API template
+     *
+     * @since    5.0.2
+     */
+    public function saveTemplate(WP_REST_Request $request)
+    {
+        $options = $this->options->read();
+        $templateId = $request->get_param('id');
+
+        $options['templates'] = array_merge($options['templates'], array(
+            $templateId => $request->get_param('template'),
+        ));
+
+        $this->options->update($options);
+        $options = $this->options->read();
+
+        return rest_ensure_response($options['templates'][$templateId]);
+    }
+
+    /**
+     * Delete API config
+     *
+     * @since    5.0.2
+     */
+    public function deleteConfig(WP_REST_Request $request)
+    {
+        $options = $this->options->read();
+        $configId = $request->get_param('id');
+
+        unset($options['configs'][$configId]);
+
+        $this->options->update($options);
+        return rest_ensure_response(true);
+    }
+
+    /**
+     * Delete API theme
+     *
+     * @since    5.0.2
+     */
+    public function deleteTheme(WP_REST_Request $request)
+    {
+        $options = $this->options->read();
+        $themeId = $request->get_param('id');
+
+        unset($options['themes'][$themeId]);
+
+        $this->options->update($options);
+        return rest_ensure_response(true);
+    }
+
+    /**
+     * Delete API template
+     *
+     * @since    5.0.2
+     */
+    public function deleteTemplate(WP_REST_Request $request)
+    {
+        $options = $this->options->read();
+        $templateId = $request->get_param('id');
+
+        unset($options['templates'][$templateId]);
+
+        $this->options->update($options);
+        return rest_ensure_response(true);
+    }
+
+    /**
+     * Save settings
+     *
+     * @since    5.0.2
+     */
+    public function saveSettings(WP_REST_Request $request)
+    {
+        $options = $this->options->read();
+        $source = $request->get_param('source');
+        $enclosure = $request->get_param('enclosure');
+        $legacy = $request->get_param('legacy');
+        $defaults = $request->get_param('defaults');
+
+        $options['settings']['source']['selected'] = $source;
+        $options['settings']['enclosure'] = $enclosure;
+        $options['settings']['legacy'] = $legacy;
+        $options['settings']['defaults'] = $defaults;
+
+        $this->options->update($options);
+        $options = $this->options->read();
+
+        return rest_ensure_response($options['settings']);
+    }
+
+    /**
+     * Load initial data
+     *
+     * @since    5.0.2
+     */
+    public function bootstrap()
+    {
+        $data = $this->options->read();
+        $data['presets'] = $this->options->presets();
+
+        return rest_ensure_response($data);
+    }
+
+    /**
+     * List all available shows
+     *
+     * @since 5.1.2
+     */
+    public function shows()
+    {
+        $result = get_terms('shows', array(
+          'hide_empty' => 0,
+          'fields' => 'all',
+        ));
+
+        return rest_ensure_response($result);
     }
-  }
-
-  /**
-	 * Check API permissions
-	 *
-	 * @since    5.0.2
-	 */
-  public function api_permissions()
-  {
-		return current_user_can( 'manage_options' );
-  }
-
-  /**
-	 * Save API config
-	 *
-	 * @since    5.0.2
-	 */
-  public function saveConfig( WP_REST_Request $request )
-  {
-    $options = $this->options->read();
-    $configId = $request->get_param( 'id' );
-
-    $options['configs'] = array_merge($options['configs'], array(
-      $configId => array(
-        'activeTab' => $request->get_param( 'activeTab' ),
-        'subscribe-button' => $request->get_param( 'subscribe-button' ),
-        'share' => $request->get_param( 'share' )
-      )
-    ));
-
-
-    $this->options->update($options);
-    $options = $this->options->read();
-
-    return rest_ensure_response( $options['configs'][$configId] );
-  }
-
-  /**
-	 * Save API theme
-	 *
-	 * @since    5.0.2
-	 */
-  public function saveTheme( WP_REST_Request $request )
-  {
-    $options = $this->options->read();
-    $themeId = $request->get_param( 'id' );
-
-    $options['themes'] = array_merge($options['themes'], array(
-      $themeId => array(
-        'tokens' => $request->get_param( 'tokens' ),
-        'fonts' => $request->get_param( 'fonts' )
-      )
-    ));
-
-    $this->options->update($options);
-    $options = $this->options->read();
-
-    return rest_ensure_response( $options['themes'][$themeId] );
-  }
-
-  /**
-	 * Save API template
-	 *
-	 * @since    5.0.2
-	 */
-  public function saveTemplate( WP_REST_Request $request )
-  {
-    $options = $this->options->read();
-    $templateId = $request->get_param( 'id' );
-
-    $options['templates'] = array_merge($options['templates'], array(
-      $templateId => $request->get_param( 'template' )
-    ));
-
-    $this->options->update($options);
-    $options = $this->options->read();
-
-    return rest_ensure_response( $options['templates'][$templateId] );
-  }
-
-  /**
-	 * Delete API config
-	 *
-	 * @since    5.0.2
-	 */
-  public function deleteConfig( WP_REST_Request $request )
-  {
-    $options = $this->options->read();
-    $configId = $request->get_param( 'id' );
-
-    unset($options['configs'][$configId]);
-
-    $this->options->update($options);
-    return rest_ensure_response( true );
-  }
-
-  /**
-	 * Delete API theme
-	 *
-	 * @since    5.0.2
-	 */
-  public function deleteTheme( WP_REST_Request $request )
-  {
-    $options = $this->options->read();
-    $themeId = $request->get_param( 'id' );
-
-    unset($options['themes'][$themeId]);
-
-    $this->options->update($options);
-    return rest_ensure_response( true );
-  }
-
-  /**
-	 * Delete API template
-	 *
-	 * @since    5.0.2
-	 */
-  public function deleteTemplate( WP_REST_Request $request )
-  {
-    $options = $this->options->read();
-    $templateId = $request->get_param( 'id' );
-
-    unset($options['templates'][$templateId]);
-
-    $this->options->update($options);
-    return rest_ensure_response( true );
-  }
-
-  /**
-	 * Save settings
-	 *
-	 * @since    5.0.2
-	 */
-  public function saveSettings( WP_REST_Request $request )
-  {
-    $options = $this->options->read();
-    $source = $request->get_param( 'source' );
-    $enclosure = $request->get_param( 'enclosure' );
-    $legacy = $request->get_param( 'legacy' );
-    $defaults = $request->get_param( 'defaults' );
-
-    $options['settings']['source']['selected'] = $source;
-    $options['settings']['enclosure'] = $enclosure;
-    $options['settings']['legacy'] = $legacy;
-    $options['settings']['defaults'] = $defaults;
-
-    $this->options->update($options);
-    $options = $this->options->read();
-
-    return rest_ensure_response( $options['settings'] );
-  }
-
-  /**
-	 * Load initial data
-	 *
-	 * @since    5.0.2
-	 */
-  public function bootstrap()
-  {
-    $data = $this->options->read();
-    $data['presets'] = $this->options->presets();
-
-    return rest_ensure_response( $data );
-  }
 }
diff --git a/src/plugin/includes/class-podlove-web-player-embed-api.php b/src/plugin/includes/class-podlove-web-player-embed-api.php
index 9df4ef8..479b38c 100644
--- a/src/plugin/includes/class-podlove-web-player-embed-api.php
+++ b/src/plugin/includes/class-podlove-web-player-embed-api.php
@@ -36,7 +36,6 @@ class Podlove_Web_Player_Embed_API
      */
     private $interoperability;
 
-
     /**
      * Initialize the class and set its properties.
      *
@@ -47,7 +46,7 @@ class Podlove_Web_Player_Embed_API
     public function __construct($plugin_name)
     {
         $this->plugin_name = $plugin_name;
-        $this->options     = new Podlove_Web_Player_Options($plugin_name);
+        $this->options = new Podlove_Web_Player_Options($plugin_name);
         $this->interoperability = new Podlove_Web_Player_Interoperability($this->plugin_name);
     }
 
@@ -59,9 +58,10 @@ public function __construct($plugin_name)
     public function routes()
     {
         return array(
-            'post'      => esc_url_raw(rest_url($this->plugin_name . '/' . 'shortcode' . '/' . 'post')),
+            'post' => esc_url_raw(rest_url($this->plugin_name . '/' . 'shortcode' . '/' . 'post')),
             'publisher' => esc_url_raw(rest_url($this->plugin_name . '/' . 'shortcode' . '/' . 'publisher')),
-            'config'    => esc_url_raw(rest_url($this->plugin_name . '/' . 'shortcode' . '/' . 'config'))
+            'config' => esc_url_raw(rest_url($this->plugin_name . '/' . 'shortcode' . '/' . 'config')),
+            'show' => esc_url_raw(rest_url($this->plugin_name . '/' . 'shortcode' . '/' . 'show')),
         );
     }
 
@@ -76,9 +76,9 @@ public function registerRoutes()
             $this->plugin_name . '/' . 'shortcode',
             'post/(?P<id>\d+)',
             array(
-                'methods'  => 'GET',
+                'methods' => 'GET',
                 'callback' => array($this, 'post'),
-                'args'     => array(
+                'args' => array(
                     'id' => array(
                         'required' => true,
                     ),
@@ -87,37 +87,54 @@ public function registerRoutes()
         );
 
         if ($this->interoperability->isPublisherActive()) {
-          register_rest_route(
-              $this->plugin_name . '/' . 'shortcode',
-              'publisher/(?P<id>\d+)',
-              array(
-                  'methods'  => 'GET',
-                  'callback' => array($this, 'publisher'),
-                  'args'     => array(
-                      'id' => array(
-                          'required' => true,
-                      ),
-                  ),
-              )
-          );
+            register_rest_route(
+                $this->plugin_name . '/' . 'shortcode',
+                'publisher/(?P<id>\d+)',
+                array(
+                    'methods' => 'GET',
+                    'callback' => array($this, 'episode'),
+                    'args' => array(
+                        'id' => array(
+                            'required' => true,
+                        ),
+                    ),
+                )
+            );
+
+            register_rest_route(
+                $this->plugin_name . '/' . 'shortcode',
+                'show/(?P<slug>[a-z0-9-]+)',
+                array(
+                    'methods' => 'GET',
+                    'callback' => array($this, 'show'),
+                    'args' => array(
+                        'slug' => array(
+                            'required' => true,
+                        ),
+                    ),
+                )
+            );
         }
 
         register_rest_route(
-            $this->plugin_name . '/' . 'shortcode',
-            'config/(?P<config>\w+)/theme/(?P<theme>\w+)',
-            array(
-                'methods'  => 'GET',
-                'callback' => array($this, 'config'),
-                'args'     => array(
-                    'config' => array(
-                        'required' => true,
-                    ),
-                    'theme'  => array(
-                        'required' => true,
-                    ),
-                ),
-            )
-        );
+          $this->plugin_name . '/' . 'shortcode',
+          'config/(?P<config>[a-z0-9-]+)/theme/(?P<theme>[a-z0-9-]+)/show/(?P<show>[a-z0-9-]+)',
+          array(
+              'methods' => 'GET',
+              'callback' => array($this, 'config'),
+              'args' => array(
+                  'config' => array(
+                      'required' => true,
+                  ),
+                  'theme' => array(
+                      'required' => true,
+                  ),
+                  'show' => array(
+                      'required' => true,
+                  ),
+              ),
+          )
+      );
     }
 
     /**
@@ -129,22 +146,22 @@ public function validate($type, $value)
     {
         switch ($type) {
             default:
-              return false;
+                return false;
         }
     }
 
     public function post(WP_REST_Request $request)
     {
-        $postId       = $request->get_param('id');
-        $post         = get_post($postId);
+        $postId = $request->get_param('id');
+        $post = get_post($postId);
         $customFields = get_post_custom($postId);
 
-        $chapters    = json_decode($customFields['chapters'][0]);
+        $chapters = json_decode($customFields['chapters'][0]);
         $transcripts = json_decode($customFields['transcripts'][0]);
 
         $enclosure = explode("\n", $customFields['enclosure'][0]);
 
-        $url      = $enclosure[0];
+        $url = $enclosure[0];
         $fileSize = $enclosure[1];
         $mimeType = $enclosure[2];
 
@@ -152,49 +169,95 @@ public function post(WP_REST_Request $request)
 
         return rest_ensure_response(
             array(
-                'title'       => $post->post_title,
-                'duration'    => $duration['duration'],
-                'link'        => get_permalink($post),
-                'poster'      => get_the_post_thumbnail_url($post),
-                'audio'       => array(
+                'title' => $post->post_title,
+                'duration' => $duration['duration'],
+                'link' => get_permalink($post),
+                'poster' => get_the_post_thumbnail_url($post),
+                'audio' => array(
                     array(
                         'mimeType' => $mimeType,
-                        'url'      => $url,
-                        'size'     => $fileSize,
-                        'title'    => strtoupper($mimeType),
+                        'url' => $url,
+                        'size' => $fileSize,
+                        'title' => strtoupper($mimeType),
                     ),
                 ),
-                'chapters'    => $chapters ? $chapters : array(),
-                'show'        => array(
-                    'title'    => get_bloginfo('name'),
+                'chapters' => $chapters ? $chapters : array(),
+                'show' => array(
+                    'title' => get_bloginfo('name'),
                     'subtitle' => get_bloginfo('description'),
-                    'link'     => get_bloginfo('url'),
+                    'link' => get_bloginfo('url'),
                 ),
                 'transcripts' => $transcripts ? $transcripts : array(),
             )
         );
     }
 
-    public function publisher(WP_REST_Request $request)
+    public function episode(WP_REST_Request $request)
     {
         $publisherId = $request->get_param('id');
         return rest_ensure_response(\podlove_pwp5_attributes(array('post_id' => $publisherId)));
     }
 
+    public function show(WP_REST_Request $request)
+    {
+        $slug = $request->get_param('slug');
+
+        if( $this->interoperability->isPublisherActive() === false) {
+          return rest_ensure_response(array());
+        }
+
+        if ($slug === 'default') {
+            $args = array(
+              'post_type' => 'podcast',
+              'orderby' => array( 'post_date' => 'DESC' ),
+              'post_status' => 'publish',
+              'posts_per_page' => 20
+            );
+        } else {
+          $args = array(
+            'post_type' => 'podcast',
+            'tax_query' => array(
+                array(
+                    'taxonomy' => 'shows',
+                    'field' => 'slug',
+                    'terms' => $slug,
+                ),
+            ),
+          );
+        }
+
+        $show = new WP_Query($args);
+        $posts = $show->get_posts();
+
+        $result = array();
+
+        foreach ($posts as &$post) {
+            $episode = \podlove_pwp5_attributes(array('post_id' => $post->ID));
+            $result[] = array(
+                'title' => $episode['title'],
+                'config' => $this->routes()['publisher'] . '/' . $post->ID,
+                'duration' => $episode['duration'],
+            );
+        }
+
+        return rest_ensure_response($result);
+    }
+
     public function config(WP_REST_Request $request)
     {
         $configId = $request->get_param('config');
-        $themeId  = $request->get_param('theme');
+        $themeId = $request->get_param('theme');
+        $showId = $request->get_param('show');
 
         $options = $this->options->read();
         $config = $options['configs'][$configId];
 
         $config['version'] = 5;
-        $theme  = array(
+        $theme = array(
             'theme' => $options['themes'][$themeId],
         );
 
-        $sources  = $options['settings']['source']['items'];
+        $sources = $options['settings']['source']['items'];
         $selected = $options['settings']['source']['selected'];
 
         $share = array(
@@ -202,13 +265,17 @@ public function config(WP_REST_Request $request)
         );
 
         if (!is_null($config['share']['outlet'])) {
-          $config['share']['outlet'] = $sources[$selected] . 'share.html';
+            $config['share']['outlet'] = $sources[$selected] . 'share.html';
         }
 
         // Disable subscribe when no clients are available
         $availableClients = $config['subscribe-button']['clients'];
         $config['subscribe-button'] = count($availableClients) > 0 ? $config['subscribe-button'] : null;
 
+        if (isset($showId)) {
+            $config['playlist'] = $this->routes()['show'] . '/' . $showId;
+        }
+
         return rest_ensure_response(array_merge($config, $theme, $share));
     }
 }
diff --git a/src/plugin/includes/class-podlove-web-player-shortcode.php b/src/plugin/includes/class-podlove-web-player-shortcode.php
index 75aa312..9a87605 100644
--- a/src/plugin/includes/class-podlove-web-player-shortcode.php
+++ b/src/plugin/includes/class-podlove-web-player-shortcode.php
@@ -126,19 +126,19 @@ private function episode($attributes)
         }
 
         if ($this->interoperability->isPublisherActive()) {
-          if (isset($attributes['publisher'])) {
-              return $this->routes['publisher'] . '/' . $attributes['publisher'];
-          }
+            if (isset($attributes['publisher'])) {
+                return $this->routes['publisher'] . '/' . $attributes['publisher'];
+            }
 
-          if (isset($attributes['post_id'])) {
-              return $this->routes['publisher'] . '/' . $attributes['post_id'];
-          }
+            if (isset($attributes['post_id'])) {
+                return $this->routes['publisher'] . '/' . $attributes['post_id'];
+            }
 
-          $id = get_the_ID();
+            $id = get_the_ID();
 
-          if (isset($id)) {
-              return $this->routes['publisher'] . '/' . $id;
-          }
+            if (isset($id)) {
+                return $this->routes['publisher'] . '/' . $id;
+            }
         }
     }
 
@@ -163,7 +163,7 @@ private function fromAttributes($attributes)
             'duration' => $attributes['duration'] ?? null,
             'poster' => $attributes['poster'] ?? null,
             'show' => array(
-              'title' => $attributes['show'] ?? null
+                'title' => $attributes['show'] ?? null,
             ),
             'chapters' => $chapters ?? array(),
             'transcripts' => $transcripts ?? array(),
@@ -182,11 +182,11 @@ private function audio($attributes)
         $size = 0;
 
         if (isset($attributes['size'])) {
-          $size = $attributes['size'];
+            $size = $attributes['size'];
         }
 
         if (isset($attributes['filesize'])) {
-          $size = $attributes['filesize'];
+            $size = $attributes['filesize'];
         }
 
         if (isset($attributes['mp3'])) {
@@ -298,23 +298,23 @@ private function chapters($attribute, $chapters)
      */
     private function transcripts($attribute, $transcripts)
     {
-      if (!isset($attribute)) {
-        return array();
-      }
+        if (!isset($attribute)) {
+            return array();
+        }
 
-      if ($transcripts === '') {
-        return $attribute;
-      }
+        if ($transcripts === '') {
+            return $attribute;
+        }
 
-      $result = json_decode($transcripts);
+        $result = json_decode($transcripts);
 
-      if ($result === '') {
-          return array();
-      }
+        if ($result === '') {
+            return array();
+        }
 
-      if ($result !== null) {
-          return $result;
-      }
+        if ($result !== null) {
+            return $result;
+        }
     }
 
     /**
@@ -347,8 +347,9 @@ private function config($attributes)
 
         $config = $attributes['config'] ?? $defaultConfig;
         $theme = $attributes['theme'] ?? $defaultTheme;
+        $show = $attributes['show'] ?? 'default';
 
-        return $this->routes['config'] . '/' . $config . '/' . 'theme' . '/' . $theme;
+        return $this->routes['config'] . '/' . $config . '/' . 'theme' . '/' . $theme . '/' . 'show' . '/' . $show;
     }
 
     /**
@@ -372,10 +373,10 @@ private function html($id, $episode, $config, $template)
     ';
 
         return strtr($embed, array(
-          '$id' => $id,
-          '$episode' => is_string($episode) ? '"' . $episode . '"' : json_encode($episode),
-          '$config' => $config,
-          '$template' => $template,
+            '$id' => $id,
+            '$episode' => is_string($episode) ? '"' . $episode . '"' : json_encode($episode),
+            '$config' => $config,
+            '$template' => $template,
         ));
     }
 
diff --git a/src/plugin/podlove-web-player.php b/src/plugin/podlove-web-player.php
index d5bf652..28300ac 100755
--- a/src/plugin/podlove-web-player.php
+++ b/src/plugin/podlove-web-player.php
@@ -16,7 +16,7 @@
  * Plugin Name:       Podlove Web Player
  * Plugin URI:        https://docs.podlove.org/podlove-web-player/
  * Description:       Audio First Podcast Web Player
- * Version:           5.1.2
+ * Version:           5.2.0
  * Author:            Podlove
  * Author URI:        http://podlove.org
  * License:           MIT
@@ -30,7 +30,7 @@
 	die;
 }
 
-define( 'PODLOVE_WEB_PLAYER_VERSION', '5.1.2' );
+define( 'PODLOVE_WEB_PLAYER_VERSION', '5.2.0' );
 define( 'PODLOVE_WEB_PLAYER_PATH', plugins_url( basename( __DIR__ ) ) );
 
 /**