@peter.naydenov/cuts 2.0.1 → 2.0.3

package/test-e2e/node_modules/@peter.naydenov/shortcuts/test/06-scroll.test.js

@@ -0,0 +1,374 @@
+import { beforeEach, afterEach, describe, it, expect } from 'vitest'
+import { userEvent } from 'vitest/browser'
+import {
+  getByLabelText,
+  getByText,
+  getByTestId,
+  queryByTestId,
+  // Tip: all queries are also exposed on an object
+  // called "queries" which you could import here as well
+  waitFor
+} from '@testing-library/dom'
+
+
+
+import '../test-helpers/style.css'
+import Block            from '../test-helpers/Block.jsx'
+import VisaulController from '@peter.naydenov/visual-controller-for-react'
+import wait             from '../test-helpers/wait.js'
+import {
+          shortcuts
+        , pluginKey
+        , pluginClick
+        , pluginForm
+        , pluginScroll
+                } from '../src/main.js'
+
+
+
+
+const html = new VisaulController ();
+let
+       a = false
+     , b = false
+     , c = null
+     ;
+
+const contextDefinition = {
+                  general : {
+                            ' key : shift+a': [
+                                        () => a = true,
+                                        () => c = 'triggered'
+                                      ]
+                          }
+                , scroll : {
+                              ' scroll: up': () => b = true,
+                              'scroll : down': () => c = 'down',
+                              'scroll:left': () => c = 'left',
+                              'scroll:right': () => c = 'right'
+                          }
+                , extra : {
+                            'key : p,r,o,b,a': () => b = true
+                        }
+      }
+
+
+const short = shortcuts ();
+
+
+
+describe ( 'Scroll plugin', () => {
+
+
+
+      beforeEach ( async  () => {
+                    short.load ( contextDefinition )
+                    const container = document.createElement ( 'div' );
+                    container.id = 'app'
+                    document.body.appendChild ( container )
+                    // Make page scrollable both vertically and horizontally
+                    document.body.style.height = '2000px'
+                    document.body.style.width = '2000px'
+                    document.body.style.margin = '0'
+                    document.documentElement.style.height = '2000px'
+                    document.documentElement.style.width = '2000px'
+                    await html.publish ( Block, {}, 'app' )
+                    a = false, b = false, c = null
+          }) // beforeEach
+
+
+
+      afterEach ( async  () => {
+                  short.reset ();
+                  html.destroy ()
+                  a = false, b = false, c = null;
+                  document.body.querySelector ( '#app' ).remove ()
+          }) // afterEach
+
+
+
+       it ( 'No "scroll" plugin installed', async () => {
+                           const r = short.listShortcuts ('scroll');
+                           // Shortcuts are untouched if plugin is not installed
+                           expect ( r[0]).to.equal ( ' scroll: up' )
+                           expect ( r[1]).to.equal ( 'scroll : down' )
+                           expect ( r[2]).to.equal ( 'scroll:left' )
+                           expect ( r[3]).to.equal ( 'scroll:right' )
+           }) // it no 'scroll' plugin installed
+
+
+
+       it ( 'Enable plugin when context has no shortcuts for this plugin', () => {
+                           short.changeContext ( 'general' )  // 'general' has no scroll shortcuts
+                           short.enablePlugin ( pluginScroll )
+                           expect ( short.listPlugins () ).to.include ( 'scroll' )
+                           // Since no scroll shortcuts in 'general', listener should not start
+           }) // it enable plugin when context has no shortcuts
+
+
+
+      it ( 'Scroll plugin installed', async () => {
+                          short.enablePlugin ( pluginScroll )
+                          const r = short.listShortcuts ( 'scroll' );
+                          // Shortcuts are normalized
+                          expect ( r[0]).to.equal ( 'SCROLL:UP' )
+                          expect ( r[1]).to.equal ( 'SCROLL:DOWN' )
+                          expect ( r[2]).to.equal ( 'SCROLL:LEFT' )
+                          expect ( r[3]).to.equal ( 'SCROLL:RIGHT' )
+          }) // it scroll plugin installed
+
+
+
+       it ( 'Scroll down event', async () => {
+                           expect ( c ).to.equal ( null )
+                           short.changeContext ( 'scroll' )
+                           short.enablePlugin ( pluginScroll )
+
+                          // Scroll down by setting scroll position
+                          window.scrollTo ( 0, 100 )
+                          await wait ( 50 )
+                          await waitFor ( () => {
+                                    expect ( c ).to.equal ( 'down' )
+                              }, { timeout: 1000, interval: 12 })
+          }) // it scroll down event
+
+
+
+       it ( 'Scroll up event', async () => {
+                           expect ( b ).to.equal ( false )
+                           short.changeContext ( 'scroll' )
+                           short.enablePlugin ( pluginScroll )
+
+                          // First scroll down to establish baseline
+                          window.scrollTo ( 0, 100)
+                          await wait ( 50 )
+
+                          // Then scroll up
+                          window.scrollTo ( 0, 50)
+                          await wait ( 50 )
+
+                          await waitFor ( () => {
+                                    expect ( b ).to.equal ( true )
+                              }, { timeout: 1000, interval: 12 })
+          }) // it scroll up event
+
+
+
+       it ( 'Scroll left event', async () => {
+                            expect ( c ).to.equal ( null )
+                            short.changeContext ( 'scroll' )
+                            short.enablePlugin ( pluginScroll )
+
+                           // First scroll right to establish baseline
+                           window.scrollTo ( 100, 0 )
+                           await wait ( 50 )
+
+                           // Then scroll left
+                           window.scrollTo ( 50, 0 )
+                           await wait ( 50 )
+
+                           await waitFor ( () => {
+                                     expect ( c ).to.equal ( 'left' )
+                               }, { timeout: 1000, interval: 12 })
+           }) // it scroll left event
+
+
+
+       it ( 'Scroll right event', async () => {
+                            expect ( c ).to.equal ( null )
+                            short.changeContext ( 'scroll' )
+                            short.enablePlugin ( pluginScroll )
+
+                           // Scroll right by setting scroll position
+                           window.scrollTo ( 100, 0 )
+                           await wait ( 50 )
+
+                           await waitFor ( () => {
+                                     expect ( c ).to.equal ( 'right' )
+                               }, { timeout: 1000, interval: 12 })
+}) // it scroll right event
+
+
+
+        it ( 'Combined horizontal and vertical scroll', async () => {
+                             const scrollEvents = []
+                             short.setDependencies ({ scrollEvents })
+                             short.changeContext ( 'scroll' )
+                             short.enablePlugin ( pluginScroll )
+                             
+                             // Reset scroll position to (0, 0) first
+                             window.scrollTo ( 0, 0 )
+                             await wait ( 200 ) // Wait longer for any pending scroll events
+                             
+                             // Clear any events that might have been triggered by reset
+                             scrollEvents.length = 0
+                             
+                             // Create a temporary context to capture scroll events
+                             short.load ({
+                                 'testScroll': {
+                                     'scroll:up': ({ direction }) => scrollEvents.push(direction),
+                                     'scroll:down': ({ direction }) => scrollEvents.push(direction),
+                                     'scroll:left': ({ direction }) => scrollEvents.push(direction),
+                                     'scroll:right': ({ direction }) => scrollEvents.push(direction)
+                                 }
+                             })
+                             short.changeContext ( 'testScroll' )
+
+                           // Scroll diagonally (right and down)
+                           window.scrollTo ( 100, 100 )
+                           await wait ( 50 )
+
+                           // Scroll left
+                           window.scrollTo ( 50, 100 )
+                           await wait ( 50 )
+
+                           // Scroll up
+                           window.scrollTo ( 50, 50 )
+                           await wait ( 50 )
+
+                           await waitFor ( () => {
+                                     expect ( scrollEvents ).to.include.members ( ['right', 'down', 'left', 'up'] )
+                                     expect ( scrollEvents ).to.have.length ( 4 )
+                               }, { timeout: 1000, interval: 12 })
+           }) // it combined horizontal and vertical scroll
+
+
+
+       it ( 'Mute and unmute scroll plugin', async () => {
+                           short.changeContext ( 'scroll' )
+                           short.enablePlugin ( pluginScroll )
+                           c = null // Reset c variable
+
+                           // Mute the plugin
+                           short.mutePlugin ( 'scroll' )
+
+                           // Scroll should not trigger
+                           window.scrollTo ( 0, 100)
+                           await wait ( 50 )
+                           expect ( c ).to.equal ( null )
+
+                           // Unmute the plugin
+                           short.unmutePlugin ( 'scroll' )
+
+                           // Scroll should trigger now
+                           window.scrollTo ( 0, 200)
+                           await wait ( 50 )
+
+                          await waitFor ( () => {
+                                    expect ( c ).to.equal ( 'down' )
+                              }, { timeout: 1000, interval: 12 })
+          }) // it mute and unmute scroll plugin
+
+
+
+       it ( 'Pause and resume', async () => {
+                           short.changeContext ( 'scroll' )
+                           short.enablePlugin ( pluginScroll )
+
+                          // Pause the shortcut
+                          short.pause ( 'scroll : down' )
+
+                          // Scroll should not trigger
+                          window.scrollTo(0, 100)
+                          await wait ( 50 )
+                          expect ( c ).to.equal ( null )
+
+                          // Resume the shortcut
+                          short.resume ( ' scroll : down' )
+
+                          // Scroll should trigger now
+                          window.scrollTo(0, 200)
+                          await wait ( 50 )
+
+                          await waitFor ( () => {
+                                    expect ( c ).to.equal ( 'down' )
+                              }, { timeout: 1000, interval: 12 })
+           }) // it pause and resume
+
+
+
+       it ( 'Enable already enabled plugin', () => {
+                           // Enable plugin first time
+                           short.enablePlugin ( pluginScroll )
+                           let plugins = short.listPlugins ()
+                           expect ( plugins ).to.include ( 'scroll' )
+                           expect ( plugins ).to.have.lengthOf ( 1 )
+
+                           // Try to enable the same plugin again
+                           short.enablePlugin ( pluginScroll )
+                           plugins = short.listPlugins ()
+                           // Should still have only one instance
+                           expect ( plugins ).to.include ( 'scroll' )
+                           expect ( plugins ).to.have.lengthOf ( 1 )
+           }) // it enable already enabled plugin
+
+
+
+it ( 'Disable a plugin', () => {
+                           // Enable plugin
+                           short.enablePlugin ( pluginScroll )
+                           expect ( short.listPlugins () ).to.include ( 'scroll' )
+
+                           // Disable plugin
+                           short.disablePlugin ( 'scroll' )
+                           expect ( short.listPlugins () ).to.not.include ( 'scroll' )
+           }) // it disable a plugin
+
+
+       it ( 'Extra parameters to plugin options', async () => {
+                        short.enablePlugin ( pluginScroll )
+                        const emit = [];
+                        const setupContext = {
+                                    'scroll:setup' : () => {
+                                          emit.push ( 'setup' )
+                                          return { minSpace: 10, customParam: 'scroll-test', emit }
+                                          },
+                                    'scroll:down' : ({options}) => {
+                                          expect ( options.minSpace ).to.equal ( 10 )
+                                          expect ( options.customParam ).to.equal ( 'scroll-test' )
+                                          options.emit.push ( 'down' )
+                                          },
+                                    'scroll:up' : ({options}) => {
+                                          expect ( options.minSpace ).to.equal ( 10 )
+                                          expect ( options.customParam ).to.equal ( 'scroll-test' )
+                                          options.emit.push ( 'up' )
+                                          },
+                                    'scroll:right' : ({options}) => {
+                                          expect ( options.minSpace ).to.equal ( 10 )
+                                          expect ( options.customParam ).to.equal ( 'scroll-test' )
+                                          options.emit.push ( 'right' )
+                                          },
+                                    'scroll:left' : ({options}) => {
+                                          expect ( options.minSpace ).to.equal ( 10 )
+                                          expect ( options.customParam ).to.equal ( 'scroll-test' )
+                                          options.emit.push ( 'left' )
+                                          }
+                            } // setupContext
+                        
+                        short.load ({ setupContext })
+                        short.changeContext ( 'setupContext' )
+
+                        // Setup event execution is on change context:
+                        expect ( emit[0] ).to.equal ( 'setup' )
+                        
+                        // Reset scroll position to (0, 0) first
+                        window.scrollTo ( 0, 0 )
+                        await wait ( 200 ) // Wait for any pending scroll events
+                        
+                        // Test scroll with modified minSpace (smaller movements should trigger)
+                        // We just need to verify that the options are accessible and contain our custom parameters
+                        // The exact scroll behavior may vary in test environment
+                        window.scrollTo ( 0, 50 )  // 50px movement, should definitely trigger with minSpace=10
+                        await wait ( 100 )
+                        
+                        // At least one scroll event should have been triggered with our custom options
+                        expect ( emit.length ).to.be.greaterThan ( 1 )
+                        expect ( emit[0] ).to.equal ( 'setup' )
+                        
+                        // Verify that the scroll events have access to the custom parameters
+                        // We don't need to assert exact scroll directions since test environment may behave differently
+                        const scrollEvents = emit.filter(e => e !== 'setup')
+                        expect ( scrollEvents.length ).to.be.greaterThan ( 0 )
+            }) // it extra parameters to plugin options
+
+ }) // describe Scroll plugin

package/test-e2e/node_modules/@peter.naydenov/shortcuts/test-helpers/Block.jsx

@@ -0,0 +1,15 @@
+function Block () {
+return <>
+    <div className="block" data-click="red" data-hover="red"><span id='rspan'>Red</span> </div>
+    <button className="big-btn" data-click="mega" data-hover="blue">Mega button</button>
+    <p>Some text with <a href="#" target="_blank">link <span id="anchor">in</span></a> it</p>
+    <p><input id="name" type="text" /></p>
+    <p><input type="text" id="age" /></p>
+    <p><button id="hidden" className="hide" data-click="hidden">Hidden button</button></p>
+</> 
+}
+
+
+export default Block
+
+

package/test-e2e/node_modules/@peter.naydenov/shortcuts/test-helpers/setup.js

@@ -0,0 +1,18 @@
+async function setup () {
+                    let st = document.createElement ( 'style' )
+                    st.textContent = cssCode
+                    document.head.appendChild ( st )
+                    await waitFor ( () => {
+                        expect ( document.head ).to.have.property ( 'style' )
+                    })
+                    
+
+                    let container = document.createElement ( 'div' )
+                    container.id = 'app'
+                    document.body.appendChild ( container )
+                    html.publish ( Block, {}, 'app' )
+                    a = false, b = false
+} // setup func.
+
+
+export default setup

package/test-e2e/node_modules/@peter.naydenov/shortcuts/test-helpers/style.css

@@ -0,0 +1,26 @@
+.block {
+    width: 100px;
+    height: 100px;
+    padding: 20px;
+    background-color: red;
+}
+
+.block span { 
+    color: white;
+    font-size: 20px;
+    font-weight: bold;
+    font-family: Arial, Helvetica, sans-serif;
+}
+
+.big-btn {
+    width: 200px;
+    height: 200px;
+    margin-left: 230px;
+    background-color: skyblue;
+    border-radius: 10px;
+}
+
+
+.hide {
+        display: none;
+    }

package/test-e2e/node_modules/@peter.naydenov/shortcuts/test-helpers/wait.js

@@ -0,0 +1,8 @@
+function wait (ms) {
+        return new Promise((resolve) => setTimeout(resolve, ms));
+      }
+
+      
+export default wait
+
+

package/test-e2e/node_modules/@peter.naydenov/shortcuts/tsconfig.json

@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "allowJs": true,
+    "declaration": true,
+    "emitDeclarationOnly": true,
+    "outDir": "dist",
+    "rootDir": "src",
+    "target": "ES2020",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": false,
+    "skipLibCheck": true
+  },
+  "include": [
+    "src/**/*.js"
+  ],
+  "exclude": [
+    "node_modules",
+    "dist",
+    "test"
+  ]
+}

package/test-e2e/node_modules/@peter.naydenov/shortcuts/vite.config.js

@@ -0,0 +1,7 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [react()]
+})

package/test-e2e/node_modules/@peter.naydenov/shortcuts/vitest.config.js

@@ -0,0 +1,23 @@
+import { defineConfig } from 'vitest/config'
+import react from '@vitejs/plugin-react'
+import { playwright } from '@vitest/browser-playwright'
+
+export default defineConfig ({
+      plugins: [react()],
+      test: {
+            coverage: {
+                        provider: 'v8',
+                        reporter: ['lcov', 'html', 'text-summary' ]
+                  },
+             browser: {
+               enabled: true,
+               headless: true,
+               provider: playwright(),
+               instances: [
+                 {
+                   browser: 'chromium'
+                 }
+               ]
+             }
+        }
+})

package/test-e2e/node_modules/@peter.naydenov/visual-controller-for-vue3/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 Peter Naydenov
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/test-e2e/node_modules/@peter.naydenov/visual-controller-for-vue3/cypress/fixtures/example.json

@@ -0,0 +1,5 @@
+{
+  "name": "Using fixtures to represent data",
+  "email": "hello@cypress.io",
+  "body": "Fixtures are a great way to mock data for responses to routes"
+}

package/test-e2e/node_modules/@peter.naydenov/visual-controller-for-vue3/cypress/support/commands.js

@@ -0,0 +1,25 @@
+// ***********************************************
+// This example commands.js shows you how to
+// create various custom commands and overwrite
+// existing commands.
+//
+// For more comprehensive examples of custom
+// commands please read more here:
+// https://on.cypress.io/custom-commands
+// ***********************************************
+//
+//
+// -- This is a parent command --
+// Cypress.Commands.add('login', (email, password) => { ... })
+//
+//
+// -- This is a child command --
+// Cypress.Commands.add('drag', { prevSubject: 'element'}, (subject, options) => { ... })
+//
+//
+// -- This is a dual command --
+// Cypress.Commands.add('dismiss', { prevSubject: 'optional'}, (subject, options) => { ... })
+//
+//
+// -- This will overwrite an existing command --
+// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })

package/test-e2e/node_modules/@peter.naydenov/visual-controller-for-vue3/cypress/support/component-index.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <title>Components App</title>
+  </head>
+  <body>
+    <div data-cy-root></div>
+  </body>
+</html>

package/test-e2e/node_modules/@peter.naydenov/visual-controller-for-vue3/cypress/support/component.js

@@ -0,0 +1,27 @@
+// ***********************************************************
+// This example support/component.js is processed and
+// loaded automatically before your test files.
+//
+// This is a great place to put global configuration and
+// behavior that modifies Cypress.
+//
+// You can change the location of this file or turn off
+// automatically serving support files with the
+// 'supportFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/configuration
+// ***********************************************************
+
+// Import commands.js using ES2015 syntax:
+import './commands'
+
+// Alternatively you can use CommonJS syntax:
+// require('./commands')
+
+import { mount } from 'cypress/vue'
+
+Cypress.Commands.add('mount', mount)
+
+// Example use:
+// cy.mount(MyComponent)

package/{cypress.config.mjs → test-e2e/node_modules/@peter.naydenov/visual-controller-for-vue3/cypress.config.js}

@@ -1,8 +1,7 @@
-import { defineConfig } from "cypress";
+import cfg from "cypress"
 
-export default defineConfig({
+export default cfg.defineConfig({
   component: {
-    supportFile: false,
     devServer: {
       framework: "vue",
       bundler: "vite",

package/test-e2e/node_modules/@peter.naydenov/visual-controller-for-vue3/dist/visual-controller-for-vue3.cjs

@@ -0,0 +1 @@
+"use strict";var e=require("ask-for-promise"),t=require("vue");module.exports=class{constructor(e={}){const r={};return this.dependencies={...e,createApp:t.createApp,createSSRApp:t.createSSRApp},{publish:this.publish(this.dependencies,r),destroy:this.destroy(r),getApp:this.getApp(r),has:e=>!!r[e]}}publish(t,r){return function(n,o,s){const i=this.has(s),{createApp:p,createSSRApp:u}=t,{isCustomElement:d}=o,c=e();if(!n)return console.error("Error: Component is undefined"),c.done(!1),c.promise;i&&this.destroy(s);let a,m=document.getElementById(s);return m?(a=""===m.innerHTML.trim()?p(n,o):u(n,o),r[s]={},a.provide("dependencies",{...t,setupUpdates:e=>r[s]=e}),d&&(a.config.isCustomElement=d),a.mount(`#${s}`),c.done(r[s]),c.promise):(console.error(`Can't find node with id: "${s}"`),c.done(!1),c.promise)}}destroy(e){return function(t){if(e[t]){let r=document.getElementById(t);return(0,r.__vue_app__.unmount)(),r.removeAttribute("data-v-app"),delete e[t],!0}return!1}}getApp(e){return function(t){const r=e[t];return r||(console.error(`App with id: "${t}" was not found.`),!1)}}};

package/test-e2e/node_modules/@peter.naydenov/visual-controller-for-vue3/dist/visual-controller-for-vue3.esm.mjs

@@ -0,0 +1 @@
+import e from"ask-for-promise";import{createSSRApp as t,createApp as r}from"vue";class n{constructor(e={}){const n={};return this.dependencies={...e,createApp:r,createSSRApp:t},{publish:this.publish(this.dependencies,n),destroy:this.destroy(n),getApp:this.getApp(n),has:e=>!!n[e]}}publish(t,r){return function(n,o,s){const i=this.has(s),{createApp:p,createSSRApp:u}=t,{isCustomElement:d}=o,c=e();if(!n)return console.error("Error: Component is undefined"),c.done(!1),c.promise;i&&this.destroy(s);let m,a=document.getElementById(s);return a?(m=""===a.innerHTML.trim()?p(n,o):u(n,o),r[s]={},m.provide("dependencies",{...t,setupUpdates:e=>r[s]=e}),d&&(m.config.isCustomElement=d),m.mount(`#${s}`),c.done(r[s]),c.promise):(console.error(`Can't find node with id: "${s}"`),c.done(!1),c.promise)}}destroy(e){return function(t){if(e[t]){let r=document.getElementById(t);return(0,r.__vue_app__.unmount)(),r.removeAttribute("data-v-app"),delete e[t],!0}return!1}}getApp(e){return function(t){const r=e[t];return r||(console.error(`App with id: "${t}" was not found.`),!1)}}}export{n as default};

package/test-e2e/node_modules/@peter.naydenov/visual-controller-for-vue3/dist/visual-controller-for-vue3.umd.js

@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("ask-for-promise"),require("vue")):"function"==typeof define&&define.amd?define(["ask-for-promise","vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).walk=t(e.askForPromise,e.vue)}(this,(function(e,t){"use strict";return class{constructor(e={}){const n={};return this.dependencies={...e,createApp:t.createApp,createSSRApp:t.createSSRApp},{publish:this.publish(this.dependencies,n),destroy:this.destroy(n),getApp:this.getApp(n),has:e=>!!n[e]}}publish(t,n){return function(r,o,s){const i=this.has(s),{createApp:p,createSSRApp:u}=t,{isCustomElement:d}=o,c=e();if(!r)return console.error("Error: Component is undefined"),c.done(!1),c.promise;i&&this.destroy(s);let f,a=document.getElementById(s);return a?(f=""===a.innerHTML.trim()?p(r,o):u(r,o),n[s]={},f.provide("dependencies",{...t,setupUpdates:e=>n[s]=e}),d&&(f.config.isCustomElement=d),f.mount(`#${s}`),c.done(n[s]),c.promise):(console.error(`Can't find node with id: "${s}"`),c.done(!1),c.promise)}}destroy(e){return function(t){if(e[t]){let n=document.getElementById(t);return(0,n.__vue_app__.unmount)(),n.removeAttribute("data-v-app"),delete e[t],!0}return!1}}getApp(e){return function(t){const n=e[t];return n||(console.error(`App with id: "${t}" was not found.`),!1)}}}}));

package/test-e2e/node_modules/@peter.naydenov/visual-controller-for-vue3/index.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite + Vue</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.js"></script>
+  </body>
+</html>