@codaijs/keel 0.2.2 → 0.2.4

package/sails/gdpr/files/frontend/components/gdpr/DataExportButton.tsx

@@ -1,75 +1,75 @@
-import { useState } from "react";
-
-export default function DataExportButton() {
-  const [isLoading, setIsLoading] = useState(false);
-  const [error, setError] = useState("");
-
-  const handleExport = async () => {
-    setIsLoading(true);
-    setError("");
-
-    try {
-      const response = await fetch("/api/gdpr/export", {
-        credentials: "include",
-      });
-
-      if (!response.ok) {
-        throw new Error("Failed to export data.");
-      }
-
-      const data = await response.json();
-      const blob = new Blob([JSON.stringify(data, null, 2)], {
-        type: "application/json",
-      });
-      const url = URL.createObjectURL(blob);
-      const link = document.createElement("a");
-      link.href = url;
-      link.download = `keel-data-export-${new Date().toISOString().slice(0, 10)}.json`;
-      document.body.appendChild(link);
-      link.click();
-      document.body.removeChild(link);
-      URL.revokeObjectURL(url);
-    } catch (err) {
-      setError(
-        err instanceof Error ? err.message : "Failed to export data.",
-      );
-    } finally {
-      setIsLoading(false);
-    }
-  };
-
-  return (
-    <div>
-      <button
-        onClick={handleExport}
-        disabled={isLoading}
-        className="inline-flex items-center rounded-lg border border-keel-gray-800 px-4 py-2 text-sm font-medium text-keel-gray-100 transition-colors hover:border-keel-gray-400 disabled:opacity-50"
-      >
-        {isLoading ? (
-          <>
-            <div className="mr-2 h-4 w-4 animate-spin rounded-full border-2 border-keel-gray-800 border-t-keel-blue" />
-            Exporting...
-          </>
-        ) : (
-          <>
-            <svg
-              className="mr-2 h-4 w-4"
-              fill="none"
-              viewBox="0 0 24 24"
-              stroke="currentColor"
-            >
-              <path
-                strokeLinecap="round"
-                strokeLinejoin="round"
-                strokeWidth={2}
-                d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
-              />
-            </svg>
-            Export my data
-          </>
-        )}
-      </button>
-      {error && <p className="mt-2 text-xs text-red-400">{error}</p>}
-    </div>
-  );
-}
+import { useState } from "react";
+
+export default function DataExportButton() {
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState("");
+
+  const handleExport = async () => {
+    setIsLoading(true);
+    setError("");
+
+    try {
+      const response = await fetch("/api/gdpr/export", {
+        credentials: "include",
+      });
+
+      if (!response.ok) {
+        throw new Error("Failed to export data.");
+      }
+
+      const data = await response.json();
+      const blob = new Blob([JSON.stringify(data, null, 2)], {
+        type: "application/json",
+      });
+      const url = URL.createObjectURL(blob);
+      const link = document.createElement("a");
+      link.href = url;
+      link.download = `keel-data-export-${new Date().toISOString().slice(0, 10)}.json`;
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+      URL.revokeObjectURL(url);
+    } catch (err) {
+      setError(
+        err instanceof Error ? err.message : "Failed to export data.",
+      );
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  return (
+    <div>
+      <button
+        onClick={handleExport}
+        disabled={isLoading}
+        className="inline-flex items-center rounded-lg border border-keel-gray-800 px-4 py-2 text-sm font-medium text-keel-gray-100 transition-colors hover:border-keel-gray-400 disabled:opacity-50"
+      >
+        {isLoading ? (
+          <>
+            <div className="mr-2 h-4 w-4 animate-spin rounded-full border-2 border-keel-gray-800 border-t-keel-blue" />
+            Exporting...
+          </>
+        ) : (
+          <>
+            <svg
+              className="mr-2 h-4 w-4"
+              fill="none"
+              viewBox="0 0 24 24"
+              stroke="currentColor"
+            >
+              <path
+                strokeLinecap="round"
+                strokeLinejoin="round"
+                strokeWidth={2}
+                d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
+              />
+            </svg>
+            Export my data
+          </>
+        )}
+      </button>
+      {error && <p className="mt-2 text-xs text-red-400">{error}</p>}
+    </div>
+  );
+}

package/sails/gdpr/files/frontend/pages/PrivacyPolicy.tsx

@@ -1,186 +1,186 @@
-export default function PrivacyPolicy() {
-  return (
-    <div className="mx-auto w-full max-w-3xl px-4 py-8 sm:px-6 lg:px-8">
-      <article className="max-w-none">
-        <h1 className="text-3xl font-bold text-white">Privacy Policy</h1>
-        <p className="text-sm text-keel-gray-400">Last updated: March 18, 2026</p>
-
-        <section className="mt-8 space-y-6">
-          <div>
-            <h2 className="text-xl font-semibold text-white">
-              1. What Data We Collect
-            </h2>
-            <p className="mt-2 text-sm leading-relaxed text-keel-gray-400">
-              We collect the following personal data when you use our service:
-            </p>
-            <ul className="mt-2 list-disc space-y-1 pl-6 text-sm text-keel-gray-400">
-              <li>
-                <strong className="text-keel-gray-100">Account information:</strong> your name, email address,
-                and encrypted password when you create an account.
-              </li>
-              <li>
-                <strong className="text-keel-gray-100">Profile data:</strong> profile picture and any
-                additional information you choose to provide.
-              </li>
-              <li>
-                <strong className="text-keel-gray-100">Usage data:</strong> information about how you interact
-                with our service, including pages visited, features used, and
-                session duration (only with your explicit consent).
-              </li>
-              <li>
-                <strong className="text-keel-gray-100">Technical data:</strong> IP address, browser type,
-                device information, and operating system for security and
-                service operation purposes.
-              </li>
-            </ul>
-          </div>
-
-          <div>
-            <h2 className="text-xl font-semibold text-white">
-              2. Why We Collect It
-            </h2>
-            <p className="mt-2 text-sm leading-relaxed text-keel-gray-400">
-              We process your personal data for the following purposes:
-            </p>
-            <ul className="mt-2 list-disc space-y-1 pl-6 text-sm text-keel-gray-400">
-              <li>
-                <strong className="text-keel-gray-100">Service provision:</strong> to create and manage your
-                account, authenticate your identity, and provide the core
-                functionality of the service.
-              </li>
-              <li>
-                <strong className="text-keel-gray-100">Communication:</strong> to send you important service
-                notifications, such as email verification and password resets.
-              </li>
-              <li>
-                <strong className="text-keel-gray-100">Marketing:</strong> to send you product updates and
-                promotional content (only with your explicit consent).
-              </li>
-              <li>
-                <strong className="text-keel-gray-100">Analytics:</strong> to understand how the service is
-                used and improve it (only with your explicit consent).
-              </li>
-              <li>
-                <strong className="text-keel-gray-100">Security:</strong> to protect your account and detect
-                unauthorized access or abuse.
-              </li>
-              <li>
-                <strong className="text-keel-gray-100">Legal compliance:</strong> to comply with applicable
-                laws and regulations.
-              </li>
-            </ul>
-          </div>
-
-          <div>
-            <h2 className="text-xl font-semibold text-white">
-              3. How Long We Keep It
-            </h2>
-            <p className="mt-2 text-sm leading-relaxed text-keel-gray-400">
-              We retain your personal data for as long as your account is
-              active. If you request account deletion, your data will be
-              permanently removed within 30 days of the scheduled deletion date.
-              Some data may be retained for a longer period if required by law
-              (e.g., financial records for tax compliance).
-            </p>
-          </div>
-
-          <div>
-            <h2 className="text-xl font-semibold text-white">
-              4. Your Rights
-            </h2>
-            <p className="mt-2 text-sm leading-relaxed text-keel-gray-400">
-              Under the General Data Protection Regulation (GDPR), you have the
-              following rights:
-            </p>
-            <ul className="mt-2 list-disc space-y-1 pl-6 text-sm text-keel-gray-400">
-              <li>
-                <strong className="text-keel-gray-100">Right of access:</strong> you can request a copy of your
-                personal data at any time.
-              </li>
-              <li>
-                <strong className="text-keel-gray-100">Right to data portability:</strong> you can export your
-                data in a machine-readable format (JSON).
-              </li>
-              <li>
-                <strong className="text-keel-gray-100">Right to erasure:</strong> you can request the deletion
-                of your account and all associated data.
-              </li>
-              <li>
-                <strong className="text-keel-gray-100">Right to withdraw consent:</strong> you can withdraw any
-                optional consent (marketing, analytics) at any time through your
-                account settings.
-              </li>
-              <li>
-                <strong className="text-keel-gray-100">Right to rectification:</strong> you can update or
-                correct your personal data through your profile settings.
-              </li>
-              <li>
-                <strong className="text-keel-gray-100">Right to object:</strong> you can object to the
-                processing of your personal data for specific purposes.
-              </li>
-            </ul>
-          </div>
-
-          <div>
-            <h2 className="text-xl font-semibold text-white">
-              5. How to Exercise Your Rights
-            </h2>
-            <p className="mt-2 text-sm leading-relaxed text-keel-gray-400">
-              You can exercise most of your rights directly through the
-              application:
-            </p>
-            <ul className="mt-2 list-disc space-y-1 pl-6 text-sm text-keel-gray-400">
-              <li>
-                <strong className="text-keel-gray-100">Data export:</strong> go to Settings &gt; Data &amp;
-                Privacy &gt; Export my data.
-              </li>
-              <li>
-                <strong className="text-keel-gray-100">Account deletion:</strong> go to Settings &gt; Data
-                &amp; Privacy &gt; Delete my account.
-              </li>
-              <li>
-                <strong className="text-keel-gray-100">Consent management:</strong> go to Settings &gt; Consent
-                Preferences to manage your marketing and analytics opt-ins.
-              </li>
-              <li>
-                <strong className="text-keel-gray-100">Profile updates:</strong> go to Profile to update your
-                personal information.
-              </li>
-            </ul>
-            <p className="mt-2 text-sm leading-relaxed text-keel-gray-400">
-              For any other requests, please contact us using the information
-              below.
-            </p>
-          </div>
-
-          <div>
-            <h2 className="text-xl font-semibold text-white">
-              6. Data Security
-            </h2>
-            <p className="mt-2 text-sm leading-relaxed text-keel-gray-400">
-              We implement appropriate technical and organizational measures to
-              protect your personal data against unauthorized access, alteration,
-              disclosure, or destruction. This includes encryption of passwords,
-              secure HTTPS connections, and regular security audits.
-            </p>
-          </div>
-
-          <div>
-            <h2 className="text-xl font-semibold text-white">
-              7. Contact Information
-            </h2>
-            <p className="mt-2 text-sm leading-relaxed text-keel-gray-400">
-              If you have any questions about this Privacy Policy or wish to
-              exercise your rights, please contact us at:
-            </p>
-            <p className="mt-2 text-sm text-keel-gray-400">
-              <strong className="text-keel-gray-100">Email:</strong> privacy@yourdomain.com
-              <br />
-              <strong className="text-keel-gray-100">Data Protection Officer:</strong> dpo@yourdomain.com
-            </p>
-          </div>
-        </section>
-      </article>
-    </div>
-  );
-}
+export default function PrivacyPolicy() {
+  return (
+    <div className="mx-auto w-full max-w-3xl px-4 py-8 sm:px-6 lg:px-8">
+      <article className="max-w-none">
+        <h1 className="text-3xl font-bold text-white">Privacy Policy</h1>
+        <p className="text-sm text-keel-gray-400">Last updated: March 18, 2026</p>
+
+        <section className="mt-8 space-y-6">
+          <div>
+            <h2 className="text-xl font-semibold text-white">
+              1. What Data We Collect
+            </h2>
+            <p className="mt-2 text-sm leading-relaxed text-keel-gray-400">
+              We collect the following personal data when you use our service:
+            </p>
+            <ul className="mt-2 list-disc space-y-1 pl-6 text-sm text-keel-gray-400">
+              <li>
+                <strong className="text-keel-gray-100">Account information:</strong> your name, email address,
+                and encrypted password when you create an account.
+              </li>
+              <li>
+                <strong className="text-keel-gray-100">Profile data:</strong> profile picture and any
+                additional information you choose to provide.
+              </li>
+              <li>
+                <strong className="text-keel-gray-100">Usage data:</strong> information about how you interact
+                with our service, including pages visited, features used, and
+                session duration (only with your explicit consent).
+              </li>
+              <li>
+                <strong className="text-keel-gray-100">Technical data:</strong> IP address, browser type,
+                device information, and operating system for security and
+                service operation purposes.
+              </li>
+            </ul>
+          </div>
+
+          <div>
+            <h2 className="text-xl font-semibold text-white">
+              2. Why We Collect It
+            </h2>
+            <p className="mt-2 text-sm leading-relaxed text-keel-gray-400">
+              We process your personal data for the following purposes:
+            </p>
+            <ul className="mt-2 list-disc space-y-1 pl-6 text-sm text-keel-gray-400">
+              <li>
+                <strong className="text-keel-gray-100">Service provision:</strong> to create and manage your
+                account, authenticate your identity, and provide the core
+                functionality of the service.
+              </li>
+              <li>
+                <strong className="text-keel-gray-100">Communication:</strong> to send you important service
+                notifications, such as email verification and password resets.
+              </li>
+              <li>
+                <strong className="text-keel-gray-100">Marketing:</strong> to send you product updates and
+                promotional content (only with your explicit consent).
+              </li>
+              <li>
+                <strong className="text-keel-gray-100">Analytics:</strong> to understand how the service is
+                used and improve it (only with your explicit consent).
+              </li>
+              <li>
+                <strong className="text-keel-gray-100">Security:</strong> to protect your account and detect
+                unauthorized access or abuse.
+              </li>
+              <li>
+                <strong className="text-keel-gray-100">Legal compliance:</strong> to comply with applicable
+                laws and regulations.
+              </li>
+            </ul>
+          </div>
+
+          <div>
+            <h2 className="text-xl font-semibold text-white">
+              3. How Long We Keep It
+            </h2>
+            <p className="mt-2 text-sm leading-relaxed text-keel-gray-400">
+              We retain your personal data for as long as your account is
+              active. If you request account deletion, your data will be
+              permanently removed within 30 days of the scheduled deletion date.
+              Some data may be retained for a longer period if required by law
+              (e.g., financial records for tax compliance).
+            </p>
+          </div>
+
+          <div>
+            <h2 className="text-xl font-semibold text-white">
+              4. Your Rights
+            </h2>
+            <p className="mt-2 text-sm leading-relaxed text-keel-gray-400">
+              Under the General Data Protection Regulation (GDPR), you have the
+              following rights:
+            </p>
+            <ul className="mt-2 list-disc space-y-1 pl-6 text-sm text-keel-gray-400">
+              <li>
+                <strong className="text-keel-gray-100">Right of access:</strong> you can request a copy of your
+                personal data at any time.
+              </li>
+              <li>
+                <strong className="text-keel-gray-100">Right to data portability:</strong> you can export your
+                data in a machine-readable format (JSON).
+              </li>
+              <li>
+                <strong className="text-keel-gray-100">Right to erasure:</strong> you can request the deletion
+                of your account and all associated data.
+              </li>
+              <li>
+                <strong className="text-keel-gray-100">Right to withdraw consent:</strong> you can withdraw any
+                optional consent (marketing, analytics) at any time through your
+                account settings.
+              </li>
+              <li>
+                <strong className="text-keel-gray-100">Right to rectification:</strong> you can update or
+                correct your personal data through your profile settings.
+              </li>
+              <li>
+                <strong className="text-keel-gray-100">Right to object:</strong> you can object to the
+                processing of your personal data for specific purposes.
+              </li>
+            </ul>
+          </div>
+
+          <div>
+            <h2 className="text-xl font-semibold text-white">
+              5. How to Exercise Your Rights
+            </h2>
+            <p className="mt-2 text-sm leading-relaxed text-keel-gray-400">
+              You can exercise most of your rights directly through the
+              application:
+            </p>
+            <ul className="mt-2 list-disc space-y-1 pl-6 text-sm text-keel-gray-400">
+              <li>
+                <strong className="text-keel-gray-100">Data export:</strong> go to Settings &gt; Data &amp;
+                Privacy &gt; Export my data.
+              </li>
+              <li>
+                <strong className="text-keel-gray-100">Account deletion:</strong> go to Settings &gt; Data
+                &amp; Privacy &gt; Delete my account.
+              </li>
+              <li>
+                <strong className="text-keel-gray-100">Consent management:</strong> go to Settings &gt; Consent
+                Preferences to manage your marketing and analytics opt-ins.
+              </li>
+              <li>
+                <strong className="text-keel-gray-100">Profile updates:</strong> go to Profile to update your
+                personal information.
+              </li>
+            </ul>
+            <p className="mt-2 text-sm leading-relaxed text-keel-gray-400">
+              For any other requests, please contact us using the information
+              below.
+            </p>
+          </div>
+
+          <div>
+            <h2 className="text-xl font-semibold text-white">
+              6. Data Security
+            </h2>
+            <p className="mt-2 text-sm leading-relaxed text-keel-gray-400">
+              We implement appropriate technical and organizational measures to
+              protect your personal data against unauthorized access, alteration,
+              disclosure, or destruction. This includes encryption of passwords,
+              secure HTTPS connections, and regular security audits.
+            </p>
+          </div>
+
+          <div>
+            <h2 className="text-xl font-semibold text-white">
+              7. Contact Information
+            </h2>
+            <p className="mt-2 text-sm leading-relaxed text-keel-gray-400">
+              If you have any questions about this Privacy Policy or wish to
+              exercise your rights, please contact us at:
+            </p>
+            <p className="mt-2 text-sm text-keel-gray-400">
+              <strong className="text-keel-gray-100">Email:</strong> privacy@yourdomain.com
+              <br />
+              <strong className="text-keel-gray-100">Data Protection Officer:</strong> dpo@yourdomain.com
+            </p>
+          </div>
+        </section>
+      </article>
+    </div>
+  );
+}