fix: updated based on WP feedback

Author: deltork

packages/web-component/bin/make-wordpress-plugin

@@ -1,10 +1,5 @@
 #!/bin/bash
-#build the web-component
-npx nx build web-component
 # delete previous version
-rm -rf packages/web-component/wordpress-plugin/read-along-web-app-loader/js/*
 rm -rf packages/web-component/wordpress-plugin/read-along-web-app-loader.zip
-#add build to plugin and make zip
-cp dist/packages/web-component/dist/web-component/* packages/web-component/wordpress-plugin/read-along-web-app-loader/js/
 cd packages/web-component/wordpress-plugin/
 zip a -r ./read-along-web-app-loader.zip  ./read-along-web-app-loader

packages/web-component/wordpress-plugin/read-along-web-app-loader.zip

@@ -12,7 +12,7 @@
  * Plugin Name:       Read-Along Web App Loader
  * Plugin URI:        https://github.com/ReadAlongs/Studio-Web/
  * Description:       This plugin loads the script and styles needed to activate the <read-along> tag in a Word Press site
- * Version:           1.3.0
+ * Version:           1.3.2
  * Author:            Delasie Torkornoo
  * License:           MIT
  * License URI:       https://github.com/ReadAlongs/Studio-Web/blob/main/LICENSE
@@ -26,7 +26,7 @@
 /**
  * Currently plugin version.
  */
-define("Read_Along_Web_App_Loader_VERSION", "1.3.0");
+define("Read_Along_Web_App_Loader_VERSION", "1.3.2");
 define("Read_Along_Web_App_VERSION", "1.3.0");
 class ReadAlongWebAppLoader
 {
@@ -36,25 +36,34 @@ class ReadAlongWebAppLoader
    * Accepts version of read-along generated
    */
 
-  public static function short_code($attrs = [], $content = null)
+  public static function short_code($attrs = [], $content = null, $tag = "")
   {
     $output = "";
-    wp_enqueue_style(
-      "Read_Along_Web_App_Loader_Font",
-      "https://fonts.googleapis.com/css?family=Lato%7CMaterial+Icons%7CMaterial+Icons+Outlined",
-      [],
-      Read_Along_Web_App_Loader_VERSION
+    // normalize attribute keys, lowercase
+    $attrs = array_change_key_case((array) $attrs, CASE_LOWER);
+    $attributes = shortcode_atts(
+      [
+        "version" => Read_Along_Web_App_VERSION,
+      ],
+      $attrs,
+      $tag
     );
+
+    if (!is_null($content)) {
+      $output = apply_filters("the_content", $content);
+    }
+
+    $src = sprintf(
+      "https://unpkg.com/@readalongs/web-component@%s/dist/web-component/web-component.esm.js",
+      $attributes["version"]
+    );
+    //script source code https://github.com/ReadAlongs/Studio-Web/
     wp_enqueue_script_module(
       "read_along_web_component_script",
-      plugin_dir_url(__FILE__) . "js/web-component.esm.js",
+      $src,
       [],
       Read_Along_Web_App_VERSION
     );
-    if (!is_null($content)) {
-      $output = apply_filters("the_content", $content);
-    }
-
     return $output;
   }
   /**

packages/web-component/wordpress-plugin/read-along-web-app-loader/read-along-web-app-loader.php

@@ -3,23 +3,26 @@ Contributors: deltork
 Tags: read-along, read along, web app loading
 Requires at least: 6.5.0
 Tested up to: 6.5.2
-Stable tag: 1.3.0
+Stable tag: 1.3.2
 Requires PHP: 7.0
 License: MIT
-License URI: https://github.com/ReadAlongs/Studio-Web/blob/main/LICENSE
+License URI: GPLv2 or later
 
 This WordPress plugin allows the deployment and activation of a Read-Along generated using https://github.com/ReadAlongs/ on WordPress sites.
 
 
 == Description ==
-This plugin loads the script and styles needed to activate the <read-along> tag in a Word Press site.
-This WordPress plugin allows the deployment and activation of a Read-Along generated using https://github.com/ReadAlongs/ on WordPress sites. Just wrap your `<read-along>` in a WordPress shortcode `[read_along_web_app_loader]`. The plugin does not load the script on all pages on your site; it will only add the script to the pages with the shortcode.
+
+This plugin is a free service (no account required) for activating the &lt;read-along&gt; tag in a WordPress site. The source code of the scripts used to activate the  &lt;read-along&gt; tag is https://github.com/ReadAlongs/Studio-Web/.
+This plugin will help you deploy and activate a Read-Along generated using **Studio-Web** or **Studio-CLI** from https://github.com/ReadAlongs/ on your WordPress site.
+Please copy and paste the HTML code from the WordPress deployment section of the readme.txt generated by our studio application. Alternatively, just wrap your `<read-along>` in a WordPress shortcode `[read_along_web_app_loader]`.
+
 The shortcode accepts one optional attribute:
- - The `version` attribute for which version of the read-along generator
+ - The `version` attribute for which version of the read-along web app to use
 
 == Frequently Asked Questions ==
 
-= How to get the code required for my read along =
+= How to get the code required for my read-along =
 
 Copy the code from the WordPress deployment section of the readme.txt
 
@@ -29,16 +32,19 @@ There are two ways to generate a read-along. The online web app (download the we
 
 == Screenshots ==
 
-1. Configure read-along web app component in your WordPress classic editor
+1. Configure the read-along web app component in your WordPress classic editor
 2. Sample read-along book
-3. Configure read-along web app component in your WordPress block editor
+3. Configure the read-along web app component in your WordPress block editor
 
 == Changelog ==
-= 1.3.0=
-* Embedded the ReadAlong app scripts
+= 1.3.2 =
+* Code updates
 = 1.0.0 =
 * Initial Release
 
-
-
 == Upgrade Notice ==
+= 1.3.2 =
+Bumped default read-along app version to 1.3.0
+
+== Contributing ==
+The ReadAlong is an open-source project. You can make a Pull-Request to our repo at https://github.com/ReadAlongs/Studio-Web/