Make website mobile-only

Author: maskedsyntax

website/src/lib/components/JournalMockup.svelte

@@ -105,9 +105,14 @@ export type BlogPost = {
 /** Frontmatter as authored - most fields are optional and filled in below. */
 type RawFrontmatter = Partial<Omit<BlogPost, 'slug'>>;
 
-const metaModules = import.meta.glob<RawFrontmatter>('/src/content/blog/*.md', {
-  eager: true,
-  import: 'metadata'
+/**
+ * Import each mdsvex module as a namespace, then read its generated metadata
+ * export below. A named `import: 'metadata'` works in production builds but
+ * Bun-triggered Vite dependency scans can inspect the raw Markdown before
+ * mdsvex transforms it and incorrectly report that the export is missing.
+ */
+const metaModules = import.meta.glob<{ metadata: RawFrontmatter }>('/src/content/blog/*.md', {
+  eager: true
 });
 
 /** Lazily loaded post bodies, so the index does not bundle every post. */
@@ -157,8 +162,8 @@ function toPost(path: string, meta: RawFrontmatter): BlogPost {
   };
 }
 
-export const authoredPosts: BlogPost[] = Object.entries(metaModules).map(([path, meta]) =>
-  toPost(path, meta)
+export const authoredPosts: BlogPost[] = Object.entries(metaModules).map(([path, module]) =>
+  toPost(path, module.metadata)
 );
 
 /** Only approved content is visible to routes, feeds, related posts, and the sitemap. */

website/src/lib/components/WindowsIcon.svelte

@@ -38,7 +38,7 @@ export const faqs: FaqItem[] = [
   {
     question: 'Which platforms is Patterns available on?',
     answer:
-      'Patterns is available for iOS, Android, macOS, Windows, and Linux. It is built with Flutter for a clean, focused experience on every screen.'
+      'Patterns is a mobile app available for iPhone and Android. You can download it from the App Store or Google Play.'
   },
   {
     question: 'How much does Patterns cost?',

website/src/lib/data/blog.ts

@@ -5,7 +5,7 @@ import {
   LineChart,
   Shield,
   Moon,
-  MonitorSmartphone
+  Smartphone
 } from 'lucide-svelte';
 
 export type Feature = {
@@ -46,9 +46,9 @@ export const features: Feature[] = [
       'Switch between carefully crafted dark and light themes to match your environment and reduce eye strain during late-night reflections.'
   },
   {
-    icon: MonitorSmartphone,
-    title: 'Mobile & Desktop',
+    icon: Smartphone,
+    title: 'iPhone & Android',
     description:
-      'Built with Flutter for iOS, Android, macOS, Linux, and Windows with a clean interface that feels focused on every screen.'
+      'Built for iOS and Android, so your journal and ERP tools are available when a trigger or urge happens.'
   }
 ];

website/src/lib/data/faq.ts

@@ -34,10 +34,6 @@ describe('store links', () => {
     expect(new URL(links.playStore).searchParams.get('utm_source')).toBeNull();
   });
 
-  it('keeps the macOS link on the same app id', () => {
-    expect(links.macos).toContain(`/id${IOS_APP_ID}`);
-    expect(new URL(links.macos).searchParams.get('mt')).toBe('12');
-  });
 });
 
 describe('canonical site host', () => {

website/src/lib/data/features.ts

@@ -1,15 +1,11 @@
 export const links = {
   ios: 'https://apps.apple.com/us/app/patterns-ocd-journaling/id6762611172',
-  macos:
-    'https://apps.apple.com/us/app/patterns-ocd-journaling/id6762611172?mt=12',
   playStore:
     'https://play.google.com/store/apps/details?id=com.maskedsyntax.patterns',
   github: 'https://github.com/maskedsyntax/patterns',
   githubApi: 'https://api.github.com/repos/maskedsyntax/patterns',
   kofi: 'https://ko-fi.com/aftaabsiddiqui',
   sponsors: 'https://github.com/sponsors/maskedsyntax',
-  releases: 'https://github.com/maskedsyntax/patterns/releases',
-  releasesLatest: 'https://github.com/maskedsyntax/patterns/releases/latest',
   issues: 'https://github.com/maskedsyntax/patterns/issues',
   license: 'https://github.com/maskedsyntax/patterns/blob/master/LICENSE',
   maskedsyntax: 'https://maskedsyntax.com/',

website/src/lib/data/links.test.ts

@@ -0,0 +1,51 @@
+import { readFileSync } from 'node:fs';
+import { resolve } from 'node:path';
+import { describe, expect, it } from 'vitest';
+import { faqs } from './faq';
+import { features } from './features';
+import { links } from './links';
+
+const PUBLIC_COPY_FILES = [
+  'src/routes/+page.svelte',
+  'src/routes/roadmap/+page.svelte',
+  'src/lib/sections/Download.svelte',
+  'src/lib/sections/Preview.svelte'
+];
+
+const publicCopy = PUBLIC_COPY_FILES.map((path) => ({
+  path,
+  body: readFileSync(resolve(process.cwd(), path), 'utf8')
+}));
+
+const retiredPlatformLanguage = /\b(?:macOS|Windows|Linux)\b|desktop app|download for desktop|on desktop/i;
+
+describe('mobile-only website positioning', () => {
+  it('does not advertise retired app platforms in public page copy', () => {
+    for (const file of publicCopy) {
+      expect(file.body, file.path).not.toMatch(retiredPlatformLanguage);
+    }
+
+    for (const feature of features) {
+      expect(`${feature.title} ${feature.description}`, feature.title).not.toMatch(
+        retiredPlatformLanguage
+      );
+    }
+
+    for (const faq of faqs) {
+      expect(`${faq.question} ${faq.answer}`, faq.question).not.toMatch(retiredPlatformLanguage);
+    }
+  });
+
+  it('exposes only the two mobile store destinations', () => {
+    expect(links.ios).toContain('apps.apple.com');
+    expect(links.playStore).toContain('play.google.com');
+    expect(Object.keys(links)).not.toContain('macos');
+  });
+
+  it('states the supported mobile platforms in the download experience', () => {
+    const download = publicCopy.find((file) => file.path.endsWith('Download.svelte'))?.body ?? '';
+    expect(download).toContain('Available on iOS and Android');
+    expect(download).toContain('App Store');
+    expect(download).toContain('Google Play');
+  });
+});