npm - @peter.naydenov/cuts - Versions diffs - 2.0.1 → 2.0.3 - Mend

@peter.naydenov/cuts 2.0.1 → 2.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1029) hide show

package/test-e2e/package.json ADDED Viewed

@@ -0,0 +1,17 @@
+{
+  "name": "test-e2e",
+  "version": "1.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite"
+  },
+  "dependencies": {
+    "@peter.naydenov/shortcuts": "^4.0.2",
+    "@peter.naydenov/visual-controller-for-vue3": "^2.1.7",
+    "vue": "^3.5.32"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^6.0.5",
+    "vite": "^8.0.8"
+  }
+}

package/test-e2e/vite.config.js ADDED Viewed

@@ -0,0 +1,17 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import { resolve } from 'path'
+export default defineConfig({
+  plugins: [vue()],
+  root: '.',
+  server: {
+    port: 4174,
+    fs: {
+      allow: ['..']
+    }
+  },
+  build: {
+    outDir: resolve(__dirname, 'dist-test')
+  }
+})

package/test-results/.last-run.json ADDED Viewed

@@ -0,0 +1,4 @@
+{
+  "status": "passed",
+  "failedTests": []
+}

package/vite.config.js CHANGED Viewed

@@ -1,7 +1,17 @@
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
+import { resolve } from 'path'
-// https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue()]
+  plugins: [vue()],
+  resolve: {
+    alias: {
+      '@': resolve(__dirname, './src')
+    }
+  },
+  server: {
+    fs: {
+      allow: ['..']
+    }
+  }
 })

package/vitest.config.js CHANGED Viewed

@@ -3,10 +3,10 @@ import { defineConfig } from 'vitest/config'
 export default defineConfig({
   test: {
     environment: 'node',
+    exclude: ['test-e2e/**', 'node_modules/**'],
     coverage: {
       provider: 'v8',
       reporter: ['lcov', 'text-summary'],
     },
   },
 })

package/cypress/support/component-index.html DELETED Viewed

@@ -1,11 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=1200, initial-scale=1.0">
-    <title>Document</title>
-</head>
-<body>
-    <div data-cy-root></div>
-</body>
-</html>

package/test/01-general.cy.js DELETED Viewed

@@ -1,348 +0,0 @@
-'use strict'
-import VisualController from '@peter.naydenov/visual-controller-for-vue3' // Docs : https://github.com/PeterNaydenov/visual-controller-for-vue3
-import { expect } from 'chai'
-import cuts from '../src/main.js'
-import { pluginClick } from '@peter.naydenov/shortcuts'
-import Dummy from './dummy.vue'
-import Red from './red.vue'
-import Blue from './blue.vue'
-import Gray from './gray.vue'
-describe ( 'General', () => {
-    it ( 'Start a sreenWriter. ScreenWriter API', () => {
-                const script = cuts ();
-                expect ( script ).to.have.property ( 'show' )
-                expect ( script ).to.have.property ( 'hide' )
-                expect ( script ).to.have.property ( 'setScenes' )
-                expect ( script ).to.have.property ( 'setNote' )
-                expect ( script ).to.have.property ( 'listScenes' )
-                expect ( script ).to.have.property ( 'listShortcuts' )
-                expect ( script ).to.have.property ( 'setDependencies' )
-                expect ( script ).to.have.property ( 'getDependencies' )
-        }) // it start a director
-    it ( 'Load a top level page', done => {
-                let
-                      render = false
-                    , click = false
-                    , html = new VisualController ()
-                    ;
-                const
-                      script = cuts ()
-                    , d = document.querySelector ('[data-cy-root]')
-                    , testScene = {
-                                      show : ({ task, dependencies }) => {
-                                                const { html } = dependencies;
-                                                html.publish ( Red, {}, 'container' )
-                                                render = true
-                                                task.done ()
-                                            }
-                                    , hide : ({task, dependencies}) => {
-                                                const { html } = dependencies;
-                                                html.destroy ( 'container' )
-                                                task.done ()
-                                            }
-                                    , 'click: left-1' : ({dependencies,target}) => {
-                                                    click = true
-                                                }
-                            }
-                    ;
-                script.enablePlugin ( pluginClick )
-                d.id = 'root'
-                html.publish ( Dummy, {}, 'root' )
-                cy.wait ( 0 )
-                    .then ( () => {
-                            script.setDependencies ({ html })
-                            script.setScenes ([
-                                                  { name:'test', scene:testScene }
-                                            ])
-                            script.show ({ scene : 'test' })
-                            // cy.get ( '#target' ).click ()
-                        })
-                    .then ( () => {
-                            expect ( render ).to.be.true
-                            // expect ( click ).to.be.true
-                            return cy.wait ( 0 )
-                        })
-                    .then ( () => {
-                            return script.hide ()
-                        })
-                    .then ( () => {
-                            const pageContent = document.getElementById('container').innerHTML
-                            expect ( pageContent ).to.be.empty
-                            done ()
-                        })
-        }) // it load a top level page
-    it ( 'Load a deep level page', done => {
-            let
-                  render = false
-                , click = false
-                , html = new VisualController ()
-                ;
-            const
-                  script = cuts ()
-                , d = document.querySelector ('[data-cy-root]' )
-                , testScene = {
-                                  show : ({ task, dependencies }) => {
-                                            const { html } = dependencies;
-                                            html.publish ( Red, {}, 'container' )
-                                            render = true
-                                            task.done ()
-                                        }
-                                , hide : ({task, dependencies}) => {
-                                            const { html } = dependencies;
-                                            html.destroy ( 'container' )
-                                            task.done ()
-                                        }
-                                , parents : [ 'blue' ]
-                                , 'click: 1-left' : ({dependencies,target}) => { // Order in the event name after the prefix is not important
-                                                click = true
-                                            }
-                        }
-                , bluePage = {
-                                      show : ({ task, dependencies }) => {
-                                                const { html } = dependencies;
-                                                html.publish ( Blue, {}, 'blue' )
-                                                task.done ()
-                                            }
-                                    , hide : ({task, dependencies}) => {
-                                                const { html } = dependencies;
-                                                html.destroy ( 'blue' )
-                                                task.done ()
-                                            }
-                                    , 'click: left-1' : ({dependencies,target}) => {}
-                        }
-                ;
-            script.enablePlugin ( pluginClick )
-            d.id = 'root'
-            html.publish ( Dummy, {}, 'root' )
-            cy.wait ( 0 )
-                .then ( () => {
-                        script.setDependencies ({ html })
-                        script.setScenes ([
-                                              { name:'test' , scene : testScene }
-                                            , { name: 'blue', scene : bluePage  }
-                                        ])
-                        script.show ({ scene: 'test' })
-                        cy.get ( '#target' ).click ()
-                    })
-                .then ( () => {
-                        expect ( render ).to.be.true
-                        expect ( click ).to.be.true
-                        return cy.wait ( 0 )
-                    })
-                .then ( () => {
-                        return script.hide ( '*' )
-                    })
-                .then ( () => {
-                        const pageContent = document.getElementById('container').innerHTML
-                        expect ( pageContent ).to.be.empty
-                        done ()
-                    })
-        }) // it load a deep level page
-    it ( 'Turn to other branch', done => {
-            let
-                  render = false
-                , click = false
-                , html = new VisualController ()
-                ;
-            const
-                  script = cuts ()
-                , d = document.querySelector ('[data-cy-root]' )
-                , testScene = {
-                                  show : ({ task, dependencies }) => {
-                                            const { html } = dependencies;
-                                            html.publish ( Red, {}, 'subgray' )   // subgray is inside 'blue' component
-                                            render = true
-                                            task.done ()
-                                        }
-                                , hide : ({task, dependencies}) => {
-                                            const { html } = dependencies;
-                                            html.destroy ( 'subgray' )
-                                            task.done ()
-                                        }
-                                , parents : [ 'blue' ]
-                                , 'click: left-1' : ({dependencies,target}) => {
-                                                click = true
-                                            }
-                        }
-                , bluePage = {
-                                      show : ({ task, dependencies }) => {
-                                                const { html } = dependencies;
-                                                html.publish ( Blue, {}, 'blue' )
-                                                task.done ()
-                                            }
-                                    , hide : ({task, dependencies}) => {
-                                                const { html } = dependencies;
-                                                html.destroy ( 'blue' )
-                                                task.done ()
-                                            }
-                                    , 'click: left-1' : ({dependencies,target}) => {}
-                        }
-                , grayPage = {
-                                      show : ({ task, dependencies }) => {
-                                                const { html } = dependencies;
-                                                html.publish ( Gray, {}, 'subgray' )
-                                                task.done ()
-                                            }
-                                    , hide : ({task, dependencies}) => {
-                                                const { html } = dependencies;
-                                                html.destroy ( 'subgray' )
-                                                task.done ()
-                                            }
-                                    , parents : [ 'blue' ]
-                                    , 'click: left-1' : ({dependencies,target}) => {}
-                        }
-                ;
-            script.enablePlugin ( pluginClick )
-            d.id = 'root'
-            html.publish ( Dummy, {}, 'root' )
-            cy.wait ( 0 )
-                .then ( () => {
-                        script.setDependencies ({ html })
-                        script.setScenes ([
-                                              { name:'test', scene  : testScene }
-                                            , { name: 'blue', scene : bluePage  }
-                                            , { name: 'gray', scene : grayPage  }
-                                        ])
-                        script.show ({ scene : 'test' })
-                        cy.get ( '#target' ).click ()
-                    })
-                .then ( () => {
-                        expect ( render ).to.be.true
-                        expect ( click ).to.be.true
-                        return cy.wait ( 0 )
-                    })
-                .then ( () => script.show ({ scene : 'gray' }  ))
-                .then ( () => {
-                        const
-                              red = document.querySelectorAll ( '.red' )
-                            , blue = document.querySelectorAll ( '.gray' )
-                            ;
-                        expect ( blue.length ).to.be.equal ( 1 )
-                        expect ( red.length ).to.be.equal  ( 0 )
-                        done ()
-                    })
-    }) // it turn to other branch
-    it ( 'Jump and jumpBack', done => {
-            const
-                  script = cuts ()
-                , myLocations = []
-                , testScene = {
-                                  show : ({ task, dependencies }) => {
-                                            myLocations.push ( 'test scene' )
-                                            task.done ()
-                                        }
-                                , hide : ({task, dependencies}) =>  task.done ()
-                        }
-                , bluePage = {
-                                      show : ({ task, dependencies }) => {
-                                                myLocations.push ( 'blue scene' )
-                                                task.done ()
-                                            }
-                                    , hide : ({task, dependencies}) =>  task.done ()
-                                    , 'click: left-1' : ({dependencies,target}) => {}
-                        }
-                , grayPage = {
-                                      show : ({ task, dependencies }) => {
-                                                myLocations.push ( 'gray scene' )
-                                                task.done ()
-                                            }
-                                    , hide : ({task, dependencies}) =>  task.done ()
-                        }
-                ;
-            script.setScenes ([
-                                  { name:'test',  scene : testScene }
-                                , { name: 'blue', scene : bluePage  }
-                                , { name: 'gray', scene : grayPage  }
-                            ])
-            script.show ({ scene : 'test' })
-                  .then ( () =>  script.jump ({ scene : 'blue' })) // Go from test to blue. Remember 'test'
-                  .then ( () =>  script.jump ({ scene : 'gray' })) // Go from blue to gray. Remember 'blue'
-                  .then ( () =>  script.jumpBack ()) // Go back to blue. Taken from the stack
-                  .then ( () =>  script.jumpBack ()) // Go back to test. Taken from the stack
-                  .then ( () =>  script.jumpBack ()) // this should do nothing - no more back hops in stack
-                  .then ( () =>  {
-                        expect ( myLocations ).to.be.deep.equal ([
-                                                'test scene',
-                                                'blue scene',
-                                                'gray scene',
-                                                'blue scene',
-                                                'test scene'
-                                            ])
-                        done ()
-                    })
-        }) // it jump
-    it ( 'Jump and jumpsReset', done => {
-            const
-                  script = cuts ()
-                , myLocations = []
-                , testScene = {
-                                  show : ({ task, dependencies }) => {
-                                            myLocations.push ( 'test scene' )
-                                            task.done ()
-                                        }
-                                , hide : ({task, dependencies}) =>  task.done ()
-                        }
-                , bluePage = {
-                                      show : ({ task, dependencies }) => {
-                                                myLocations.push ( 'blue scene' )
-                                                task.done ()
-                                            }
-                                    , hide : ({task, dependencies}) =>  task.done ()
-                                    , 'click: left-1' : ({dependencies,target}) => {}
-                        }
-                , grayPage = {
-                                      show : ({ task, dependencies }) => {
-                                                myLocations.push ( 'gray scene' )
-                                                task.done ()
-                                            }
-                                    , hide : ({task, dependencies}) =>  task.done ()
-                        }
-                ;
-            script.setScenes ([
-                                  { name:'test',  scene : testScene }
-                                , { name: 'blue', scene : bluePage  }
-                                , { name: 'gray', scene : grayPage  }
-                            ])
-            script.show ({ scene : 'test' })
-                  .then ( () =>  script.jump ({ scene : 'blue' })) // Go from test to blue. Remember 'test'
-                  .then ( () =>  script.jump ({ scene : 'gray' })) // Go from blue to gray. Remember 'blue'
-                  .then ( () =>  script.jumpsReset () ) // Clear the jump stack
-                  .then ( () =>  script.jumpBack ()) // This should do nothing - no back hops
-                  .then ( () =>  {
-                        expect ( myLocations ).to.be.deep.equal ([
-                                                'test scene',
-                                                'blue scene',
-                                                'gray scene',
-                                            ])
-                        done ()
-                    })
-        }) // it jump
-}) // describe

/package/{test → test-e2e}/blue.vue RENAMED Viewed

File without changes

/package/{test → test-e2e}/dummy.vue RENAMED Viewed

File without changes

/package/{test → test-e2e}/gray.vue RENAMED Viewed

File without changes

/package/{test → test-e2e}/red.vue RENAMED Viewed

File without changes