init

example/src/secret-content.secret.tsx

@@ -0,0 +1,28 @@
+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>
+  );
+}