@striae-org/striae 3.0.4 → 3.1.0

package/app/config-example/meta-config.json

@@ -1,6 +0,0 @@
-{
-    "name": "Striae",  
-    "author": "Stephen J. Lu",
-    "title": "A Firearms Examiner's Comparison Companion",
-    "url": "PAGES_CUSTOM_DOMAIN"
-}

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,26 +0,0 @@
-import { Link } from '@remix-run/react';
-import { baseMeta } from '~/utils/meta';
-import styles from './mobilePrevented.module.css';
-
-export const meta = () => {
-  return baseMeta({
-    title: 'Desktop Required',
-    description: 'Striae authentication is available on desktop devices only.',
-  });
-};
-
-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;
-}

package/app/utils/meta.ts

@@ -1,48 +0,0 @@
-import config from '~/config/meta-config.json';
-
-interface AppConfig {
-  name: string;
-  author: string;
-  title: string;
-  url: string;  
-}
-
-const { name, author, url } = config as AppConfig;
-const defaultOgImage = `${url}/social-image.png`;
-
-
-interface MetaParams {
-  title: string;
-  description: string;
-  prefix?: string;
-  ogImage?: string;
-}
-
-export function baseMeta({
-  title: pageTitle,
-  description,  
-  ogImage = defaultOgImage,
-}: MetaParams) {
-  const titleText = `${name} | ${pageTitle}`;
-
-  return [
-    { title: titleText },
-    { name: 'description', content: description },
-    { name: 'author', content: author },
-    { property: 'og:image', content: ogImage },
-    { property: 'og:image:alt', content: 'Banner for the site' },
-    { property: 'og:image:width', content: '1020' },
-    { property: 'og:image:height', content: '484' },
-    { property: 'og:title', content: titleText },
-    { property: 'og:site_name', content: name },
-    { property: 'og:type', content: 'website' },
-    { property: 'og:url', content: url },
-    { property: 'og:description', content: description },    
-    { property: 'twitter:card', content: 'summary_large_image' },
-    { property: 'twitter:description', content: description },
-    { property: 'twitter:title', content: titleText },
-    { property: 'twitter:site', content: url },
-    { property: 'twitter:creator', content: author },
-    { property: 'twitter:image', content: ogImage },
-  ];
-}

package/public/manifest.json

@@ -1,25 +0,0 @@
-{
-  "short_name": "Striae",
-  "name": "Striae: A Firearms Examiner's Comparison Companion",
-  "icons": [
-    {
-      "src": "shortcut.png",
-      "sizes": "64x64",
-      "type": "image/png"
-    },
-    {
-      "src": "icon-256.png",
-      "sizes": "256x256",
-      "type": "image/png"
-    },
-    {
-      "src": "icon-512.png",
-      "sizes": "512x512",
-      "type": "image/png"
-    }
-  ],
-  "start_url": ".",
-  "display": "standalone",
-  "theme_color": "#ddd",
-  "background_color": "#ddd"
-}