ai-flow-dev 2.6.0 → 2.7.0

package/templates/frontend/docs/pwa.template.md

@@ -1,125 +1,125 @@
-# Progressive Web App (PWA)
-
-> PWA features and offline capabilities for {{PROJECT_NAME}}
+# Progressive Web App (PWA)
+
+> PWA features and offline capabilities for {{PROJECT_NAME}}
 ---
-## 🎯 PWA Strategy
-
-**Service Worker:** {{SERVICE_WORKER_ENABLED}}
-**Caching Strategy:** {{CACHING_STRATEGY}}
-**Install Prompt:** {{INSTALL_PROMPT}}
-**Offline Support:** {{OFFLINE_SUPPORT}}
+## 🎯 PWA Strategy
+
+**Service Worker:** {{SERVICE_WORKER_ENABLED}}
+**Caching Strategy:** {{CACHING_STRATEGY}}
+**Install Prompt:** {{INSTALL_PROMPT}}
+**Offline Support:** {{OFFLINE_SUPPORT}}
 ---
-## 🔧 Service Worker
-
-### Registration
-
-```typescript
-// registerServiceWorker.ts
-if ('serviceWorker' in navigator) {
-  window.addEventListener('load', () => {
-    navigator.serviceWorker
-      .register('/sw.js')
-      .then((registration) => {
-        console.log('SW registered:', registration);
-      })
-      .catch((error) => {
-        console.error('SW registration failed:', error);
-      });
-  });
-}
-```
-
-### Service Worker Implementation
-
-```javascript
-// public/sw.js
-const CACHE_NAME = 'app-v1';
-const urlsToCache = [
-  '/',
-  '/index.html',
-  '/assets/app.js',
-  '/assets/app.css',
-];
-
-// Install
-self.addEventListener('install', (event) => {
-  event.waitUntil(
-    caches.open(CACHE_NAME).then((cache) => {
-      return cache.addAll(urlsToCache);
-    })
-  );
-});
-
-// Fetch (Cache-first strategy)
-self.addEventListener('fetch', (event) => {
-  event.respondWith(
-    caches.match(event.request).then((response) => {
-      return response || fetch(event.request);
-    })
-  );
-});
-```
+## 🔧 Service Worker
+
+### Registration
+
+```typescript
+// registerServiceWorker.ts
+if ('serviceWorker' in navigator) {
+  window.addEventListener('load', () => {
+    navigator.serviceWorker
+      .register('/sw.js')
+      .then((registration) => {
+        console.log('SW registered:', registration);
+      })
+      .catch((error) => {
+        console.error('SW registration failed:', error);
+      });
+  });
+}
+```
+
+### Service Worker Implementation
+
+```javascript
+// public/sw.js
+const CACHE_NAME = 'app-v1';
+const urlsToCache = [
+  '/',
+  '/index.html',
+  '/assets/app.js',
+  '/assets/app.css',
+];
+
+// Install
+self.addEventListener('install', (event) => {
+  event.waitUntil(
+    caches.open(CACHE_NAME).then((cache) => {
+      return cache.addAll(urlsToCache);
+    })
+  );
+});
+
+// Fetch (Cache-first strategy)
+self.addEventListener('fetch', (event) => {
+  event.respondWith(
+    caches.match(event.request).then((response) => {
+      return response || fetch(event.request);
+    })
+  );
+});
+```
 ---
-## 📱 Web App Manifest
-
-```json
-// public/manifest.json
-{
-  "name": "{{PROJECT_NAME}}",
-  "short_name": "{{PROJECT_SHORT_NAME}}",
-  "description": "{{PROJECT_DESCRIPTION}}",
-  "start_url": "/",
-  "display": "standalone",
-  "background_color": "#ffffff",
-  "theme_color": "#000000",
-  "icons": [
-    {
-      "src": "/icon-192.png",
-      "sizes": "192x192",
-      "type": "image/png"
-    },
-    {
-      "src": "/icon-512.png",
-      "sizes": "512x512",
-      "type": "image/png"
-    }
-  ]
-}
-```
+## 📱 Web App Manifest
+
+```json
+// public/manifest.json
+{
+  "name": "{{PROJECT_NAME}}",
+  "short_name": "{{PROJECT_SHORT_NAME}}",
+  "description": "{{PROJECT_DESCRIPTION}}",
+  "start_url": "/",
+  "display": "standalone",
+  "background_color": "#ffffff",
+  "theme_color": "#000000",
+  "icons": [
+    {
+      "src": "/icon-192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/icon-512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ]
+}
+```
 ---
-## 📲 Install Prompt
-
-```typescript
-// utils/installPrompt.ts
-let deferredPrompt: BeforeInstallPromptEvent | null = null;
-
-window.addEventListener('beforeinstallprompt', (e) => {
-  e.preventDefault();
-  deferredPrompt = e;
-  showInstallButton();
-});
-
-export function showInstallPrompt() {
-  if (deferredPrompt) {
-    deferredPrompt.prompt();
-    deferredPrompt.userChoice.then((choiceResult) => {
-      if (choiceResult.outcome === 'accepted') {
-        console.log('User accepted install');
-      }
-      deferredPrompt = null;
-    });
-  }
-}
-```
+## 📲 Install Prompt
+
+```typescript
+// utils/installPrompt.ts
+let deferredPrompt: BeforeInstallPromptEvent | null = null;
+
+window.addEventListener('beforeinstallprompt', (e) => {
+  e.preventDefault();
+  deferredPrompt = e;
+  showInstallButton();
+});
+
+export function showInstallPrompt() {
+  if (deferredPrompt) {
+    deferredPrompt.prompt();
+    deferredPrompt.userChoice.then((choiceResult) => {
+      if (choiceResult.outcome === 'accepted') {
+        console.log('User accepted install');
+      }
+      deferredPrompt = null;
+    });
+  }
+}
+```
 ---
-## 🔗 Related Documents
-
-- [Performance](performance.md) - PWA performance
-- [Operations](operations.md) - PWA deployment
+## 🔗 Related Documents
+
+- [Performance](performance.md) - PWA performance
+- [Operations](operations.md) - PWA deployment
 ---
-**Last Updated:** {{GENERATION_DATE}}
-
-**PWA Features:** {{PWA_FEATURES}}
-
-
-
+**Last Updated:** {{GENERATION_DATE}}
+
+**PWA Features:** {{PWA_FEATURES}}
+
+
+

package/templates/frontend/docs/state-management.template.md

@@ -364,5 +364,5 @@ const globalState = {
 **Last Updated:** {{GENERATION_DATE}}
 
 **Solution:** {{STATE_MANAGEMENT}}
-
-
+
+

package/templates/frontend/docs/styling.template.md

@@ -751,5 +751,5 @@ test('button has no a11y violations', async () => {
 **Last Updated:** {{GENERATION_DATE}}
 
 **Styling Approach:** {{STYLING_APPROACH}}
-
-
+
+

package/templates/frontend/docs/testing.template.md

@@ -706,5 +706,5 @@ jobs:
 **Last Updated:** {{GENERATION_DATE}}
 
 **Testing Stack:** {{UNIT_TEST_FRAMEWORK}} + {{COMPONENT_TEST_LIBRARY}} + {{E2E_FRAMEWORK}}
-
-
+
+

package/templates/frontend/project-brief.template.md

@@ -37,5 +37,5 @@
 {{STAKEHOLDERS}}
 ---
 **Last Updated:** {{GENERATION_DATE}}
-
-
+
+

package/templates/frontend/specs/accessibility.template.md

@@ -1,101 +1,101 @@
-# Accessibility Specification
-
-> Accessibility requirements and WCAG compliance for {{PROJECT_NAME}}
+# Accessibility Specification
+
+> Accessibility requirements and WCAG compliance for {{PROJECT_NAME}}
 ---
-## 🎯 Accessibility Target
-
-**WCAG Level:** {{A11Y_COMPLIANCE}}
-**Screen Reader Testing:** {{SCREEN_READER_TESTING}}
-**Keyboard Navigation:** {{KEYBOARD_NAVIGATION}}
+## 🎯 Accessibility Target
+
+**WCAG Level:** {{A11Y_COMPLIANCE}}
+**Screen Reader Testing:** {{SCREEN_READER_TESTING}}
+**Keyboard Navigation:** {{KEYBOARD_NAVIGATION}}
 ---
-## ♿ WCAG Compliance
-
-### Level AA Requirements
-
-- **Color Contrast:** 4.5:1 for normal text, 3:1 for large text
-- **Keyboard Accessible:** All functionality available via keyboard
-- **Focus Indicators:** Visible focus indicators
-- **Alt Text:** Images have descriptive alt text
-- **Semantic HTML:** Proper use of semantic elements
-
-### Level AAA Requirements (if applicable)
-
-- **Color Contrast:** 7:1 for normal text, 4.5:1 for large text
-- **Sign Language:** Sign language interpretation for audio
-- **Extended Audio Description:** Extended audio descriptions
+## ♿ WCAG Compliance
+
+### Level AA Requirements
+
+- **Color Contrast:** 4.5:1 for normal text, 3:1 for large text
+- **Keyboard Accessible:** All functionality available via keyboard
+- **Focus Indicators:** Visible focus indicators
+- **Alt Text:** Images have descriptive alt text
+- **Semantic HTML:** Proper use of semantic elements
+
+### Level AAA Requirements (if applicable)
+
+- **Color Contrast:** 7:1 for normal text, 4.5:1 for large text
+- **Sign Language:** Sign language interpretation for audio
+- **Extended Audio Description:** Extended audio descriptions
 ---
-## ⌨️ Keyboard Navigation
-
-### Focus Management
-
-```typescript
-// Focus trap in modals
-function trapFocus(element: HTMLElement) {
-  const focusableElements = element.querySelectorAll(
-    'a[href], button, textarea, input, select, [tabindex]:not([tabindex="-1"])'
-  );
-  
-  const firstElement = focusableElements[0] as HTMLElement;
-  const lastElement = focusableElements[focusableElements.length - 1] as HTMLElement;
-
-  element.addEventListener('keydown', (e) => {
-    if (e.key === 'Tab') {
-      if (e.shiftKey && document.activeElement === firstElement) {
-        e.preventDefault();
-        lastElement.focus();
-      } else if (!e.shiftKey && document.activeElement === lastElement) {
-        e.preventDefault();
-        firstElement.focus();
-      }
-    }
-  });
-}
-```
-
-### Skip Links
-
-```html
-<a href="#main-content" class="skip-link">Skip to main content</a>
-```
+## ⌨️ Keyboard Navigation
+
+### Focus Management
+
+```typescript
+// Focus trap in modals
+function trapFocus(element: HTMLElement) {
+  const focusableElements = element.querySelectorAll(
+    'a[href], button, textarea, input, select, [tabindex]:not([tabindex="-1"])'
+  );
+  
+  const firstElement = focusableElements[0] as HTMLElement;
+  const lastElement = focusableElements[focusableElements.length - 1] as HTMLElement;
+
+  element.addEventListener('keydown', (e) => {
+    if (e.key === 'Tab') {
+      if (e.shiftKey && document.activeElement === firstElement) {
+        e.preventDefault();
+        lastElement.focus();
+      } else if (!e.shiftKey && document.activeElement === lastElement) {
+        e.preventDefault();
+        firstElement.focus();
+      }
+    }
+  });
+}
+```
+
+### Skip Links
+
+```html
+<a href="#main-content" class="skip-link">Skip to main content</a>
+```
 ---
-## 🗣️ Screen Reader Support
-
-### ARIA Labels
-
-```typescript
-// Descriptive labels
-<button aria-label="Close dialog">×</button>
-
-// Live regions
-<div aria-live="polite" aria-atomic="true">
-  {notification}
-</div>
-```
-
-### Semantic HTML
-
-```html
-<!-- ✅ Good -->
-<nav>
-  <ul>
-    <li><a href="/">Home</a></li>
-  </ul>
-</nav>
-
-<!-- ❌ Bad -->
-<div>
-  <div><span>Home</span></div>
-</div>
-```
+## 🗣️ Screen Reader Support
+
+### ARIA Labels
+
+```typescript
+// Descriptive labels
+<button aria-label="Close dialog">×</button>
+
+// Live regions
+<div aria-live="polite" aria-atomic="true">
+  {notification}
+</div>
+```
+
+### Semantic HTML
+
+```html
+<!-- ✅ Good -->
+<nav>
+  <ul>
+    <li><a href="/">Home</a></li>
+  </ul>
+</nav>
+
+<!-- ❌ Bad -->
+<div>
+  <div><span>Home</span></div>
+</div>
+```
 ---
-## 🔗 Related Documents
-
-- [Styling](../docs/styling.md) - Accessibility in styling
-- [Components](../docs/components.md) - Accessible components
+## 🔗 Related Documents
+
+- [Styling](../docs/styling.md) - Accessibility in styling
+- [Components](../docs/components.md) - Accessible components
 ---
-**Last Updated:** {{GENERATION_DATE}}
-
-**WCAG Level:** {{A11Y_COMPLIANCE}}
-
-
-
+**Last Updated:** {{GENERATION_DATE}}
+
+**WCAG Level:** {{A11Y_COMPLIANCE}}
+
+
+

package/templates/frontend/specs/configuration.template.md

@@ -494,5 +494,5 @@ if (isProduction && config.analytics.sentryDsn) {
 **Last Updated:** {{GENERATION_DATE}}
 
 **Configuration Approach:** {{CONFIGURATION_APPROACH}}
-
-
+
+