Vitalii Litvinchuk
29 lines
1011 B
TypeScript
29 lines
1011 B
TypeScript
import React from "react";
|
||
|
||
/**
|
||
* Secret content — plain React Component.
|
||
*
|
||
* The Vite plugin 'cryptoLockerPlugin' automatically encrypts
|
||
* this module's source code during build/dev. In the build artifacts,
|
||
* there will be only an AES-encrypted string.
|
||
*
|
||
* Test password (in .env): my-super-secret-password
|
||
*/
|
||
export default function SecretComponent() {
|
||
return (
|
||
<div className="secret-content" style={{ marginTop: "1rem" }}>
|
||
<div className="secret-content__badge" style={{ color: "green", fontWeight: "bold" }}>
|
||
Decrypted ✓
|
||
</div>
|
||
<p className="secret-content__message" style={{ fontSize: "1.2rem", marginTop: "0.5rem" }}>
|
||
Success from a React Component!
|
||
</p>
|
||
<ul style={{ marginTop: "1rem", textAlign: "left", display: "inline-block", color: "#555" }}>
|
||
<li>🔐 Encrypted at build time</li>
|
||
<li>🛡️ Decrypted and evaluated at runtime</li>
|
||
<li>🚀 Fully functional React component</li>
|
||
</ul>
|
||
</div>
|
||
);
|
||
}
|