practisemaster 1.0.40 → 1.0.41

package/README.md

@@ -1,7 +1,7 @@
 This is the PractiseMaster repo, treat it with respect! [![Gitpod ready-to-code](https://img.shields.io/badge/Gitpod-ready--to--code-blue?logo=gitpod)](https://gitpod.io/#https://github.com/StephanLuis/PractiseMaster)
 
 
-# CI pathways,  take care each build triggers a github action!
+# CI pathways,  take care each commit triggers a github action!
 
 CI pathway strategy: the idea is to automate many of the steps that are involved in testing.  Publishing to NPM can be automated, triggering Browserstack tests can also be automated.  Browserstack badges also can be added to display test results without manual intervention. 
 
@@ -27,27 +27,134 @@ PM: Debugging on gitpod 8000, dev test on NPM and code sandbox, release on PM we
 See https://github.com/StephanLuis/BrowserStackSelenium/blob/main/TestURLs/PMtestURLs.mjs
 (on BSSelenium Repository)
 
-# Display Flowchart
 
-https://drive.google.com/drive/folders/1KXWqXpzDOVReIaBMAkTHVmr0r4kKMGL6?usp=sharing
+# Display Flowchart [(Edit Flowchart)](https://www.mermaidchart.com/app/projects/483c18fa-2653-4745-b930-79379ef18df8/diagrams/5f4e294a-c441-4f38-9dcd-55abffb63a8b/version/v0.1/edit)
+```mermaid
+---
+title: PM Device And Browser Response
+---
+flowchart TD
+    A[Problems: Phone Screen size, Safari mouse hover] 
+    A --> |ua-parser-js| C{".getDevice()<br>.type === 'mobile'"}
+    C -->|Yes| D[Display Full Screen Button Only fa:fa-up-right-and-down-left-from-center]
+    C -->|No| E[pageSupport]
+    E --> F{checkUserBrowser<br>Safari}
+    F-->|Yes| G[Static Controls]
+    F-->|No| H[Unmod PM controls]
+    
+```
+
+
+
+# Class Diagram  [(Edit Diagram)](https://www.mermaidchart.com/raw/64fb96ef-ce96-4acb-a36e-ee34ff79799d?theme=light&version=v0.1&format=svg)
+
+```mermaid
+---
+title: Class Diagram (CD) PractiseMaster
+---
+classDiagram
+LoopEditorWebComp"1"..|>"*"DocumentObject: Realisation PM.js
+PractiseMasterWebComp"1"..|>"*"DocumentObject
+LoopEditorWebComp<|--PractiseMasterWebComp: Inheritance
+PractiseMasterWebComp <|-- HTMLElement
+PractiseMasterWebComp*--PageSupport
+PractiseMasterWebComp*--PractiseMaster: Composition
+PageSupport*--HostSite
+PageSupport*--Helpers
+PageSupport*--UserRequest
+PractiseMaster"1"*--"*"Player
+Player*--Plyr
+Player*--Loop
+Loop<|--Chapter: Inheritance
+Player*--UIprep
+UserRequest<..UAParser: Dependancy
+UIprep<..input-duration: Dependancy
+
+
+class LoopEditorWebComp{
+    +constructor()
+}
+class PractiseMasterWebComp {
++constructor(+super())
++connectedCallback(+initialiseContainers())
++initialiseContainers()
+    ++replaceWithDiv(node)
+    ++replaceWithVideo(node)
+    ++replaceWithAudio(node)
++globals()
+}    
+class PageSupport {
+        +constructor()
 
-# Simplified Class Diagram [(Full Class Diagram)](https://www.mermaidchart.com/raw/64fb96ef-ce96-4acb-a36e-ee34ff79799d?theme=light&version=v0.1&format=svg)
-
- ```mermaid
-  graph TD;
-      PractiseMasterWebComp-->LoopEditorWebComp;
-      HTMLElement-->PractiseMasterWebComp;
-      PageSupport-->PractiseMasterWebComp;
-      PractiseMaster-->PractiseMasterWebComp;
-      HostSite-->PageSupport;
-      Helpers-->PageSupport;
-      UserRequest-->PageSupport;
-      Player-->PractiseMaster;
-      Plyr-->Player;
-      Loop-->Player;
-      Chapter-->Loop;
-      UIPrep-->Player;
-      UAParser-->UserRequest
-      input-duration-->UIPrep
-      
+}
+class PractiseMaster {
++constructor()
+}
+class HostSite{
+    +constructor()
+    +checkURL()
+    +formatIndependantCSS()
+    +cssForFiddleHedVimeo()
+
+}
+class Helpers{
+    +constructor()
+    +delegate(selector, handler)
+    +delegateByID(selector, handler)
+    +delegateByIDparams(selector, start, end, handler)
+    +toStringTime(numberSeconds)
+    +secondsNumber(param)
+    +hmsuToSecondsOnly(str)
+    +redWarningValidation(id)
+
+}
+class Player{
+    +constructor()
+    +setVideoListeners(id) object PMinstance_id
+}
+class Plyr{
+    +constructor()
+}
+class Loop{
+    +constructor()
+}
+class Chapter{
+    +constructor()
+}
+class UIprep{
+    +constructor()
+    +addAudioStyle(id)
+    +addHTMLlink()
+    +addHTMLchapter()
+    +disableDurationInputs(id)
+    +addLinkButton(id)
+    +styleInputDuration(id)
+    +applyPlyrReadyCssHTMLSettings()like static
+    +applyPMReadyCssHTMLSettings()
+    +setOffPlayerControls(player)
+    +offPlayerControls(id)
+
+
+}
+class UserRequest{
+    +constructor()
+}
+class UAParser{
+    +contructor();
+}
+class input-duration{
+    +constructor();
+}
+
+class DocumentObject{
+    +PMbundle.js
+ +HTMLElement practise-master
+ +HTMLElement loop-editor
+    +constructor();
+}
 ```
+=======
+
+# Display Flowchart
+
+https://drive.google.com/drive/folders/1KXWqXpzDOVReIaBMAkTHVmr0r4kKMGL6?usp=sharing

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "practisemaster",
-  "version": "1.0.40",
+  "version": "1.0.41",
   "description": "This is the PractiseMaster repo, treat it with respect! [![Gitpod ready-to-code](https://img.shields.io/badge/Gitpod-ready--to--code-blue?logo=gitpod)](https://gitpod.io/#https://github.com/StephanLuis/PractiseMaster)",
   "dependencies": {
     "input-duration": "^2.2.3",