newcandies 0.1.25 → 0.1.27

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "newcandies",
-  "version": "0.1.25",
+  "version": "0.1.27",
   "description": "Scaffold Expo Router + Uniwind React Native apps with layered templates.",
   "type": "module",
   "bin": {

package/templates/app-briefs/expo-router/cozynotes/src/app/+not-found.tsx

@@ -0,0 +1,32 @@
+import { Ionicons } from '@expo/vector-icons';
+import { Link, Stack } from 'expo-router';
+import { Pressable, Text, View } from 'react-native';
+import Screen from '~/components/ui/screen';
+import Squircle from '~/components/ui/squircle';
+
+
+
+export default function NotFoundScreen() {
+  return (
+    <Screen>
+      <Stack.Screen options={{ title: 'Not Found', headerShown: false }} />
+      <View className="flex-1 items-center justify-center px-8">
+        <Ionicons name="alert-circle-outline" size={80} color="black" />
+        <Text className="mt-6 text-2xl font-bold text-foreground">Page Not Found</Text>
+        <Text className="mt-2 text-center text-muted-foreground">
+          {"The page you're looking for doesn't exist."}
+        </Text>
+        <Link href="/" asChild>
+          <Pressable className="mt-8">
+            <Squircle
+              cornerSmoothing={1}
+              className="bg-primary px-6 py-3"
+              style={{ borderRadius: 14 }}>
+              <Text className="font-semibold text-primary-foreground">Go to Home</Text>
+            </Squircle>
+          </Pressable>
+        </Link>
+      </View>
+    </Screen>
+  );
+}

package/templates/app-briefs/expo-router/cozynotes/src/app/_layout.tsx

@@ -4,15 +4,7 @@ import { Slot } from 'expo-router';
 import { StatusBar } from 'expo-status-bar';
 
 export default function RootLayout() {
-  // TODO: Replace Slot with Stack navigator
-  // Example:
-  // import { Stack } from 'expo-router';
-  // return (
-  //   <>
-  //     <StatusBar style="dark" />
-  //     <Stack screenOptions={{ headerShown: false }} />
-  //   </>
-  // );
+
 
   return (
     <>

package/templates/app-briefs/expo-router/cozynotes/src/app/index.tsx

@@ -1,61 +1,15 @@
-import { Ionicons } from '@expo/vector-icons';
-import { Link } from 'expo-router';
-import { FlatList, ImageBackground, Pressable, StyleSheet, View } from 'react-native';
-
-import NoteCard from '~/components/screens/home/note-card';
+import { View } from 'react-native';
 import Screen from '~/components/ui/screen';
-import Squircle from '~/components/ui/squircle';
 import Text from '~/components/ui/text';
-import { NOTES } from '~/lib/constants';
 
-const BACKGROUND_IMAGE =
-  'https://github.com/user-attachments/assets/ce07d991-098a-4e14-a759-ecbb0c159b6b';
+
 
 export default function HomeScreen() {
   return (
     <Screen>
-      <ImageBackground
-        source={{ uri: BACKGROUND_IMAGE }}
-        style={StyleSheet.absoluteFill}
-        resizeMode="cover"
-      />
-
-        <View className="flex-row items-center justify-between px-6 pb-5 pt-2">
-          <View>
-            <Text variant="note">Cozy Notes</Text>
-          </View>
-          <Link href="/settings" asChild>
-            <Pressable>
-              <Squircle
-                cornerSmoothing={1}
-                className='size-11 items-center justify-center rounded-md bg-card'
-            
-                >
-                <Ionicons name="settings-outline" size={22} color="black" />
-              </Squircle>
-            </Pressable>
-          </Link>
-        </View>
-
-        <FlatList
-          data={NOTES}
-          keyExtractor={(item) => item.id}
-          renderItem={({ item, index }) => <NoteCard note={item} index={index} />}
-          contentContainerClassName="px-6 pt-4 pb-60"
-          showsVerticalScrollIndicator={false}
-        />
-
-      
-        <Link href="/note/new" asChild className='absolute bottom-10 right-10 '>
-          <Pressable>
-            <Squircle
-              cornerSmoothing={1}
-              className='size-14 items-center justify-center rounded-2xl bg-primary'
-              >
-              <Ionicons name="add" size={28} color="#fff" />
-            </Squircle>
-          </Pressable>
-        </Link>
+      <View>
+        <Text>Home</Text>
+      </View>
     </Screen>
   );
 }

package/templates/app-briefs/expo-router/cozynotes/src/components/screens/home/note-card.tsx

@@ -1,18 +1,23 @@
 import { Ionicons } from '@expo/vector-icons';
 import { Link } from 'expo-router';
 import { Pressable, View } from 'react-native';
+import { twMerge } from 'tailwind-merge';
 
 import Squircle from '~/components/ui/squircle';
 import Text from '~/components/ui/text';
-import { Note } from '~/lib/constants';
 
-// Rotation patterns for variety
+
+/**
+ * Get the rotation for the note card
+ */
 const getRotation = (index: number) => {
   const rotations = [-4, 3, -2, 5, -3, 2, -5, 4];
   return rotations[index % rotations.length];
-};
+}; 
 
-// Horizontal offset for staggered look (relative to center)
+/**
+ * Get the offset for the note card
+ */
 const getOffset = (index: number) => {
   const offsets = [-50, 60, -40, 70, -55, 50, -35, 65];
   return offsets[index % offsets.length];
@@ -25,33 +30,23 @@ const NoteCard = ({ note, index }: { note: Note; index: number }) => {
   return (
     <Link href={{ pathname: '/note/[id]', params: { id: note.id } }} asChild>
       <Pressable
+        className={twMerge('-mb-[60px] self-center')}
         style={{
-          marginBottom: -60,
-          alignSelf: 'center',
           marginLeft: offsetX,
           transform: [{ rotate: `${rotation}deg` }],
           zIndex: index,
         }}>
         <Squircle
           cornerSmoothing={1}
-          className="bg-card"
-          style={{
-            width: 240,
-            height: 324,
-            borderRadius: 24,
-            padding: 20,
-          }}>
-          {/* Menu dots */}
-          <View style={{ position: 'absolute', top: 16, right: 16 }}>
-            <Ionicons name="ellipsis-horizontal" size={18} color="var(--color-muted-foreground)" />
+          className="h-80 w-60 rounded-3xl bg-card p-5">
+          <View className="absolute right-4 top-4">
+            <Ionicons name="ellipsis-horizontal" size={18} color="black" />
           </View>
 
-          {/* Title */}
           <Text variant="subtitle" className="mb-2 mr-10" numberOfLines={2}>
             {note.title}
           </Text>
 
-          {/* Content */}
           <Text variant="note" className="opacity-90" numberOfLines={10}>
             {note.content}
           </Text>

package/templates/app-briefs/expo-router/cozynotes/src/components/ui/back-button.tsx

@@ -13,8 +13,8 @@ const BackButton = ({ icon = 'chevron-back' }: BackButtonProps) => {
     <Pressable onPress={() => router.back()}>
       <Squircle
         cornerSmoothing={1}
-        className="size-12 items-center justify-center bg-card rounded-[14px]">
-        <Ionicons name={icon} size={26} color="var(--color-foreground)" />
+        className="size-12 items-center justify-center bg-card rounded-xl">
+        <Ionicons name={icon} size={26} color="black" />
       </Squircle>
     </Pressable>
   );

package/templates/app-briefs/expo-router/cozynotes/src/lib/constants/index.ts

@@ -1,2 +1,125 @@
-export * from './notes';
+export const NOTES: Note[] = [
+  {
+    id: '1',
+    title: 'Welcome to CozyNote',
+    content:
+      'This is your first note! CozyNote is a simple and beautiful note-taking app. Start capturing your thoughts, ideas, and memories.',
+    createdAt: '2025-02-23T08:00:00Z',
+    updatedAt: '2025-02-23T08:00:00Z',
+  },
+  {
+    id: '2',
+    title: 'Meeting Notes',
+    content:
+      'Discussed Q1 goals and project timelines. Action items: Review budget proposal, Schedule follow-up with design team, Prepare presentation for Friday.',
+    createdAt: '2025-02-22T14:30:00Z',
+    updatedAt: '2025-02-22T15:45:00Z',
+  },
+  {
+    id: '3',
+    title: 'Shopping List',
+    content:
+      '- Organic milk\n- Fresh bread\n- Avocados\n- Coffee beans\n- Dark chocolate\n- Olive oil\n- Pasta\n- Tomatoes',
+    createdAt: '2025-02-21T09:15:00Z',
+    updatedAt: '2025-02-21T09:15:00Z',
+  },
+  {
+    id: '4',
+    title: 'Book Recommendations',
+    content:
+      '1. Atomic Habits by James Clear\n2. Deep Work by Cal Newport\n3. The Psychology of Money\n4. Thinking, Fast and Slow\n5. The Almanack of Naval Ravikant',
+    createdAt: '2025-02-20T19:00:00Z',
+    updatedAt: '2025-02-20T19:00:00Z',
+  },
+  {
+    id: '5',
+    title: 'Workout Routine',
+    content:
+      'Monday: Upper body\nTuesday: Cardio\nWednesday: Lower body\nThursday: Rest\nFriday: Full body\nSaturday: Yoga\nSunday: Rest',
+    createdAt: '2025-02-19T07:00:00Z',
+    updatedAt: '2025-02-19T07:00:00Z',
+  },
+  {
+    id: '6',
+    title: 'Recipe: Morning Smoothie',
+    content:
+      'Ingredients:\n- 1 banana\n- 1 cup spinach\n- 1/2 cup frozen berries\n- 1 tbsp almond butter\n- 1 cup oat milk\n\nBlend until smooth. Enjoy!',
+    createdAt: '2025-02-18T06:30:00Z',
+    updatedAt: '2025-02-18T06:30:00Z',
+  },
+  {
+    id: '7',
+    title: 'Project Ideas',
+    content:
+      '- Personal portfolio website redesign\n- Mobile app for habit tracking\n- Open source contribution\n- Learn Rust programming\n- Build a CLI tool',
+    createdAt: '2025-02-17T21:00:00Z',
+    updatedAt: '2025-02-17T21:00:00Z',
+  },
+  {
+    id: '8',
+    title: 'Travel Bucket List',
+    content:
+      '🇯🇵 Japan - Cherry blossom season\n🇮🇸 Iceland - Northern lights\n🇳🇿 New Zealand - Hobbiton\n🇮🇹 Italy - Amalfi Coast\n🇬🇷 Greece - Santorini',
+    createdAt: '2025-02-16T16:00:00Z',
+    updatedAt: '2025-02-16T16:00:00Z',
+  },
+  {
+    id: '9',
+    title: 'Daily Affirmations',
+    content:
+      'I am capable of achieving my goals.\nI embrace challenges as opportunities.\nI am grateful for today.\nI choose positivity and growth.\nI am worthy of success and happiness.',
+    createdAt: '2025-02-15T05:00:00Z',
+    updatedAt: '2025-02-15T05:00:00Z',
+  },
+  {
+    id: '10',
+    title: 'App Features to Add',
+    content:
+      '- Dark mode toggle\n- Note categories/tags\n- Search functionality\n- Cloud sync\n- Share notes\n- Rich text formatting\n- Voice notes',
+    createdAt: '2025-02-14T11:30:00Z',
+    updatedAt: '2025-02-14T11:30:00Z',
+  },
+  {
+    id: '11',
+    title: 'Gratitude Journal',
+    content:
+      'Today I am grateful for:\n1. A warm cup of coffee\n2. Supportive friends and family\n3. Good health\n4. The opportunity to learn new things\n5. A cozy home',
+    createdAt: '2025-02-13T22:00:00Z',
+    updatedAt: '2025-02-13T22:00:00Z',
+  },
+  {
+    id: '12',
+    title: 'Podcast Episodes',
+    content:
+      'Must listen:\n- Huberman Lab: Sleep optimization\n- Lex Fridman: AI discussion\n- Tim Ferriss: Productivity hacks',
+    createdAt: '2025-02-12T13:00:00Z',
+    updatedAt: '2025-02-12T13:00:00Z',
+  },
+  {
+    id: '13',
+    title: 'Code Snippets',
+    content:
+      'Useful React patterns:\n- Custom hooks for data fetching\n- Context for global state\n- Memo for performance\n- Suspense for loading states',
+    createdAt: '2025-02-11T10:00:00Z',
+    updatedAt: '2025-02-11T10:00:00Z',
+  },
+  {
+    id: '14',
+    title: 'Weekend Plans',
+    content:
+      'Saturday:\n- Morning run at 7am\n- Brunch with Sarah\n- Afternoon coding session\n\nSunday:\n- Sleep in\n- Farmers market\n- Movie night',
+    createdAt: '2025-02-10T18:00:00Z',
+    updatedAt: '2025-02-10T18:00:00Z',
+  },
+ 
+];
 
+export const getNoteById = (id: string): Note | undefined => {
+  return NOTES.find((note) => note.id === id);
+};
+
+
+
+
+export const BACKGROUND_IMAGE =
+  'https://github.com/user-attachments/assets/ce07d991-098a-4e14-a759-ecbb0c159b6b';

package/templates/app-briefs/expo-router/cozynotes/src/app/about.tsx

@@ -1,25 +0,0 @@
-import { View } from 'react-native';
-
-import Screen from '~/components/ui/screen';
-import Text from '~/components/ui/text';
-
-export default function AboutScreen() {
-  // TODO: Build the about screen
-  // - Use Stack.Screen to configure native header
-  // - Set headerShown: true
-  // - Configure headerLeft with custom back button
-  // - Configure headerRight with share and info buttons
-  // - Display app icon, name, and description
-
-  return (
-    <Screen>
-      <View className="flex-1 items-center justify-center px-8">
-        <Text variant="title">CozyNote</Text>
-        <Text variant="note" className="text-center mt-6 text-muted-foreground">
-          Build this screen with native header configuration
-        </Text>
-      </View>
-    </Screen>
-  );
-}
-

package/templates/app-briefs/expo-router/cozynotes/src/app/note/[id].tsx

@@ -1,39 +0,0 @@
-import { View } from 'react-native';
-import { useLocalSearchParams } from 'expo-router';
-
-import Screen from '~/components/ui/screen';
-import Text from '~/components/ui/text';
-import { getNoteById } from '~/lib/constants';
-
-export default function NoteDetailScreen() {
-  const { id } = useLocalSearchParams<{ id: string }>();
-  const note = getNoteById(id);
-
-  // TODO: Build the note detail screen
-  // - Add BackButton component at top
-  // - Add edit button (Link to /note/edit with id param)
-  // - Display note title and content in a Squircle card
-  // - Use ScrollView for long content
-
-  if (!note) {
-    return (
-      <Screen>
-        <View className="flex-1 items-center justify-center">
-          <Text>Note not found</Text>
-        </View>
-      </Screen>
-    );
-  }
-
-  return (
-    <Screen>
-      <View className="flex-1 px-5 pt-2">
-        <Text variant="title">{note.title}</Text>
-        <Text className="mt-4 text-muted-foreground">
-          Build this screen to show note details
-        </Text>
-      </View>
-    </Screen>
-  );
-}
-

package/templates/app-briefs/expo-router/cozynotes/src/app/note/edit.tsx

@@ -1,30 +0,0 @@
-import { View } from 'react-native';
-import { useLocalSearchParams } from 'expo-router';
-
-import Screen from '~/components/ui/screen';
-import Text from '~/components/ui/text';
-import { getNoteById } from '~/lib/constants';
-
-export default function EditNoteScreen() {
-  const { id } = useLocalSearchParams<{ id: string }>();
-  const note = getNoteById(id);
-
-  // TODO: Build the edit note screen
-  // - Add BackButton with close icon at top left
-  // - Add "Edit Note" title in header center
-  // - Add "Save" button at top right
-  // - Pre-fill TextInputs with note.title and note.content
-  // - Handle save with console.log and router.back()
-
-  return (
-    <Screen>
-      <View className="flex-1 px-5 pt-2">
-        <Text variant="title">Edit Note</Text>
-        <Text className="mt-4 text-muted-foreground">
-          Build this screen to edit: {note?.title ?? 'Unknown'}
-        </Text>
-      </View>
-    </Screen>
-  );
-}
-

package/templates/app-briefs/expo-router/cozynotes/src/app/note/new.tsx

@@ -1,26 +0,0 @@
-import { View } from 'react-native';
-
-import Screen from '~/components/ui/screen';
-import Text from '~/components/ui/text';
-
-export default function NewNoteScreen() {
-  // TODO: Build the new note screen
-  // - Add BackButton with close icon at top left
-  // - Add "New Note" title in header center
-  // - Add "Create" button at top right
-  // - Add TextInput for title
-  // - Add TextInput for content (multiline)
-  // - Handle create with console.log and router.back()
-
-  return (
-    <Screen>
-      <View className="flex-1 px-5 pt-2">
-        <Text variant="title">New Note</Text>
-        <Text className="mt-4 text-muted-foreground">
-          Build this screen with title and content inputs
-        </Text>
-      </View>
-    </Screen>
-  );
-}
-

package/templates/app-briefs/expo-router/cozynotes/src/app/settings.tsx

@@ -1,24 +0,0 @@
-import { View } from 'react-native';
-
-import Screen from '~/components/ui/screen';
-import Text from '~/components/ui/text';
-
-export default function SettingsScreen() {
-  // TODO: Build the settings screen
-  // - Add BackButton at top left
-  // - Add "Settings" title next to back button
-  // - Add app info card with icon and name
-  // - Add "Learn More About CozyNote" button linking to /about
-
-  return (
-    <Screen>
-      <View className="flex-1 px-5 pt-2">
-        <Text variant="title">Settings</Text>
-        <Text className="mt-4 text-muted-foreground">
-          Build this screen with app info and about link
-        </Text>
-      </View>
-    </Screen>
-  );
-}
-

package/templates/app-briefs/expo-router/cozynotes/src/lib/constants/notes.ts

@@ -1,136 +0,0 @@
-export interface Note {
-  id: string;
-  title: string;
-  content: string;
-  createdAt: string;
-  updatedAt: string;
-  color?: string;
-}
-
-export const NOTES: Note[] = [
-  {
-    id: '1',
-    title: 'Welcome to CozyNote',
-    content:
-      'This is your first note! CozyNote is a simple and beautiful note-taking app. Start capturing your thoughts, ideas, and memories.',
-    createdAt: '2025-02-23T08:00:00Z',
-    updatedAt: '2025-02-23T08:00:00Z',
-  },
-  {
-    id: '2',
-    title: 'Meeting Notes',
-    content:
-      'Discussed Q1 goals and project timelines. Action items: Review budget proposal, Schedule follow-up with design team, Prepare presentation for Friday.',
-    createdAt: '2025-02-22T14:30:00Z',
-    updatedAt: '2025-02-22T15:45:00Z',
-  },
-  {
-    id: '3',
-    title: 'Shopping List',
-    content:
-      '- Organic milk\n- Fresh bread\n- Avocados\n- Coffee beans\n- Dark chocolate\n- Olive oil\n- Pasta\n- Tomatoes',
-    createdAt: '2025-02-21T09:15:00Z',
-    updatedAt: '2025-02-21T09:15:00Z',
-  },
-  {
-    id: '4',
-    title: 'Book Recommendations',
-    content:
-      '1. Atomic Habits by James Clear\n2. Deep Work by Cal Newport\n3. The Psychology of Money\n4. Thinking, Fast and Slow\n5. The Almanack of Naval Ravikant',
-    createdAt: '2025-02-20T19:00:00Z',
-    updatedAt: '2025-02-20T19:00:00Z',
-  },
-  {
-    id: '5',
-    title: 'Workout Routine',
-    content:
-      'Monday: Upper body\nTuesday: Cardio\nWednesday: Lower body\nThursday: Rest\nFriday: Full body\nSaturday: Yoga\nSunday: Rest',
-    createdAt: '2025-02-19T07:00:00Z',
-    updatedAt: '2025-02-19T07:00:00Z',
-  },
-  {
-    id: '6',
-    title: 'Recipe: Morning Smoothie',
-    content:
-      'Ingredients:\n- 1 banana\n- 1 cup spinach\n- 1/2 cup frozen berries\n- 1 tbsp almond butter\n- 1 cup oat milk\n\nBlend until smooth. Enjoy!',
-    createdAt: '2025-02-18T06:30:00Z',
-    updatedAt: '2025-02-18T06:30:00Z',
-  },
-  {
-    id: '7',
-    title: 'Project Ideas',
-    content:
-      '- Personal portfolio website redesign\n- Mobile app for habit tracking\n- Open source contribution\n- Learn Rust programming\n- Build a CLI tool',
-    createdAt: '2025-02-17T21:00:00Z',
-    updatedAt: '2025-02-17T21:00:00Z',
-  },
-  {
-    id: '8',
-    title: 'Travel Bucket List',
-    content:
-      '🇯🇵 Japan - Cherry blossom season\n🇮🇸 Iceland - Northern lights\n🇳🇿 New Zealand - Hobbiton\n🇮🇹 Italy - Amalfi Coast\n🇬🇷 Greece - Santorini',
-    createdAt: '2025-02-16T16:00:00Z',
-    updatedAt: '2025-02-16T16:00:00Z',
-  },
-  {
-    id: '9',
-    title: 'Daily Affirmations',
-    content:
-      'I am capable of achieving my goals.\nI embrace challenges as opportunities.\nI am grateful for today.\nI choose positivity and growth.\nI am worthy of success and happiness.',
-    createdAt: '2025-02-15T05:00:00Z',
-    updatedAt: '2025-02-15T05:00:00Z',
-  },
-  {
-    id: '10',
-    title: 'App Features to Add',
-    content:
-      '- Dark mode toggle\n- Note categories/tags\n- Search functionality\n- Cloud sync\n- Share notes\n- Rich text formatting\n- Voice notes',
-    createdAt: '2025-02-14T11:30:00Z',
-    updatedAt: '2025-02-14T11:30:00Z',
-  },
-  {
-    id: '11',
-    title: 'Gratitude Journal',
-    content:
-      'Today I am grateful for:\n1. A warm cup of coffee\n2. Supportive friends and family\n3. Good health\n4. The opportunity to learn new things\n5. A cozy home',
-    createdAt: '2025-02-13T22:00:00Z',
-    updatedAt: '2025-02-13T22:00:00Z',
-  },
-  {
-    id: '12',
-    title: 'Podcast Episodes',
-    content:
-      'Must listen:\n- Huberman Lab: Sleep optimization\n- Lex Fridman: AI discussion\n- Tim Ferriss: Productivity hacks\n- Naval: How to get rich',
-    createdAt: '2025-02-12T13:00:00Z',
-    updatedAt: '2025-02-12T13:00:00Z',
-  },
-  {
-    id: '13',
-    title: 'Code Snippets',
-    content:
-      'Useful React patterns:\n- Custom hooks for data fetching\n- Context for global state\n- Memo for performance\n- Suspense for loading states',
-    createdAt: '2025-02-11T10:00:00Z',
-    updatedAt: '2025-02-11T10:00:00Z',
-  },
-  {
-    id: '14',
-    title: 'Weekend Plans',
-    content:
-      'Saturday:\n- Morning run at 7am\n- Brunch with Sarah\n- Afternoon coding session\n\nSunday:\n- Sleep in\n- Farmers market\n- Movie night',
-    createdAt: '2025-02-10T18:00:00Z',
-    updatedAt: '2025-02-10T18:00:00Z',
-  },
-  {
-    id: '15',
-    title: 'Learning Goals 2025',
-    content:
-      'Technical:\n- Master TypeScript\n- Learn system design\n- Contribute to open source\n\nPersonal:\n- Read 24 books\n- Learn Spanish basics\n- Meditation practice',
-    createdAt: '2025-02-09T09:00:00Z',
-    updatedAt: '2025-02-09T09:00:00Z',
-  },
-];
-
-export const getNoteById = (id: string): Note | undefined => {
-  return NOTES.find((note) => note.id === id);
-};
-