node feature add

Author: bmiit145

.gitignore

@@ -0,0 +1 @@
+.idea

.npmignore

@@ -0,0 +1,7 @@
+CODE_OF_CONDUCT.md
+CONTRIBUTING.md
+SECURITY.md
+node_modules
+.idea
+.vscode
+package-lock.json

dist/secure-web.js

@@ -1,4 +1,10 @@
-function noScreenshot(options , overlayId) {
+const isNode = typeof document === 'undefined' && typeof window === 'undefined';
+
+function noScreenshot(options, overlayId) {
+    if (isNode) {
+        console.warn('noScreenshot: DOM functions and screenshot prevention not supported in Node.js');
+        return;
+    }
     options = options || {};
 
     const {
@@ -104,15 +110,15 @@ function noScreenshot(options , overlayId) {
                 event.preventDefault();
             }
         });
-            document.addEventListener('keyup', (event) => {
-                if (event.key === 'PrintScreen') {
-                    navigator.clipboard.writeText('')
-                    overlayScreen()
-                }
-            })
+        document.addEventListener('keyup', (event) => {
+            if (event.key === 'PrintScreen') {
+                navigator.clipboard.writeText('')
+                overlayScreen()
+            }
+        })
 
     }
-    if (disableFunctionKeys){
+    if (disableFunctionKeys) {
         document.addEventListener('keydown', event => {
             if (event.key === 'F1' || event.key === 'F2' || event.key === 'F3' || event.key === 'F5' || event.key === 'F6' || event.key === 'F7' || event.key === 'F8' || event.key === 'F9' || event.key === 'F10' || event.key === 'F11' || event.key === 'F12') {
                 event.preventDefault();
@@ -134,11 +140,11 @@ function noScreenshot(options , overlayId) {
         });
     }
 
-if (mouseEnterAutoHide) {
-    document.addEventListener('mouseenter', () => {
-        HideOverlayScreen(overlayId);
-    });
-}
+    if (mouseEnterAutoHide) {
+        document.addEventListener('mouseenter', () => {
+            HideOverlayScreen(overlayId);
+        });
+    }
 
     if (ctrlOverlay) {
         document.addEventListener('keydown', event => {
@@ -153,16 +159,32 @@ if (mouseEnterAutoHide) {
             if (event.altKey || event.optionsKey) {
                 overlayScreen(overlayId);
             }
-    });
-}
+        });
+    }
+
+    if (shiftOverlay) {
+        document.addEventListener('keydown', event => {
+            if (event.shiftKey) {
+                overlayScreen(overlayId);
+            }
+        });
+    }
+
+    // Disable pointer events on body while the overlay is active
+
+    document.body.style.pointerEvents = 'none';
+
+    document.addEventListener('keydown', escListener);
 
-if (shiftOverlay) {
-    document.addEventListener('keydown', event => {
-        if (event.shiftKey) {
-            overlayScreen(overlayId);
+    function escListener(event) {
+        if (event.key === 'Escape') {
+            HideOverlayScreen(overlayId);
+            // document.body.removeChild(overlay);
+            // document.body.style.pointerEvents = 'auto'; // Re-enable pointer events on body
+            // document.removeEventListener('keydown', escListener);
         }
-    });
-}
+    }
+
 }
 
 function overlayScreen(overlayId) {
@@ -196,58 +218,51 @@ function overlayScreen(overlayId) {
         }
     }
 
-        const overlay = document.createElement('div');
-        overlay.id = 'no-screenshot-overlay';
-        overlay.style.position = 'fixed';
-        overlay.style.top = '0';
-        overlay.style.left = '0';
-        overlay.style.width = '100%';
-        overlay.style.height = '100%';
-        overlay.style.background = 'rgba(255, 255, 255, 1)'; // semi-transparent white background
-        overlay.style.zIndex = '9999';
-        overlay.style.display = 'flex';
-        overlay.style.alignItems = 'center';
-        overlay.style.justifyContent = 'center';
-
-        const message = document.createElement('div');
-        message.textContent = 'Press Esc to close. Screenshots are disabled.';
-        message.style.fontSize = '24px';
-        message.style.color = 'black'; // You can adjust the color as needed
-        message.style.padding = '20px'; // Add padding to the message
-        message.style.background = 'rgba(255, 255, 255, 0.9)'; // semi-transparent white background for message
-        message.style.borderRadius = '10px'; // Rounded corners for the message box
-        message.style.boxShadow = '0px 0px 10px rgba(0, 0, 0, 0.5)'; // Drop shadow for the message box
-
-        overlay.appendChild(message);
-        document.body.appendChild(overlay);
-    }
+    const overlay = document.createElement('div');
+    overlay.id = 'no-screenshot-overlay';
+    overlay.style.position = 'fixed';
+    overlay.style.top = '0';
+    overlay.style.left = '0';
+    overlay.style.width = '100%';
+    overlay.style.height = '100%';
+    overlay.style.background = 'rgba(255, 255, 255, 1)'; // semi-transparent white background
+    overlay.style.zIndex = '9999';
+    overlay.style.display = 'flex';
+    overlay.style.alignItems = 'center';
+    overlay.style.justifyContent = 'center';
 
-    // Disable pointer events on body while the overlay is active
-    document.body.style.pointerEvents = 'none';
+    const message = document.createElement('div');
+    message.textContent = 'Press Esc to close. Screenshots are disabled.';
+    message.style.fontSize = '24px';
+    message.style.color = 'black'; // You can adjust the color as needed
+    message.style.padding = '20px'; // Add padding to the message
+    message.style.background = 'rgba(255, 255, 255, 0.9)'; // semi-transparent white background for message
+    message.style.borderRadius = '10px'; // Rounded corners for the message box
+    message.style.boxShadow = '0px 0px 10px rgba(0, 0, 0, 0.5)'; // Drop shadow for the message box
 
-    document.addEventListener('keydown', escListener);
+    overlay.appendChild(message);
+    document.body.appendChild(overlay);
+}
 
-    function escListener(event) {
-        if (event.key === 'Escape') {
-            document.body.removeChild(overlay);
+
+function HideOverlayScreen(overlayId) {
+    if (overlayId) {
+        const customOverlay = document.getElementById(overlayId);
+        if (customOverlay) {
+            customOverlay.style.display = 'none'; // Hide the custom overlay
             document.body.style.pointerEvents = 'auto'; // Re-enable pointer events on body
-            document.removeEventListener('keydown', escListener);
+            return;
         }
+    }
+    var overlay = document.getElementById('no-screenshot-overlay');
+    document.body.removeChild(overlay);
+    document.body.style.pointerEvents = 'auto'; // Re-enable pointer events on body
+    //document.removeEventListener('keydown', escListener);
 }
 
-function HideOverlayScreen(overlayId) {
-        if (overlayId) {
-            const customOverlay = document.getElementById(overlayId);
-            if (customOverlay) {
-                customOverlay.style.display = 'none'; // Hide the custom overlay
-                document.body.style.pointerEvents = 'auto'; // Re-enable pointer events on body
-                return;
-            }
-        }
-        var overlay = document.getElementById('no-screenshot-overlay');
-        document.body.removeChild(overlay);
-        document.body.style.pointerEvents = 'auto'; // Re-enable pointer events on body
-    document.removeEventListener('keydown', escListener);
+if (isNode) {
+    module.exports = noScreenshot;
+}else{
+    window.noScreenshot = noScreenshot;
 }
 
-module.exports = noScreenshot;