Merge branch 'main' into 3881-document-luigi-element-feature-on-docu-…

…website

code_quality.js

@@ -327,7 +327,7 @@ const fullEslint = async (filesByExtension) => {
     console.log('Wrote eslint report to file ' + path.resolve(reportFile));
   }
   console.log(
-    "Eslint executed in ' + esLintResult.numberFiles + ' files. Results written in 'full_eslint_report.html' "
+    'Eslint executed in ' + esLintResult.numberFiles + ' files. Results written in "full_eslint_report.html"'
   );
 };
 
@@ -376,7 +376,7 @@ const getOptions = () => {
   }
 
   console.error(
-    'You need to pass application parameter -- mode=pre_commit|pre_commit-prettier|pre_commit-eslint|full|full-prettier|full-eslint'
+    'You need to pass application parameter -- mode=pre_commit|pre_commit_prettier|pre_commit_eslint|full|full-prettier|full-eslint'
   );
 })().catch((err) => {
   console.log(err);

container/cypress/e2e/test-app/compound/wc-compound-container.cy.js

@@ -217,6 +217,40 @@ describe('Compound Container Tests', () => {
         });
     });
 
+    it('openAsModal webcomponent container', () => {
+      cy.on('window:alert', stub);
+
+      cy.get(containerSelector)
+        .shadow()
+        .get('#openAsModalBtn')
+        .click()
+        .then(() => {
+          cy.hash().should('eq', '#openAsModal-wc');
+        });
+    });
+    it('openAsDrawer webcomponent container', () => {
+      cy.on('window:alert', stub);
+
+      cy.get(containerSelector)
+        .shadow()
+        .get('#openAsDrawerBtn')
+        .click()
+        .then(() => {
+          cy.hash().should('eq', '#openAsDrawer-wc');
+        });
+    });
+    it('openAsSplitview webcomponent container', () => {
+      cy.on('window:alert', stub);
+
+      cy.get(containerSelector)
+        .shadow()
+        .get('#openAsSplitviewBtn')
+        .click()
+        .then(() => {
+          cy.hash().should('eq', '#openAsSplitview-wc');
+        });
+    });
+
     it('LuigiClient API publishEvent', () => {
       cy.on('window:alert', stub);
 

container/cypress/e2e/test-app/iframe/iframe-container.cy.js

@@ -115,4 +115,58 @@ describe('Iframe Container Test', () => {
           });
       });
   });
+
+  it('openAsModal', () => {
+    cy.on('window:confirm', () => false); 
+
+    cy.get(containerSelector)
+      .shadow()
+      .get('iframe')
+      .then(iframe => {
+        const $body = iframe.contents().find('body');
+        cy.wrap($body)
+          .contains('test openAsModal()')
+          .click();
+
+        cy.location().should(loc => {
+          expect(loc.hash).to.eq('#openAsModal-iframe');
+        });
+      });
+  });
+
+  it('openAsDrawer', () => {
+    cy.on('window:confirm', () => false); 
+
+    cy.get(containerSelector)
+      .shadow()
+      .get('iframe')
+      .then(iframe => {
+        const $body = iframe.contents().find('body');
+        cy.wrap($body)
+          .contains('test openAsDrawer')
+          .click();
+
+        cy.location().should(loc => {
+          expect(loc.hash).to.eq('#openAsDrawer-iframe');
+        });
+      });
+  });
+
+  it('openAsSplitview', () => {
+    cy.on('window:confirm', () => false); 
+
+    cy.get(containerSelector)
+      .shadow()
+      .get('iframe')
+      .then(iframe => {
+        const $body = iframe.contents().find('body');
+        cy.wrap($body)
+          .contains('test openAsSplitview')
+          .click();
+
+        cy.location().should(loc => {
+          expect(loc.hash).to.eq('#openAsSplitview-iframe');
+        });
+      });
+  });
 });

container/cypress/e2e/test-app/wc/wc-container.cy.js

@@ -158,6 +158,40 @@ describe('Web Container Test', () => {
         });
     });
 
+    it('openAsModal webcomponent container', () => {
+      cy.on('window:alert', stub);
+
+      cy.get(containerSelector)
+        .shadow()
+        .get('#openAsModalBtn')
+        .click()
+        .then(() => {
+          cy.hash().should('eq', '#openAsModal-wc');
+        });
+    });
+    it('openAsDrawer webcomponent container', () => {
+      cy.on('window:alert', stub);
+
+      cy.get(containerSelector)
+        .shadow()
+        .get('#openAsDrawerBtn')
+        .click()
+        .then(() => {
+          cy.hash().should('eq', '#openAsDrawer-wc');
+        });
+    });
+    it('openAsSplitview webcomponent container', () => {
+      cy.on('window:alert', stub);
+
+      cy.get(containerSelector)
+        .shadow()
+        .get('#openAsSplitviewBtn')
+        .click()
+        .then(() => {
+          cy.hash().should('eq', '#openAsSplitview-wc');
+        });
+    });
+
     it('pathExists', () => {
       cy.on('window:alert', stub);
 

container/eslint.config.mjs

@@ -0,0 +1,76 @@
+import path from 'path';
+import { fileURLToPath } from 'url';
+import tseslint from 'typescript-eslint';
+import svelteParser from 'svelte-eslint-parser';
+import eslint from '@eslint/js';
+import stylistic from '@stylistic/eslint-plugin';
+import tsPlugin from '@typescript-eslint/eslint-plugin';
+import tsParser from '@typescript-eslint/parser';
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+/** @type {import('eslint').Linter.Config[]} */
+export default [
+  eslint.configs.recommended,
+  stylistic.configs['recommended-flat'],
+  ...tseslint.configs.recommended,
+  {
+    files: ['src/**/*.*'],
+    ignores: [
+      'node_modules',
+      'test-app',
+      '*.config.js',
+      'public/*.js',
+      'public/index.d.ts',
+      'coverage',
+      'cypress',
+      '*.md',
+      '*.mjs',
+      '*.map',
+      '*.json',
+      '.*.*'
+    ],
+    plugins: {
+      '@stylistic': stylistic,
+      '@tsPlugin': tsPlugin
+    },
+    languageOptions: {
+      globals: {
+        globalThis: false
+      },
+      parser: tsParser,
+      parserOptions: {
+        ecmaVersion: 2020,
+        sourceType: 'module',
+        tsconfigRootDir: __dirname,
+        project: ['./tsconfig.json'],
+        extraFileExtensions: ['.svelte']
+      }
+    },
+    rules: {
+      'camelcase': 'off',
+      'no-undef': 'off',
+      '@stylistic/brace-style': 'off',
+      '@stylistic/comma-dangle': 'off',
+      '@stylistic/member-delimiter-style': 'off',
+      '@stylistic/operator-linebreak': 'off',
+      '@stylistic/quotes': 'off',
+      '@stylistic/semi': 'off',
+      '@typescript-eslint/ban-ts-comment': 'off',
+      '@typescript-eslint/no-empty-object-type': 'warn',
+      '@typescript-eslint/no-explicit-any': 'warn',
+      '@typescript-eslint/no-namespace': 'off',
+      '@typescript-eslint/no-unsafe-function-type': 'warn',
+      '@typescript-eslint/no-unused-vars': 'off'
+    }
+  },
+  {
+    files: ['src/**/*.svelte'],
+    languageOptions: {
+      parser: svelteParser,
+      parserOptions: {
+        parser: tsParser
+      }
+    }
+  }
+];