Easily add client-side password-protection to your Single Page Applications and HTML files.
Easily add client-side password-protection to your Single Page Applications and HTML files.
Inspired by MaxLaumeister/PageCrypt. Thanks for sharing an excellent starting point to create this tool!
There are 3 different ways to use pagecrypt:
Encrypt a single HTML-file with one command:
npx pagecrypt [input.html] [output.html] [password]
pagecrypt in your build processThis allows automated encrypted builds for single page applications
npm i -D pagecrypt
package.json:
{
"devDependencies": {
"pagecrypt": "^3.0.0"
},
"scripts": {
"build": "...",
"postbuild": "pagecrypt index.html encrypted.html password"
}
}
You can also use pagecrypt in your Node.js scripts:
encrypt(inputFile: string, outputFile: string, password: string): Promise<void>import { encrypt } from 'pagecrypt'
// Encrypt a HTML file and write to the filesystem
await encrypt('input.html', 'output.html', 'password')
encryptHTML(inputHTML: string, password: string): Promise<string>import { encryptHTML } from 'pagecrypt'
// Encrypt a HTML string and return an encrypted HTML string.
// Write it to a file or send as an HTTPS response.
const encryptedHTML = await encryptHTML(
`<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
Secret
</body>
</html>
`,
'password',
)
The project consists of four parts:
/web - Web frontend for public webpage (decrypt-template.html). Built using Vite & Tailwind CSS./index.js - pagecrypt main library./cli.js - pagecrypt CLI./test - testing setupnpm install in project root.mkcert to generate local certificates to enable HTTPS for the development server. For example mkcert localhost 192.168.1.32 to generate a two files ending with *.pem.vite.config.js to load the generated *.pem files in the https section.npm run serve, also update to the correct *.pem filenames in the npm script.npm test will run basic tests for JS API and CLI. Verify results by opening test/out-js.html and test/out-cli.html in your browser.
Welcome to submit your pull requests!
3.0.0 - 2021-04-24
Replace node-forge with the standard Web Crypto API - both in Node.js and in browsers.
v1.x and v2.x.decrypt-template.html file size reduced from 290 KB to 10 KB - (96 % less boilerplate code). This ensures the encrypted page will be the clear majority of the code shipped to the user.
PBKDF2 default iteration count increased from 1e5 to 2e6, greatly improving security.
vite preview with sirv-cli to fix upstream issuehttps for localhostFAQs
Easily add client-side password-protection to your Single Page Applications and HTML files.
The npm package pagecrypt receives a total of 1,498 weekly downloads. As such, pagecrypt popularity was classified as popular.
We found that pagecrypt demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
The Socket Research team breaks down a malicious npm package targeting the legitimate DOMPurify library. It uses obfuscated code to hide that it is exfiltrating browser and crypto wallet data.
Security News
ENISA’s 2024 report highlights the EU’s top cybersecurity threats, including rising DDoS attacks, ransomware, supply chain vulnerabilities, and weaponized AI.
Security News
NIST's new password guidelines remove periodic changes and special character requirements, focusing on longer, more secure passwords for better authentication practices.