@striae-org/striae 3.0.5 → 3.1.1

package/app/routes/mobile-prevented/mobilePrevented.module.css

@@ -1,47 +0,0 @@
-.container {
-  min-height: 100vh;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: var(--spaceL);
-}
-
-.card {
-  width: 100%;
-  max-width: var(--maxWidthS);
-  background-color: color-mix(in lab, var(--backgroundLight) 95%, transparent);
-  border-radius: var(--spaceXS);
-  padding: var(--space2XL);
-  box-shadow: 0 var(--spaceXS) var(--spaceM) color-mix(in lab, var(--black) 10%, transparent);
-  text-align: center;
-}
-
-.title {
-  margin: 0 0 var(--spaceM);
-  color: var(--textTitle);
-  font-size: var(--fontSizeH4);
-}
-
-.description {
-  margin: 0 0 var(--spaceXL);
-  color: var(--textBody);
-  font-size: var(--fontSizeBodyM);
-  line-height: 1.6;
-}
-
-.link {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  text-decoration: none;
-  background-color: var(--primary);
-  color: var(--white);
-  border-radius: var(--spaceXS);
-  padding: var(--spaceM) var(--spaceL);
-  font-size: var(--fontSizeBodyS);
-  transition: background-color var(--durationS) var(--bezierFastoutSlowin);
-}
-
-.link:hover {
-  background-color: color-mix(in lab, var(--primary) 85%, var(--black));
-}

package/app/routes/mobile-prevented/mobilePrevented.tsx

@@ -1,28 +0,0 @@
-import { Link } from '@remix-run/react';
-import styles from './mobilePrevented.module.css';
-
-export const meta = () => {
-  const titleText = 'Striae | Desktop Required';
-  const description = 'Striae authentication is available on desktop devices only.';
-
-  return [
-    { title: titleText },
-    { name: 'description', content: description },
-  ];
-};
-
-export const MobilePrevented = () => {
-  return (
-    <div className={styles.container}>
-      <div className={styles.card}>
-        <h1 className={styles.title}>Desktop Required</h1>
-        <p className={styles.description}>
-          Striae authentication is restricted to desktop devices. Please open this page on a desktop or laptop computer to continue.
-        </p>
-        <Link viewTransition prefetch="intent" to="https://striae.org" className={styles.link}>
-          Return Home
-        </Link>
-      </div>
-    </div>
-  );
-};

package/app/routes/mobile-prevented/route.ts

@@ -1,14 +0,0 @@
-import { redirect, type LoaderFunctionArgs } from '@remix-run/cloudflare';
-import { isMobileOrTabletUserAgent } from '~/utils/device-detection';
-
-export const loader = async ({ request }: LoaderFunctionArgs) => {
-  const userAgent = request.headers.get('user-agent') ?? '';
-
-  if (!isMobileOrTabletUserAgent(userAgent)) {
-    throw redirect('/');
-  }
-
-  return null;
-};
-
-export { MobilePrevented as default, meta } from './mobilePrevented';

package/app/utils/device-detection.ts

@@ -1,5 +0,0 @@
-const mobileOrTabletUserAgentPattern = /mobile|android|iphone|ipad|ipod|blackberry|iemobile|opera mini|tablet|silk|kindle|playbook|webos|windows phone/i;
-
-export const isMobileOrTabletUserAgent = (userAgent: string): boolean => {
-	return mobileOrTabletUserAgentPattern.test(userAgent);
-};

package/app/utils/html-sanitizer.ts

@@ -1,80 +0,0 @@
-/**
- * HTML Sanitization Utility
- * 
- * Provides secure HTML escaping for user-generated content
- * embedded in email templates and other HTML contexts.
- * 
- * @module html-sanitizer
- */
-
-/**
- * Escapes HTML special characters to prevent injection attacks
- * 
- * Converts characters that have special meaning in HTML into their
- * HTML entity equivalents to ensure they are rendered as text rather
- * than interpreted as markup.
- * 
- * @param text - Raw user input that may contain HTML characters
- * @returns Safely escaped string suitable for embedding in HTML
- * 
- * @example
- * ```typescript
- * escapeHtml('<script>alert("xss")</script>')
- * // Returns: '&lt;script&gt;alert(&quot;xss&quot;)&lt;/script&gt;'
- * 
- * escapeHtml('John & Jane <test@example.com>')
- * // Returns: 'John &amp; Jane &lt;test@example.com&gt;'
- * ```
- */
-export function escapeHtml(text: string | null | undefined): string {
-  if (!text) return '';
-  
-  return String(text)
-    .replace(/&/g, '&amp;')
-    .replace(/</g, '&lt;')
-    .replace(/>/g, '&gt;')
-    .replace(/"/g, '&quot;')
-    .replace(/'/g, '&#x27;')
-    .replace(/\//g, '&#x2F;');
-}
-
-/**
- * Escapes multiple string values for safe HTML embedding
- * 
- * Convenience function for escaping an object of string values.
- * Useful when preparing multiple user inputs for email templates.
- * 
- * @param values - Object containing string values to escape
- * @returns New object with all string values HTML-escaped
- * 
- * @example
- * ```typescript
- * const userInput = {
- *   name: '<script>alert("xss")</script>',
- *   email: 'test@example.com',
- *   company: 'ACME & Co.'
- * };
- * 
- * const safe = escapeHtmlObject(userInput);
- * // Returns: {
- * //   name: '&lt;script&gt;alert(&quot;xss&quot;)&lt;/script&gt;',
- * //   email: 'test@example.com',
- * //   company: 'ACME &amp; Co.'
- * // }
- * ```
- */
-export function escapeHtmlObject<T extends Record<string, any>>(
-  values: T
-): T {
-  const escaped = {} as T;
-  
-  for (const [key, value] of Object.entries(values)) {
-    if (typeof value === 'string') {
-      escaped[key as keyof T] = escapeHtml(value) as T[keyof T];
-    } else {
-      escaped[key as keyof T] = value;
-    }
-  }
-  
-  return escaped;
-}