newcandies 0.1.26 → 0.1.27

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "newcandies",
-  "version": "0.1.26",
+  "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/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>
   );