ortoni-report 1.1.1 → 1.1.2

package/dist/utils/modal.js

@@ -0,0 +1,76 @@
+const isOpenClass = "modal-is-open";
+const openingClass = "modal-is-opening";
+const closingClass = "modal-is-closing";
+const scrollbarWidthCssVar = "--pico-scrollbar-width";
+const animationDuration = 400; // ms
+let visibleModal = null;
+
+// Toggle modal
+function toggleModal(event) {
+  event.preventDefault();
+  const modal = document.getElementById(event.currentTarget.dataset.target);
+  if (!modal) return;
+  if (modal) {
+    if (modal.open) {
+      closeModal(modal);
+    } else {
+      openModal(modal);
+    }
+  }
+}
+
+// Open modal
+function openModal(modal) {
+  const html = document.documentElement;
+  const scrollbarWidth = getScrollbarWidth();
+  if (scrollbarWidth) {
+    html.style.setProperty(scrollbarWidthCssVar, `${scrollbarWidth}px`);
+  }
+  html.classList.add(isOpenClass, openingClass);
+  setTimeout(function () {
+    visibleModal = modal;
+    html.classList.remove(openingClass);
+  }, animationDuration);
+  modal.showModal();
+}
+
+// Close modal
+function closeModal(modal) {
+  visibleModal = null;
+  const html = document.documentElement;
+  html.classList.add(closingClass);
+  setTimeout(function () {
+    html.classList.remove(closingClass, isOpenClass);
+    html.style.removeProperty(scrollbarWidthCssVar);
+    modal.close();
+  }, animationDuration);
+}
+
+// Close with a click outside
+document.addEventListener("click", function (event) {
+  if (visibleModal === null) return;
+  const modalContent = visibleModal.querySelector("article");
+  const isClickInside = modalContent.contains(event.target);
+  if (!isClickInside) {
+    closeModal(visibleModal);
+  }
+});
+
+// Close with Esc key
+document.addEventListener("keydown", function (event) {
+  if (event.key === "Escape" && visibleModal) {
+    closeModal(visibleModal);
+  }
+});
+
+// Get scrollbar width
+function getScrollbarWidth() {
+  const scrollbarWidth =
+    window.innerWidth - document.documentElement.clientWidth;
+  return scrollbarWidth;
+}
+
+// Is scrollbar visible
+function isScrollbarVisible() {
+  return document.body.scrollHeight > screen.height;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ortoni-report",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "Playwright Report By LetCode with Koushik",
   "scripts": {
     "test": "npx playwright test",
@@ -22,7 +22,8 @@
     "playwright letcode",
     "letcode koushik",
     "ortoni report",
-    "ortoni"
+    "ortoni-report",
+    "playwright html"
   ],
   "author": "Koushik Chatterjee (LetCode with Koushik)",
   "license": "GPL-3.0-only",
@@ -37,7 +38,6 @@
     "rimraf": "^5.0.7"
   },
   "devDependencies": {
-    "@changesets/cli": "^2.26.0",
     "@playwright/test": "^1.44.1",
     "@types/node": "^20.14.2",
     "tsup": "^6.5.0",

package/readme.md

@@ -2,9 +2,10 @@
 
 We are excited to announce the release of OrtoniReport (Playwright report - unofficial), a powerful and customizable HTML report generator for Playwright tests. This release includes key features that enhance the reporting capabilities and make it easier to visualize and organize test results.
 
-![Report](https://github.com/ortoniKC/ortoni-report/assets/58769833/da8c6b65-5f35-4fad-802a-039a72999cb1)
+[Click here to check the live Demo](https://ortoni.netlify.app/)
 
 
+![Ortoni Report](https://github.com/ortoniKC/ortoni-report/assets/58769833/f96b7697-8ec0-4c6d-a681-b305e6d5843a)
 
 ## Features
 
@@ -53,7 +54,7 @@ These features collectively enhance the readability, usability, and accessibilit
   ```JS/TS
   reporter: [["ortoni-report",
     {
-      projectName: 'Plawright Sample',
+      projectName: 'LetCode Playwright Report',
       authorName: 'Koushik',
       testType: 'E2E'
     }],
@@ -86,12 +87,11 @@ Configure OrtoniReport in your `playwright.config.ts`:
 
 ``` javascript/typescript
 import { defineConfig } from '@playwright/test';
-import OrtoniReport from 'ortoni-report';
 
 export default defineConfig({
   reporter: [["ortoni-report",
     {
-      projectName: 'Plawright Sample',
+      projectName: 'LetCode Playwright Report',
       authorName: 'Koushik',
       testType: 'E2E'
     }],