@ramme-io/create-app 1.2.1 → 1.2.2

package/template/src/pages/LoginPage.tsx

@@ -1,58 +0,0 @@
-import React, { useState } from 'react';
-import { useNavigate } from 'react-router-dom';
-import { useAuth } from '../contexts/AuthContext';
-import { Button, Card, FormTemplate, Alert, Icon, type FormField } from '@ramme-io/ui';
-
-const LoginPage: React.FC = () => {
-  const navigate = useNavigate();
-  const { login } = useAuth();
-  const [error, setError] = useState<string | null>(null);
-  const [isLoading, setIsLoading] = useState(false);
-
-  const handleLogin = async (formData: Record<string, any>) => {
-    setIsLoading(true);
-    setError(null);
-    try {
-      const user = await login(formData.username, formData.password);
-      if (user) {
-        navigate('/dashboard');
-      } else {
-        setError('Invalid username or password.');
-      }
-    } catch (err) {
-      setError('An unexpected error occurred.');
-    } finally {
-      setIsLoading(false);
-    }
-  };
-
-  const formFields: FormField[] = [
-    { name: 'username', label: 'Username', type: 'text', placeholder: 'e.g., jane' },
-    { name: 'password', label: 'Password', type: 'password', placeholder: 'e.g., password' },
-  ];
-
-  return (
-    <div className="flex min-h-screen items-center justify-center bg-background p-4">
-      <Card className="w-full max-w-md p-8">
-        <div className="text-center mb-8">
-          <Icon name="layout-template" size={48} className="text-primary mx-auto mb-4" />
-          <h1 className="text-3xl font-bold text-text">Welcome to Ramme</h1>
-          <p className="text-muted-foreground">Please sign in to continue</p>
-        </div>
-        
-        {error && <Alert variant="danger" title="Login Failed" className="mb-4">{error}</Alert>}
-        
-        <FormTemplate
-          fields={formFields}
-          onSubmit={handleLogin}
-        >
-          <Button type="submit" loading={isLoading} className="w-full">
-            Sign In
-          </Button>
-        </FormTemplate>
-      </Card>
-    </div>
-  );
-};
-
-export default LoginPage;

package/template/src/pages/settings/ProfilePage.tsx

@@ -1,10 +0,0 @@
-import React from 'react';
-// --- 1. Import the new generic page ---
-import GenericContentPage from '../GenericContentPage'; 
-
-const ProfilePage: React.FC = () => {
-  // --- 2. Use the generic page component ---
-  return <GenericContentPage pageTitle="Profile Settings" />;
-};
-
-export default ProfilePage;

package/template/src/pages/styleguide/Styleguide.tsx

@@ -1,40 +0,0 @@
-import React from 'react';
-import { Outlet, useLocation } from 'react-router-dom';
-import { PageWithSideNav } from '../../components/PageWithSideNav';
-import { useSitemap } from '../../contexts/SitemapContext';
-
-const Styleguide: React.FC = () => {
-  const location = useLocation();
-  const sitemap = useSitemap();
-  const isDocsTemplate = location.pathname.startsWith('/docs');
-
-  if (isDocsTemplate) {
-    // Find the 'styleguide' section from the sitemap to get its children
-    const styleguideSitemapSection = sitemap.find(item => item.id === 'styleguide');
-    
-    // Transform the sitemap children into the shape the nav component expects
-    const navItems = (styleguideSitemapSection?.children || []).map(child => ({
-      label: child.title,
-      href: child.path,
-      icon: child.icon,
-    }));
-
-    return (
-      <PageWithSideNav
-        sideNavHeader={
-          <h2 className="text-lg font-semibold tracking-tight mb-2">
-            {styleguideSitemapSection?.title || 'Style Guide'}
-          </h2>
-        }
-        navItems={navItems}
-      >
-        <Outlet />
-      </PageWithSideNav>
-    );
-  }
-
-  // In the dashboard template, the main layout handles navigation.
-  return <Outlet />;
-};
-
-export default Styleguide;

package/template/src/templates/docs/pages/Introduction.tsx

@@ -1,13 +0,0 @@
-import React from 'react';
-import { Card } from '@ramme-io/ui';
-
-const IntroductionPage: React.FC = () => {
-  return (
-    <Card className="p-4">
-      <h2 className="text-xl font-bold mb-2">Introduction</h2>
-      <p>This is the introduction page for the 'Docs' template.</p>
-    </Card>
-  );
-};
-
-export default IntroductionPage;

package/template/src/types/signal.ts

@@ -1,23 +0,0 @@
-// src/types/signal.ts
-/**
- * @file signal.d.ts
- * @description Defines the universal contract for "Live Data" in the Ramme ecosystem.
- *
- * A "Signal" is a single data point that changes over time.
- * unlike a "Record" (which is static database row), a Signal is ephemeral.
- */
-
-export type SignalStatus = 'fresh' | 'stale' | 'disconnected' | 'error';
-
-export interface Signal<T = any> {
-  max: number;
-  id: string;          // The unique ID (e.g., "temp_01")
-  value: T;            // The actual data (e.g., 24.5)
-  unit?: string;       // Optional unit (e.g., "°C")
-  timestamp: number;   // Unix timestamp of last update
-  status: SignalStatus;
-  meta?: Record<string, any>; // Extra metadata (e.g., limits)
-}
-
-// A simple map for looking up signals by ID
-export type SignalMap = Record<string, Signal>;