Peace
/
tryFullStack
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

mfe

Browse Source
main
Peace 2 weeks ago
parent 84ee08acba
commit d118df7e9a
13 changed files with 4515 additions and 247 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 9
      mobile/app/(tabs)/_layout.tsx
  2. 114
      mobile/app/(tabs)/todo.tsx
  3. 64
      mobile/components/containers/todo-container.tsx
  4. 242
      mobile/components/ui/checkbox/index.tsx
  5. 468
      mobile/components/ui/form-control/index.tsx
  6. 27
      mobile/components/ui/hstack/index.tsx
  7. 26
      mobile/components/ui/hstack/index.web.tsx
  8. 25
      mobile/components/ui/hstack/styles.tsx
  9. 1600
      mobile/components/ui/icon/index.tsx
  10. 1573
      mobile/components/ui/icon/index.web.tsx
  11. 434
      mobile/components/ui/input/index.tsx
  12. 166
      mobile/package-lock.json
  13. 14
      mobile/package.json

9
mobile/app/(tabs)/_layout.tsx
Unescape View File

@ -45,6 +45,15 @@ export default function TabsLayout() {
), ),
}} }}
/> />
<Tabs.Screen
name="todo"
options={{
title: "할 일",
tabBarIcon: ({ color, size }) => (
<Ionicons name="checkmark-circle-outline" size={18} color={color} />
),
}}
/>
<Tabs.Screen <Tabs.Screen
name="history" name="history"
options={{ options={{

114
mobile/app/(tabs)/todo.tsx
Unescape View File

@ -0,0 +1,114 @@
import { VStack } from "@/components/ui/vstack";
import { Text } from "@/components/ui/text";
import { View } from "react-native";
import {
Checkbox,
CheckboxIcon,
CheckboxIndicator,
CheckboxLabel,
} from "@/components/ui/checkbox";
import { useActionState, useEffect, useRef, useState } from "react";
import { AddIcon, CheckIcon } from "@/components/ui/icon";
import TodoContainer, { Todo } from "@/components/containers/todo-container";
import { FormControl } from "@/components/ui/form-control";
import { Input, InputField, InputIcon } from "@/components/ui/input";
import { Pressable } from "@/components/ui/pressable";
import uuid from "react-native-uuid";
import AsyncStorage from "@react-native-async-storage/async-storage";
const STORAGE_KEY = "todos:v1";
export default function TodoTab() {
const [item, setItem] = useState("");
const [todos, setTodos] = useState<Todo[]>([]);
// 초기 로드
useEffect(() => {
(async () => {
try {
const raw = await AsyncStorage.getItem(STORAGE_KEY);
if (raw) {
const parsed = JSON.parse(raw) as Todo[];
setTodos(parsed);
}
} catch (e) {
console.warn("Failed to load todos: ", e);
}
})();
}, []);
// 변경 시 저장 (디바운스 300ms)
const saveTimer = useRef<ReturnType<typeof setTimeout> | null>(null);
useEffect(() => {
if (saveTimer.current) clearTimeout(saveTimer.current);
saveTimer.current = setTimeout(async () => {
try {
await AsyncStorage.setItem(STORAGE_KEY, JSON.stringify(todos));
} catch (e) {
console.warn("Failed to save todos: ", e);
}
}, 300);
return () => {
if (saveTimer.current) clearTimeout(saveTimer.current);
};
}, [todos]);
const addTodo = (task: string) => {
const lastTodo = todos[todos?.length - 1];
if (lastTodo?.task !== "" && task !== "") {
setTodos([
...todos,
{
id: uuid.v4(),
task: task,
completed: false,
},
]);
setItem("");
}
};
const toggleTodo = (id: string) => {
const updatedTodos = todos?.map((todo) => {
if (todo.id === id) {
todo.completed = !todo.completed;
}
return todo;
});
setTodos(updatedTodos);
};
const deleteTodo = (id: string) => {
const updatedTodos = todos.filter((todo) => todo.id !== id);
setTodos(updatedTodos);
};
return (
<VStack className="flex-1 bg-secondary-100 md:items-center md:justify-center">
<VStack className="rounded-md bg-secondary-100 md:h-[500px] md:w-[700px]">
<FormControl className="my-4">
<Input variant="underlined" size="sm" className="mx-6 my-2">
<InputField
placeholder="다음 할 일은 무엇인가요?"
value={item}
onChangeText={(value) => setItem(value)}
onSubmitEditing={() => addTodo(item)}
/>
<Pressable onPress={() => addTodo(item)}>
<InputIcon as={AddIcon} className="cursor-pointer h-3 w-3" />
</Pressable>
</Input>
</FormControl>
{todos?.map((todo: Todo, index: number) => (
<TodoContainer
key={index}
todo={todo}
toggleTodo={toggleTodo}
deleteTodo={deleteTodo}
/>
))}
</VStack>
</VStack>
);
}

64
mobile/components/containers/todo-container.tsx
Unescape View File

@ -0,0 +1,64 @@
import {
Checkbox,
CheckboxIcon,
CheckboxIndicator,
CheckboxLabel,
} from "../ui/checkbox";
import { HStack } from "../ui/hstack";
import { CheckIcon, CloseIcon, Icon } from "../ui/icon";
import { Pressable } from "../ui/pressable";
export interface Todo {
id: string;
task: string;
completed: boolean;
}
const TodoContainer = ({
todo,
toggleTodo,
deleteTodo,
...props
}: {
todo: Todo;
toggleTodo: (id: string) => void;
deleteTodo: (id: string) => void;
}) => {
return (
<HStack
{...props}
className="rounded-md hover:bg-secondary-200 justify-between items-center"
>
<Checkbox
onChange={(_isChecked) => toggleTodo(todo.id)}
size="sm"
aria-label={todo.task}
value={todo.task}
isChecked={todo.completed}
className="pl-6 py-2 flex-1"
>
<CheckboxIndicator>
<CheckboxIcon as={CheckIcon} />
</CheckboxIndicator>
<CheckboxLabel className="text-sm data-[checked=true]:line-through">
{todo.task}
</CheckboxLabel>
</Checkbox>
<Pressable className="pr-6 py-2" onPress={() => deleteTodo(todo.id)}>
{(state: any) => {
return (
<Icon
as={CloseIcon}
size="xs"
className={
state?.hovered ? "stroke-red-400" : "stroke-primary-50"
}
/>
);
}}
</Pressable>
</HStack>
);
};
export default TodoContainer;

242
mobile/components/ui/checkbox/index.tsx
Unescape View File

@ -0,0 +1,242 @@
'use client';
import React from 'react';
import { createCheckbox } from '@gluestack-ui/core/checkbox/creator';
import { View, Pressable, Text, Platform } from 'react-native';
import type { TextProps, ViewProps } from 'react-native';
import { tva } from '@gluestack-ui/utils/nativewind-utils';
import {
PrimitiveIcon,
IPrimitiveIcon,
UIIcon,
} from '@gluestack-ui/core/icon/creator';
import {
withStyleContext,
useStyleContext,
} from '@gluestack-ui/utils/nativewind-utils';
import { cssInterop } from 'nativewind';
import type { VariantProps } from '@gluestack-ui/utils/nativewind-utils';
const IndicatorWrapper = React.forwardRef<
React.ComponentRef<typeof View>,
ViewProps
>(function IndicatorWrapper({ ...props }, ref) {
return <View {...props} ref={ref} />;
});
const LabelWrapper = React.forwardRef<
React.ComponentRef<typeof Text>,
TextProps
>(function LabelWrapper({ ...props }, ref) {
return <Text {...props} ref={ref} />;
});
const IconWrapper = React.forwardRef<
React.ComponentRef<typeof PrimitiveIcon>,
IPrimitiveIcon
>(function IconWrapper({ ...props }, ref) {
return <UIIcon {...props} ref={ref} />;
});
const SCOPE = 'CHECKBOX';
const UICheckbox = createCheckbox({
// @ts-expect-error : internal implementation for r-19/react-native-web
Root:
Platform.OS === 'web'
? withStyleContext(View, SCOPE)
: withStyleContext(Pressable, SCOPE),
Group: View,
Icon: IconWrapper,
Label: LabelWrapper,
Indicator: IndicatorWrapper,
});
cssInterop(PrimitiveIcon, {
className: {
target: 'style',
nativeStyleToProp: {
height: true,
width: true,
fill: true,
color: 'classNameColor',
stroke: true,
},
},
});
const checkboxStyle = tva({
base: 'group/checkbox flex-row items-center justify-start web:cursor-pointer data-[disabled=true]:cursor-not-allowed',
variants: {
size: {
lg: 'gap-2',
md: 'gap-2',
sm: 'gap-1.5',
},
},
});
const checkboxIndicatorStyle = tva({
base: 'justify-center items-center border-outline-400 bg-transparent rounded web:data-[focus-visible=true]:outline-none web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-indicator-primary data-[checked=true]:bg-primary-600 data-[checked=true]:border-primary-600 data-[hover=true]:data-[checked=false]:border-outline-500 data-[hover=true]:bg-transparent data-[hover=true]:data-[invalid=true]:border-error-700 data-[hover=true]:data-[checked=true]:bg-primary-700 data-[hover=true]:data-[checked=true]:border-primary-700 data-[hover=true]:data-[checked=true]:data-[disabled=true]:border-primary-600 data-[hover=true]:data-[checked=true]:data-[disabled=true]:bg-primary-600 data-[hover=true]:data-[checked=true]:data-[disabled=true]:opacity-40 data-[hover=true]:data-[checked=true]:data-[disabled=true]:data-[invalid=true]:border-error-700 data-[hover=true]:data-[disabled=true]:border-outline-400 data-[hover=true]:data-[disabled=true]:data-[invalid=true]:border-error-700 data-[active=true]:data-[checked=true]:bg-primary-800 data-[active=true]:data-[checked=true]:border-primary-800 data-[invalid=true]:border-error-700 data-[disabled=true]:opacity-40',
parentVariants: {
size: {
lg: 'w-6 h-6 border-[3px]',
md: 'w-5 h-5 border-2',
sm: 'w-4 h-4 border-2',
},
},
});
const checkboxLabelStyle = tva({
base: 'text-typography-600 data-[checked=true]:text-typography-900 data-[hover=true]:text-typography-900 data-[hover=true]:data-[checked=true]:text-typography-900 data-[hover=true]:data-[checked=true]:data-[disabled=true]:text-typography-900 data-[hover=true]:data-[disabled=true]:text-typography-400 data-[active=true]:text-typography-900 data-[active=true]:data-[checked=true]:text-typography-900 data-[disabled=true]:opacity-40 web:select-none',
parentVariants: {
size: {
lg: 'text-lg',
md: 'text-base',
sm: 'text-sm',
},
},
});
const checkboxIconStyle = tva({
base: 'text-typography-50 fill-none',
parentVariants: {
size: {
sm: 'h-3 w-3',
md: 'h-4 w-4',
lg: 'h-5 w-5',
},
},
});
const CheckboxGroup = UICheckbox.Group;
type ICheckboxProps = React.ComponentPropsWithoutRef<typeof UICheckbox> &
VariantProps<typeof checkboxStyle>;
const Checkbox = React.forwardRef<
React.ComponentRef<typeof UICheckbox>,
ICheckboxProps
>(function Checkbox({ className, size = 'md', ...props }, ref) {
return (
<UICheckbox
className={checkboxStyle({
class: className,
size,
})}
{...props}
context={{
size,
}}
ref={ref}
/>
);
});
type ICheckboxIndicatorProps = React.ComponentPropsWithoutRef<
typeof UICheckbox.Indicator
> &
VariantProps<typeof checkboxIndicatorStyle>;
const CheckboxIndicator = React.forwardRef<
React.ComponentRef<typeof UICheckbox.Indicator>,
ICheckboxIndicatorProps
>(function CheckboxIndicator({ className, ...props }, ref) {
const { size: parentSize } = useStyleContext(SCOPE);
return (
<UICheckbox.Indicator
className={checkboxIndicatorStyle({
parentVariants: {
size: parentSize,
},
class: className,
})}
{...props}
ref={ref}
/>
);
});
type ICheckboxLabelProps = React.ComponentPropsWithoutRef<
typeof UICheckbox.Label
> &
VariantProps<typeof checkboxLabelStyle>;
const CheckboxLabel = React.forwardRef<
React.ComponentRef<typeof UICheckbox.Label>,
ICheckboxLabelProps
>(function CheckboxLabel({ className, ...props }, ref) {
const { size: parentSize } = useStyleContext(SCOPE);
return (
<UICheckbox.Label
className={checkboxLabelStyle({
parentVariants: {
size: parentSize,
},
class: className,
})}
{...props}
ref={ref}
/>
);
});
type ICheckboxIconProps = React.ComponentPropsWithoutRef<
typeof UICheckbox.Icon
> &
VariantProps<typeof checkboxIconStyle>;
const CheckboxIcon = React.forwardRef<
React.ComponentRef<typeof UICheckbox.Icon>,
ICheckboxIconProps
>(function CheckboxIcon({ className, size, ...props }, ref) {
const { size: parentSize } = useStyleContext(SCOPE);
if (typeof size === 'number') {
return (
<UICheckbox.Icon
ref={ref}
{...props}
className={checkboxIconStyle({ class: className })}
size={size}
/>
);
} else if (
(props.height !== undefined || props.width !== undefined) &&
size === undefined
) {
return (
<UICheckbox.Icon
ref={ref}
{...props}
className={checkboxIconStyle({ class: className })}
/>
);
}
return (
<UICheckbox.Icon
className={checkboxIconStyle({
parentVariants: {
size: parentSize,
},
size,
class: className,
})}
{...props}
ref={ref}
/>
);
});
Checkbox.displayName = 'Checkbox';
CheckboxIndicator.displayName = 'CheckboxIndicator';
CheckboxLabel.displayName = 'CheckboxLabel';
CheckboxIcon.displayName = 'CheckboxIcon';
export {
Checkbox,
CheckboxIndicator,
CheckboxLabel,
CheckboxIcon,
CheckboxGroup,
};

468
mobile/components/ui/form-control/index.tsx
Unescape View File

@ -0,0 +1,468 @@
'use client';
import { Text, View } from 'react-native';
import React from 'react';
import { createFormControl } from '@gluestack-ui/core/form-control/creator';
import { tva } from '@gluestack-ui/utils/nativewind-utils';
import {
withStyleContext,
useStyleContext,
} from '@gluestack-ui/utils/nativewind-utils';
import { cssInterop } from 'nativewind';
import type { VariantProps } from '@gluestack-ui/utils/nativewind-utils';
import { PrimitiveIcon, UIIcon } from '@gluestack-ui/core/icon/creator';
const SCOPE = 'FORM_CONTROL';
const formControlStyle = tva({
base: 'flex flex-col',
variants: {
size: {
sm: '',
md: '',
lg: '',
},
},
});
const formControlErrorIconStyle = tva({
base: 'text-error-700 fill-none',
variants: {
size: {
'2xs': 'h-3 w-3',
'xs': 'h-3.5 w-3.5',
'sm': 'h-4 w-4',
'md': 'h-[18px] w-[18px]',
'lg': 'h-5 w-5',
'xl': 'h-6 w-6',
},
},
});
const formControlErrorStyle = tva({
base: 'flex flex-row justify-start items-center mt-1 gap-1',
});
const formControlErrorTextStyle = tva({
base: 'text-error-700',
variants: {
isTruncated: {
true: 'web:truncate',
},
bold: {
true: 'font-bold',
},
underline: {
true: 'underline',
},
strikeThrough: {
true: 'line-through',
},
size: {
'2xs': 'text-2xs',
'xs': 'text-xs',
'sm': 'text-sm',
'md': 'text-base',
'lg': 'text-lg',
'xl': 'text-xl',
'2xl': 'text-2xl',
'3xl': 'text-3xl',
'4xl': 'text-4xl',
'5xl': 'text-5xl',
'6xl': 'text-6xl',
},
sub: {
true: 'text-xs',
},
italic: {
true: 'italic',
},
highlight: {
true: 'bg-yellow-500',
},
},
});
const formControlHelperStyle = tva({
base: 'flex flex-row justify-start items-center mt-1',
});
const formControlHelperTextStyle = tva({
base: 'text-typography-500',
variants: {
isTruncated: {
true: 'web:truncate',
},
bold: {
true: 'font-bold',
},
underline: {
true: 'underline',
},
strikeThrough: {
true: 'line-through',
},
size: {
'2xs': 'text-2xs',
'xs': 'text-xs',
'sm': 'text-xs',
'md': 'text-sm',
'lg': 'text-base',
'xl': 'text-xl',
'2xl': 'text-2xl',
'3xl': 'text-3xl',
'4xl': 'text-4xl',
'5xl': 'text-5xl',
'6xl': 'text-6xl',
},
sub: {
true: 'text-xs',
},
italic: {
true: 'italic',
},
highlight: {
true: 'bg-yellow-500',
},
},
});
const formControlLabelStyle = tva({
base: 'flex flex-row justify-start items-center mb-1',
});
const formControlLabelTextStyle = tva({
base: 'font-medium text-typography-900',
variants: {
isTruncated: {
true: 'web:truncate',
},
bold: {
true: 'font-bold',
},
underline: {
true: 'underline',
},
strikeThrough: {
true: 'line-through',
},
size: {
'2xs': 'text-2xs',
'xs': 'text-xs',
'sm': 'text-sm',
'md': 'text-base',
'lg': 'text-lg',
'xl': 'text-xl',
'2xl': 'text-2xl',
'3xl': 'text-3xl',
'4xl': 'text-4xl',
'5xl': 'text-5xl',
'6xl': 'text-6xl',
},
sub: {
true: 'text-xs',
},
italic: {
true: 'italic',
},
highlight: {
true: 'bg-yellow-500',
},
},
});
const formControlLabelAstrickStyle = tva({
base: 'font-medium text-typography-900',
variants: {
isTruncated: {
true: 'web:truncate',
},
bold: {
true: 'font-bold',
},
underline: {
true: 'underline',
},
strikeThrough: {
true: 'line-through',
},
size: {
'2xs': 'text-2xs',
'xs': 'text-xs',
'sm': 'text-sm',
'md': 'text-base',
'lg': 'text-lg',
'xl': 'text-xl',
'2xl': 'text-2xl',
'3xl': 'text-3xl',
'4xl': 'text-4xl',
'5xl': 'text-5xl',
'6xl': 'text-6xl',
},
sub: {
true: 'text-xs',
},
italic: {
true: 'italic',
},
highlight: {
true: 'bg-yellow-500',
},
},
});
type IFormControlLabelAstrickProps = React.ComponentPropsWithoutRef<
typeof Text
> &
VariantProps<typeof formControlLabelAstrickStyle>;
const FormControlLabelAstrick = React.forwardRef<
React.ComponentRef<typeof Text>,
IFormControlLabelAstrickProps
>(function FormControlLabelAstrick({ className, ...props }, ref) {
const { size: parentSize } = useStyleContext(SCOPE);
return (
<Text
ref={ref}
className={formControlLabelAstrickStyle({
parentVariants: { size: parentSize },
class: className,
})}
{...props}
/>
);
});
export const UIFormControl = createFormControl({
Root: withStyleContext(View, SCOPE),
Error: View,
ErrorText: Text,
ErrorIcon: UIIcon,
Label: View,
LabelText: Text,
LabelAstrick: FormControlLabelAstrick,
Helper: View,
HelperText: Text,
});
cssInterop(PrimitiveIcon, {
className: {
target: 'style',
nativeStyleToProp: {
height: true,
width: true,
fill: true,
color: true,
stroke: true,
},
},
});
type IFormControlProps = React.ComponentProps<typeof UIFormControl> &
VariantProps<typeof formControlStyle>;
const FormControl = React.forwardRef<
React.ComponentRef<typeof UIFormControl>,
IFormControlProps
>(function FormControl({ className, size = 'md', ...props }, ref) {
return (
<UIFormControl
ref={ref}
className={formControlStyle({ size, class: className })}
{...props}
context={{ size }}
/>
);
});
type IFormControlErrorProps = React.ComponentProps<typeof UIFormControl.Error> &
VariantProps<typeof formControlErrorStyle>;
const FormControlError = React.forwardRef<
React.ComponentRef<typeof UIFormControl.Error>,
IFormControlErrorProps
>(function FormControlError({ className, ...props }, ref) {
return (
<UIFormControl.Error
ref={ref}
className={formControlErrorStyle({ class: className })}
{...props}
/>
);
});
type IFormControlErrorTextProps = React.ComponentProps<
typeof UIFormControl.Error.Text
> &
VariantProps<typeof formControlErrorTextStyle>;
const FormControlErrorText = React.forwardRef<
React.ComponentRef<typeof UIFormControl.Error.Text>,
IFormControlErrorTextProps
>(function FormControlErrorText({ className, size, ...props }, ref) {
const { size: parentSize } = useStyleContext(SCOPE);
return (
<UIFormControl.Error.Text
className={formControlErrorTextStyle({
parentVariants: { size: parentSize },
size,
class: className,
})}
ref={ref}
{...props}
/>
);
});
type IFormControlErrorIconProps = React.ComponentProps<
typeof UIFormControl.Error.Icon
> &
VariantProps<typeof formControlErrorIconStyle> & {
height?: number;
width?: number;
};
const FormControlErrorIcon = React.forwardRef<
React.ComponentRef<typeof UIFormControl.Error.Icon>,
IFormControlErrorIconProps
>(function FormControlErrorIcon({ className, size, ...props }, ref) {
const { size: parentSize } = useStyleContext(SCOPE);
if (typeof size === 'number') {
return (
<UIFormControl.Error.Icon
ref={ref}
{...props}
className={formControlErrorIconStyle({ class: className })}
size={size}
/>
);
} else if (
(props.height !== undefined || props.width !== undefined) &&
size === undefined
) {
return (
<UIFormControl.Error.Icon
ref={ref}
{...props}
className={formControlErrorIconStyle({ class: className })}
/>
);
}
return (
<UIFormControl.Error.Icon
className={formControlErrorIconStyle({
parentVariants: { size: parentSize },
size,
class: className,
})}
{...props}
/>
);
});
type IFormControlLabelProps = React.ComponentProps<typeof UIFormControl.Label> &
VariantProps<typeof formControlLabelStyle>;
const FormControlLabel = React.forwardRef<
React.ComponentRef<typeof UIFormControl.Label>,
IFormControlLabelProps
>(function FormControlLabel({ className, ...props }, ref) {
return (
<UIFormControl.Label
ref={ref}
className={formControlLabelStyle({ class: className })}
{...props}
/>
);
});
type IFormControlLabelTextProps = React.ComponentProps<
typeof UIFormControl.Label.Text
> &
VariantProps<typeof formControlLabelTextStyle>;
const FormControlLabelText = React.forwardRef<
React.ComponentRef<typeof UIFormControl.Label.Text>,
IFormControlLabelTextProps
>(function FormControlLabelText({ className, size, ...props }, ref) {
const { size: parentSize } = useStyleContext(SCOPE);
return (
<UIFormControl.Label.Text
className={formControlLabelTextStyle({
parentVariants: { size: parentSize },
size,
class: className,
})}
ref={ref}
{...props}
/>
);
});
type IFormControlHelperProps = React.ComponentProps<
typeof UIFormControl.Helper
> &
VariantProps<typeof formControlHelperStyle>;
const FormControlHelper = React.forwardRef<
React.ComponentRef<typeof UIFormControl.Helper>,
IFormControlHelperProps
>(function FormControlHelper({ className, ...props }, ref) {
return (
<UIFormControl.Helper
ref={ref}
className={formControlHelperStyle({
class: className,
})}
{...props}
/>
);
});
type IFormControlHelperTextProps = React.ComponentProps<
typeof UIFormControl.Helper.Text
> &
VariantProps<typeof formControlHelperTextStyle>;
const FormControlHelperText = React.forwardRef<
React.ComponentRef<typeof UIFormControl.Helper.Text>,
IFormControlHelperTextProps
>(function FormControlHelperText({ className, size, ...props }, ref) {
const { size: parentSize } = useStyleContext(SCOPE);
return (
<UIFormControl.Helper.Text
className={formControlHelperTextStyle({
parentVariants: { size: parentSize },
size,
class: className,
})}
ref={ref}
{...props}
/>
);
});
FormControl.displayName = 'FormControl';
FormControlError.displayName = 'FormControlError';
FormControlErrorText.displayName = 'FormControlErrorText';
FormControlErrorIcon.displayName = 'FormControlErrorIcon';
FormControlLabel.displayName = 'FormControlLabel';
FormControlLabelText.displayName = 'FormControlLabelText';
FormControlLabelAstrick.displayName = 'FormControlLabelAstrick';
FormControlHelper.displayName = 'FormControlHelper';
FormControlHelperText.displayName = 'FormControlHelperText';
export {
FormControl,
FormControlError,
FormControlErrorText,
FormControlErrorIcon,
FormControlLabel,
FormControlLabelText,
FormControlLabelAstrick,
FormControlHelper,
FormControlHelperText,
};

27
mobile/components/ui/hstack/index.tsx
Unescape View File

@ -0,0 +1,27 @@
import React from 'react';
import type { VariantProps } from '@gluestack-ui/utils/nativewind-utils';
import { View } from 'react-native';
import type { ViewProps } from 'react-native';
import { hstackStyle } from './styles';
type IHStackProps = ViewProps & VariantProps<typeof hstackStyle>;
const HStack = React.forwardRef<React.ComponentRef<typeof View>, IHStackProps>(
function HStack({ className, space, reversed, ...props }, ref) {
return (
<View
className={hstackStyle({
space,
reversed: reversed as boolean,
class: className,
})}
{...props}
ref={ref}
/>
);
}
);
HStack.displayName = 'HStack';
export { HStack };

26
mobile/components/ui/hstack/index.web.tsx
Unescape View File

@ -0,0 +1,26 @@
import React from 'react';
import type { VariantProps } from '@gluestack-ui/utils/nativewind-utils';
import { hstackStyle } from './styles';
type IHStackProps = React.ComponentPropsWithoutRef<'div'> &
VariantProps<typeof hstackStyle>;
const HStack = React.forwardRef<React.ComponentRef<'div'>, IHStackProps>(
function HStack({ className, space, reversed, ...props }, ref) {
return (
<div
className={hstackStyle({
space,
reversed: reversed as boolean,
class: className,
})}
{...props}
ref={ref}
/>
);
}
);
HStack.displayName = 'HStack';
export { HStack };

25
mobile/components/ui/hstack/styles.tsx
Unescape View File

@ -0,0 +1,25 @@
import { isWeb } from '@gluestack-ui/utils/nativewind-utils';
import { tva } from '@gluestack-ui/utils/nativewind-utils';
const baseStyle = isWeb
? 'flex relative z-0 box-border border-0 list-none min-w-0 min-h-0 bg-transparent items-stretch m-0 p-0 text-decoration-none'
: '';
export const hstackStyle = tva({
base: `flex-row ${baseStyle}`,
variants: {
space: {
'xs': 'gap-1',
'sm': 'gap-2',
'md': 'gap-3',
'lg': 'gap-4',
'xl': 'gap-5',
'2xl': 'gap-6',
'3xl': 'gap-7',
'4xl': 'gap-8',
},
reversed: {
true: 'flex-row-reverse',
},
},
});

1600
mobile/components/ui/icon/index.tsx
View File

File diff suppressed because it is too large Load Diff

1573
mobile/components/ui/icon/index.web.tsx
View File

File diff suppressed because it is too large Load Diff

434
mobile/components/ui/input/index.tsx
Unescape View File

@ -1,217 +1,217 @@
'use client'; 'use client';
import React from 'react'; import React from 'react';
import { createInput } from '@gluestack-ui/core/input/creator'; import { createInput } from '@gluestack-ui/core/input/creator';
import { View, Pressable, TextInput } from 'react-native'; import { View, Pressable, TextInput } from 'react-native';
import { tva } from '@gluestack-ui/utils/nativewind-utils'; import { tva } from '@gluestack-ui/utils/nativewind-utils';
import { import {
withStyleContext, withStyleContext,
useStyleContext, useStyleContext,
} from '@gluestack-ui/utils/nativewind-utils'; } from '@gluestack-ui/utils/nativewind-utils';
import { cssInterop } from 'nativewind'; import { cssInterop } from 'nativewind';
import type { VariantProps } from '@gluestack-ui/utils/nativewind-utils'; import type { VariantProps } from '@gluestack-ui/utils/nativewind-utils';
import { PrimitiveIcon, UIIcon } from '@gluestack-ui/core/icon/creator'; import { PrimitiveIcon, UIIcon } from '@gluestack-ui/core/icon/creator';
const SCOPE = 'INPUT'; const SCOPE = 'INPUT';
const UIInput = createInput({ const UIInput = createInput({
Root: withStyleContext(View, SCOPE), Root: withStyleContext(View, SCOPE),
Icon: UIIcon, Icon: UIIcon,
Slot: Pressable, Slot: Pressable,
Input: TextInput, Input: TextInput,
}); });
cssInterop(PrimitiveIcon, { cssInterop(PrimitiveIcon, {
className: { className: {
target: 'style', target: 'style',
nativeStyleToProp: { nativeStyleToProp: {
height: true, height: true,
width: true, width: true,
fill: true, fill: true,
color: 'classNameColor', color: 'classNameColor',
stroke: true, stroke: true,
}, },
}, },
}); });
const inputStyle = tva({ const inputStyle = tva({
base: 'border-background-300 flex-row overflow-hidden content-center data-[hover=true]:border-outline-400 data-[focus=true]:border-primary-700 data-[focus=true]:hover:border-primary-700 data-[disabled=true]:opacity-40 data-[disabled=true]:hover:border-background-300 items-center', base: 'border-background-300 flex-row overflow-hidden content-center data-[hover=true]:border-outline-400 data-[focus=true]:border-primary-700 data-[focus=true]:hover:border-primary-700 data-[disabled=true]:opacity-40 data-[disabled=true]:hover:border-background-300 items-center',
variants: { variants: {
size: { size: {
xl: 'h-12', xl: 'h-12',
lg: 'h-11', lg: 'h-11',
md: 'h-10', md: 'h-10',
sm: 'h-9', sm: 'h-9',
}, },
variant: { variant: {
underlined: underlined:
'rounded-none border-b data-[invalid=true]:border-b-2 data-[invalid=true]:border-error-700 data-[invalid=true]:hover:border-error-700 data-[invalid=true]:data-[focus=true]:border-error-700 data-[invalid=true]:data-[focus=true]:hover:border-error-700 data-[invalid=true]:data-[disabled=true]:hover:border-error-700', 'rounded-none border-b data-[invalid=true]:border-b-2 data-[invalid=true]:border-error-700 data-[invalid=true]:hover:border-error-700 data-[invalid=true]:data-[focus=true]:border-error-700 data-[invalid=true]:data-[focus=true]:hover:border-error-700 data-[invalid=true]:data-[disabled=true]:hover:border-error-700',
outline: outline:
'rounded border data-[invalid=true]:border-error-700 data-[invalid=true]:hover:border-error-700 data-[invalid=true]:data-[focus=true]:border-error-700 data-[invalid=true]:data-[focus=true]:hover:border-error-700 data-[invalid=true]:data-[disabled=true]:hover:border-error-700 data-[focus=true]:web:ring-1 data-[focus=true]:web:ring-inset data-[focus=true]:web:ring-indicator-primary data-[invalid=true]:web:ring-1 data-[invalid=true]:web:ring-inset data-[invalid=true]:web:ring-indicator-error data-[invalid=true]:data-[focus=true]:hover:web:ring-1 data-[invalid=true]:data-[focus=true]:hover:web:ring-inset data-[invalid=true]:data-[focus=true]:hover:web:ring-indicator-error data-[invalid=true]:data-[disabled=true]:hover:web:ring-1 data-[invalid=true]:data-[disabled=true]:hover:web:ring-inset data-[invalid=true]:data-[disabled=true]:hover:web:ring-indicator-error', 'rounded border data-[invalid=true]:border-error-700 data-[invalid=true]:hover:border-error-700 data-[invalid=true]:data-[focus=true]:border-error-700 data-[invalid=true]:data-[focus=true]:hover:border-error-700 data-[invalid=true]:data-[disabled=true]:hover:border-error-700 data-[focus=true]:web:ring-1 data-[focus=true]:web:ring-inset data-[focus=true]:web:ring-indicator-primary data-[invalid=true]:web:ring-1 data-[invalid=true]:web:ring-inset data-[invalid=true]:web:ring-indicator-error data-[invalid=true]:data-[focus=true]:hover:web:ring-1 data-[invalid=true]:data-[focus=true]:hover:web:ring-inset data-[invalid=true]:data-[focus=true]:hover:web:ring-indicator-error data-[invalid=true]:data-[disabled=true]:hover:web:ring-1 data-[invalid=true]:data-[disabled=true]:hover:web:ring-inset data-[invalid=true]:data-[disabled=true]:hover:web:ring-indicator-error',
rounded: rounded:
'rounded-full border data-[invalid=true]:border-error-700 data-[invalid=true]:hover:border-error-700 data-[invalid=true]:data-[focus=true]:border-error-700 data-[invalid=true]:data-[focus=true]:hover:border-error-700 data-[invalid=true]:data-[disabled=true]:hover:border-error-700 data-[focus=true]:web:ring-1 data-[focus=true]:web:ring-inset data-[focus=true]:web:ring-indicator-primary data-[invalid=true]:web:ring-1 data-[invalid=true]:web:ring-inset data-[invalid=true]:web:ring-indicator-error data-[invalid=true]:data-[focus=true]:hover:web:ring-1 data-[invalid=true]:data-[focus=true]:hover:web:ring-inset data-[invalid=true]:data-[focus=true]:hover:web:ring-indicator-error data-[invalid=true]:data-[disabled=true]:hover:web:ring-1 data-[invalid=true]:data-[disabled=true]:hover:web:ring-inset data-[invalid=true]:data-[disabled=true]:hover:web:ring-indicator-error', 'rounded-full border data-[invalid=true]:border-error-700 data-[invalid=true]:hover:border-error-700 data-[invalid=true]:data-[focus=true]:border-error-700 data-[invalid=true]:data-[focus=true]:hover:border-error-700 data-[invalid=true]:data-[disabled=true]:hover:border-error-700 data-[focus=true]:web:ring-1 data-[focus=true]:web:ring-inset data-[focus=true]:web:ring-indicator-primary data-[invalid=true]:web:ring-1 data-[invalid=true]:web:ring-inset data-[invalid=true]:web:ring-indicator-error data-[invalid=true]:data-[focus=true]:hover:web:ring-1 data-[invalid=true]:data-[focus=true]:hover:web:ring-inset data-[invalid=true]:data-[focus=true]:hover:web:ring-indicator-error data-[invalid=true]:data-[disabled=true]:hover:web:ring-1 data-[invalid=true]:data-[disabled=true]:hover:web:ring-inset data-[invalid=true]:data-[disabled=true]:hover:web:ring-indicator-error',
}, },
}, },
}); });
const inputIconStyle = tva({ const inputIconStyle = tva({
base: 'justify-center items-center text-typography-400 fill-none', base: 'justify-center items-center text-typography-400 fill-none',
parentVariants: { parentVariants: {
size: { size: {
'2xs': 'h-3 w-3', '2xs': 'h-3 w-3',
'xs': 'h-3.5 w-3.5', 'xs': 'h-3.5 w-3.5',
'sm': 'h-4 w-4', 'sm': 'h-4 w-4',
'md': 'h-[18px] w-[18px]', 'md': 'h-[18px] w-[18px]',
'lg': 'h-5 w-5', 'lg': 'h-5 w-5',
'xl': 'h-6 w-6', 'xl': 'h-6 w-6',
}, },
}, },
}); });
const inputSlotStyle = tva({ const inputSlotStyle = tva({
base: 'justify-center items-center web:disabled:cursor-not-allowed', base: 'justify-center items-center web:disabled:cursor-not-allowed',
}); });
const inputFieldStyle = tva({ const inputFieldStyle = tva({
base: 'flex-1 text-typography-900 py-0 px-3 placeholder:text-typography-500 h-full ios:leading-[0px] web:cursor-text web:data-[disabled=true]:cursor-not-allowed', base: 'flex-1 text-typography-900 py-0 px-3 placeholder:text-typography-500 h-full ios:leading-[0px] web:cursor-text web:data-[disabled=true]:cursor-not-allowed',
parentVariants: { parentVariants: {
variant: { variant: {
underlined: 'web:outline-0 web:outline-none px-0', underlined: 'web:outline-0 web:outline-none px-0',
outline: 'web:outline-0 web:outline-none', outline: 'web:outline-0 web:outline-none',
rounded: 'web:outline-0 web:outline-none px-4', rounded: 'web:outline-0 web:outline-none px-4',
}, },
size: { size: {
'2xs': 'text-2xs', '2xs': 'text-2xs',
'xs': 'text-xs', 'xs': 'text-xs',
'sm': 'text-sm', 'sm': 'text-sm',
'md': 'text-base', 'md': 'text-base',
'lg': 'text-lg', 'lg': 'text-lg',
'xl': 'text-xl', 'xl': 'text-xl',
'2xl': 'text-2xl', '2xl': 'text-2xl',
'3xl': 'text-3xl', '3xl': 'text-3xl',
'4xl': 'text-4xl', '4xl': 'text-4xl',
'5xl': 'text-5xl', '5xl': 'text-5xl',
'6xl': 'text-6xl', '6xl': 'text-6xl',
}, },
}, },
}); });
type IInputProps = React.ComponentProps<typeof UIInput> & type IInputProps = React.ComponentProps<typeof UIInput> &
VariantProps<typeof inputStyle> & { className?: string }; VariantProps<typeof inputStyle> & { className?: string };
const Input = React.forwardRef<React.ComponentRef<typeof UIInput>, IInputProps>( const Input = React.forwardRef<React.ComponentRef<typeof UIInput>, IInputProps>(
function Input( function Input(
{ className, variant = 'outline', size = 'md', ...props }, { className, variant = 'outline', size = 'md', ...props },
ref ref
) { ) {
return ( return (
<UIInput <UIInput
ref={ref} ref={ref}
{...props} {...props}
className={inputStyle({ variant, size, class: className })} className={inputStyle({ variant, size, class: className })}
context={{ variant, size }} context={{ variant, size }}
/> />
); );
} }
); );
type IInputIconProps = React.ComponentProps<typeof UIInput.Icon> & type IInputIconProps = React.ComponentProps<typeof UIInput.Icon> &
VariantProps<typeof inputIconStyle> & { VariantProps<typeof inputIconStyle> & {
className?: string; className?: string;
height?: number; height?: number;
width?: number; width?: number;
}; };
const InputIcon = React.forwardRef< const InputIcon = React.forwardRef<
React.ComponentRef<typeof UIInput.Icon>, React.ComponentRef<typeof UIInput.Icon>,
IInputIconProps IInputIconProps
>(function InputIcon({ className, size, ...props }, ref) { >(function InputIcon({ className, size, ...props }, ref) {
const { size: parentSize } = useStyleContext(SCOPE); const { size: parentSize } = useStyleContext(SCOPE);
if (typeof size === 'number') { if (typeof size === 'number') {
return ( return (
<UIInput.Icon <UIInput.Icon
ref={ref} ref={ref}
{...props} {...props}
className={inputIconStyle({ class: className })} className={inputIconStyle({ class: className })}
size={size} size={size}
/> />
); );
} else if ( } else if (
(props.height !== undefined || props.width !== undefined) && (props.height !== undefined || props.width !== undefined) &&
size === undefined size === undefined
) { ) {
return ( return (
<UIInput.Icon <UIInput.Icon
ref={ref} ref={ref}
{...props} {...props}
className={inputIconStyle({ class: className })} className={inputIconStyle({ class: className })}
/> />
); );
} }
return ( return (
<UIInput.Icon <UIInput.Icon
ref={ref} ref={ref}
{...props} {...props}
className={inputIconStyle({ className={inputIconStyle({
parentVariants: { parentVariants: {
size: parentSize, size: parentSize,
}, },
class: className, class: className,
})} })}
/> />
); );
}); });
type IInputSlotProps = React.ComponentProps<typeof UIInput.Slot> & type IInputSlotProps = React.ComponentProps<typeof UIInput.Slot> &
VariantProps<typeof inputSlotStyle> & { className?: string }; VariantProps<typeof inputSlotStyle> & { className?: string };
const InputSlot = React.forwardRef< const InputSlot = React.forwardRef<
React.ComponentRef<typeof UIInput.Slot>, React.ComponentRef<typeof UIInput.Slot>,
IInputSlotProps IInputSlotProps
>(function InputSlot({ className, ...props }, ref) { >(function InputSlot({ className, ...props }, ref) {
return ( return (
<UIInput.Slot <UIInput.Slot
ref={ref} ref={ref}
{...props} {...props}
className={inputSlotStyle({ className={inputSlotStyle({
class: className, class: className,
})} })}
/> />
); );
}); });
type IInputFieldProps = React.ComponentProps<typeof UIInput.Input> & type IInputFieldProps = React.ComponentProps<typeof UIInput.Input> &
VariantProps<typeof inputFieldStyle> & { className?: string }; VariantProps<typeof inputFieldStyle> & { className?: string };
const InputField = React.forwardRef< const InputField = React.forwardRef<
React.ComponentRef<typeof UIInput.Input>, React.ComponentRef<typeof UIInput.Input>,
IInputFieldProps IInputFieldProps
>(function InputField({ className, ...props }, ref) { >(function InputField({ className, ...props }, ref) {
const { variant: parentVariant, size: parentSize } = useStyleContext(SCOPE); const { variant: parentVariant, size: parentSize } = useStyleContext(SCOPE);
return ( return (
<UIInput.Input <UIInput.Input
ref={ref} ref={ref}
{...props} {...props}
className={inputFieldStyle({ className={inputFieldStyle({
parentVariants: { parentVariants: {
variant: parentVariant, variant: parentVariant,
size: parentSize, size: parentSize,
}, },
class: className, class: className,
})} })}
/> />
); );
}); });
Input.displayName = 'Input'; Input.displayName = 'Input';
InputIcon.displayName = 'InputIcon'; InputIcon.displayName = 'InputIcon';
InputSlot.displayName = 'InputSlot'; InputSlot.displayName = 'InputSlot';
InputField.displayName = 'InputField'; InputField.displayName = 'InputField';
export { Input, InputField, InputIcon, InputSlot }; export { Input, InputField, InputIcon, InputSlot };

166
mobile/package-lock.json generated
Unescape View File

@ -13,11 +13,14 @@
"@gluestack-ui/core": "^3.0.0", "@gluestack-ui/core": "^3.0.0",
"@gluestack-ui/utils": "^3.0.0", "@gluestack-ui/utils": "^3.0.0",
"@legendapp/motion": "^2.3.0", "@legendapp/motion": "^2.3.0",
"@react-native-async-storage/async-storage": "^2.2.0",
"babel-plugin-module-resolver": "^5.0.2", "babel-plugin-module-resolver": "^5.0.2",
"expo": "~53.0.22", "expo": "~53.0.22",
"expo-linking": "^7.1.7", "expo-linking": "^7.1.7",
"expo-router": "^5.1.4", "expo-router": "^5.1.4",
"expo-status-bar": "~2.2.3", "expo-status-bar": "~2.2.3",
"lucide-react-native": "^0.510.0",
"nanoid": "^5.1.5",
"nativewind": "^4.1.23", "nativewind": "^4.1.23",
"react": "19.0.0", "react": "19.0.0",
"react-aria": "^3.33.0", "react-aria": "^3.33.0",
@ -26,7 +29,8 @@
"react-native-reanimated": "^4.1.0", "react-native-reanimated": "^4.1.0",
"react-native-safe-area-context": "^4.14.1", "react-native-safe-area-context": "^4.14.1",
"react-native-screens": "^4.15.4", "react-native-screens": "^4.15.4",
"react-native-svg": "^15.2.0", "react-native-svg": "^15.12.0",
"react-native-uuid": "^2.0.3",
"react-native-worklets": "^0.5.0", "react-native-worklets": "^0.5.0",
"react-native-worklets-core": "^1.6.2", "react-native-worklets-core": "^1.6.2",
"react-stately": "^3.39.0", "react-stately": "^3.39.0",
@ -2095,21 +2099,6 @@
"react-native-web": ">=0.19.0" "react-native-web": ">=0.19.0"
} }
}, },
"node_modules/@gluestack-ui/core/node_modules/react-native-svg": {
"version": "15.12.1",
"resolved": "https://registry.npmjs.org/react-native-svg/-/react-native-svg-15.12.1.tgz",
"integrity": "sha512-vCuZJDf8a5aNC2dlMovEv4Z0jjEUET53lm/iILFnFewa15b4atjVxU6Wirm6O9y6dEsdjDZVD7Q3QM4T1wlI8g==",
"license": "MIT",
"dependencies": {
"css-select": "^5.1.0",
"css-tree": "^1.1.3",
"warn-once": "0.1.1"
},
"peerDependencies": {
"react": "*",
"react-native": "*"
}
},
"node_modules/@gluestack-ui/utils": { "node_modules/@gluestack-ui/utils": {
"version": "3.0.0", "version": "3.0.0",
"resolved": "https://registry.npmjs.org/@gluestack-ui/utils/-/utils-3.0.0.tgz", "resolved": "https://registry.npmjs.org/@gluestack-ui/utils/-/utils-3.0.0.tgz",
@ -3567,6 +3556,18 @@
"react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1" "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
} }
}, },
"node_modules/@react-native-async-storage/async-storage": {
"version": "2.2.0",
"resolved": "https://registry.npmjs.org/@react-native-async-storage/async-storage/-/async-storage-2.2.0.tgz",
"integrity": "sha512-gvRvjR5JAaUZF8tv2Kcq/Gbt3JHwbKFYfmb445rhOj6NUMx3qPLixmDx5pZAyb9at1bYvJ4/eTUipU5aki45xw==",
"license": "MIT",
"dependencies": {
"merge-options": "^3.0.4"
},
"peerDependencies": {
"react-native": "^0.0.0-0 || >=0.65 <1.0"
}
},
"node_modules/@react-native/assets-registry": { "node_modules/@react-native/assets-registry": {
"version": "0.79.6", "version": "0.79.6",
"resolved": "https://registry.npmjs.org/@react-native/assets-registry/-/assets-registry-0.79.6.tgz", "resolved": "https://registry.npmjs.org/@react-native/assets-registry/-/assets-registry-0.79.6.tgz",
@ -3894,6 +3895,24 @@
"react": ">= 18.2.0" "react": ">= 18.2.0"
} }
}, },
"node_modules/@react-navigation/core/node_modules/nanoid": {
"version": "3.3.11",
"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
"integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
"funding": [
{
"type": "github",
"url": "https://github.com/sponsors/ai"
}
],
"license": "MIT",
"bin": {
"nanoid": "bin/nanoid.cjs"
},
"engines": {
"node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
}
},
"node_modules/@react-navigation/core/node_modules/react-is": { "node_modules/@react-navigation/core/node_modules/react-is": {
"version": "19.1.1", "version": "19.1.1",
"resolved": "https://registry.npmjs.org/react-is/-/react-is-19.1.1.tgz", "resolved": "https://registry.npmjs.org/react-is/-/react-is-19.1.1.tgz",
@ -3957,6 +3976,24 @@
"react-native-screens": ">= 4.0.0" "react-native-screens": ">= 4.0.0"
} }
}, },
"node_modules/@react-navigation/native/node_modules/nanoid": {
"version": "3.3.11",
"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
"integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
"funding": [
{
"type": "github",
"url": "https://github.com/sponsors/ai"
}
],
"license": "MIT",
"bin": {
"nanoid": "bin/nanoid.cjs"
},
"engines": {
"node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
}
},
"node_modules/@react-navigation/routers": { "node_modules/@react-navigation/routers": {
"version": "7.5.1", "version": "7.5.1",
"resolved": "https://registry.npmjs.org/@react-navigation/routers/-/routers-7.5.1.tgz", "resolved": "https://registry.npmjs.org/@react-navigation/routers/-/routers-7.5.1.tgz",
@ -3966,6 +4003,24 @@
"nanoid": "^3.3.11" "nanoid": "^3.3.11"
} }
}, },
"node_modules/@react-navigation/routers/node_modules/nanoid": {
"version": "3.3.11",
"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
"integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
"funding": [
{
"type": "github",
"url": "https://github.com/sponsors/ai"
}
],
"license": "MIT",
"bin": {
"nanoid": "bin/nanoid.cjs"
},
"engines": {
"node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
}
},
"node_modules/@react-stately/calendar": { "node_modules/@react-stately/calendar": {
"version": "3.8.4", "version": "3.8.4",
"resolved": "https://registry.npmjs.org/@react-stately/calendar/-/calendar-3.8.4.tgz", "resolved": "https://registry.npmjs.org/@react-stately/calendar/-/calendar-3.8.4.tgz",
@ -7348,6 +7403,15 @@
"node": ">=0.12.0" "node": ">=0.12.0"
} }
}, },
"node_modules/is-plain-obj": {
"version": "2.1.0",
"resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-2.1.0.tgz",
"integrity": "sha512-YWnfyRwxL/+SsrWYfOpUtz5b3YD+nyfkHvjbcanzk8zgyO4ASD67uVMRt8k5bM4lLMDnXfriRhOpemw+NfT1eA==",
"license": "MIT",
"engines": {
"node": ">=8"
}
},
"node_modules/is-wsl": { "node_modules/is-wsl": {
"version": "2.2.0", "version": "2.2.0",
"resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz", "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
@ -8092,6 +8156,17 @@
"yallist": "^3.0.2" "yallist": "^3.0.2"
} }
}, },
"node_modules/lucide-react-native": {
"version": "0.510.0",
"resolved": "https://registry.npmjs.org/lucide-react-native/-/lucide-react-native-0.510.0.tgz",
"integrity": "sha512-Ggy6NyWNcb/Wp9I0Kguwab5FRjr3GYsxNi0Nmy+skur1yj9TKiF2vcXPL7zWkkcgqk8WWKiIvmN3CntWvaDR1w==",
"license": "ISC",
"peerDependencies": {
"react": "^16.5.1 || ^17.0.0 || ^18.0.0",
"react-native": "*",
"react-native-svg": "^12.0.0 || ^13.0.0 || ^14.0.0 || ^15.0.0"
}
},
"node_modules/makeerror": { "node_modules/makeerror": {
"version": "1.0.12", "version": "1.0.12",
"resolved": "https://registry.npmjs.org/makeerror/-/makeerror-1.0.12.tgz", "resolved": "https://registry.npmjs.org/makeerror/-/makeerror-1.0.12.tgz",
@ -8119,6 +8194,18 @@
"integrity": "sha512-zYiwtZUcYyXKo/np96AGZAckk+FWWsUdJ3cHGGmld7+AhvcWmQyGCYUh1hc4Q/pkOhb65dQR/pqCyK0cOaHz4Q==", "integrity": "sha512-zYiwtZUcYyXKo/np96AGZAckk+FWWsUdJ3cHGGmld7+AhvcWmQyGCYUh1hc4Q/pkOhb65dQR/pqCyK0cOaHz4Q==",
"license": "MIT" "license": "MIT"
}, },
"node_modules/merge-options": {
"version": "3.0.4",
"resolved": "https://registry.npmjs.org/merge-options/-/merge-options-3.0.4.tgz",
"integrity": "sha512-2Sug1+knBjkaMsMgf1ctR1Ujx+Ayku4EdJN4Z+C2+JzoeF7A3OZ9KM2GY0CpQS51NR61LTurMJrRKPhSs3ZRTQ==",
"license": "MIT",
"dependencies": {
"is-plain-obj": "^2.1.0"
},
"engines": {
"node": ">=10"
}
},
"node_modules/merge-stream": { "node_modules/merge-stream": {
"version": "2.0.0", "version": "2.0.0",
"resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz", "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
@ -8611,9 +8698,9 @@
} }
}, },
"node_modules/nanoid": { "node_modules/nanoid": {
"version": "3.3.11", "version": "5.1.5",
"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz", "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-5.1.5.tgz",
"integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==", "integrity": "sha512-Ir/+ZpE9fDsNH0hQ3C68uyThDXzYcim2EqcZ8zn8Chtt1iylPT9xXJB0kPCnqzgcEGikO9RxSrh63MsmVCU7Fw==",
"funding": [ "funding": [
{ {
"type": "github", "type": "github",
@ -8622,10 +8709,10 @@
], ],
"license": "MIT", "license": "MIT",
"bin": { "bin": {
"nanoid": "bin/nanoid.cjs" "nanoid": "bin/nanoid.js"
}, },
"engines": { "engines": {
"node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1" "node": "^18 || >=20"
} }
}, },
"node_modules/nativewind": { "node_modules/nativewind": {
@ -9341,6 +9428,24 @@
"integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==", "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
"license": "MIT" "license": "MIT"
}, },
"node_modules/postcss/node_modules/nanoid": {
"version": "3.3.11",
"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
"integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
"funding": [
{
"type": "github",
"url": "https://github.com/sponsors/ai"
}
],
"license": "MIT",
"bin": {
"nanoid": "bin/nanoid.cjs"
},
"engines": {
"node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
}
},
"node_modules/pretty-bytes": { "node_modules/pretty-bytes": {
"version": "5.6.0", "version": "5.6.0",
"resolved": "https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-5.6.0.tgz", "resolved": "https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-5.6.0.tgz",
@ -9814,19 +9919,30 @@
} }
}, },
"node_modules/react-native-svg": { "node_modules/react-native-svg": {
"version": "15.2.0", "version": "15.12.0",
"resolved": "https://registry.npmjs.org/react-native-svg/-/react-native-svg-15.2.0.tgz", "resolved": "https://registry.npmjs.org/react-native-svg/-/react-native-svg-15.12.0.tgz",
"integrity": "sha512-R0E6IhcJfVLsL0lRmnUSm72QO+mTqcAOM5Jb8FVGxJqX3NfJMlMP0YyvcajZiaRR8CqQUpEoqrY25eyZb006kw==", "integrity": "sha512-iE25PxIJ6V0C6krReLquVw6R0QTsRTmEQc4K2Co3P6zsimU/jltcDBKYDy1h/5j9S/fqmMeXnpM+9LEWKJKI6A==",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"css-select": "^5.1.0", "css-select": "^5.1.0",
"css-tree": "^1.1.3" "css-tree": "^1.1.3",
"warn-once": "0.1.1"
}, },
"peerDependencies": { "peerDependencies": {
"react": "*", "react": "*",
"react-native": "*" "react-native": "*"
} }
}, },
"node_modules/react-native-uuid": {
"version": "2.0.3",
"resolved": "https://registry.npmjs.org/react-native-uuid/-/react-native-uuid-2.0.3.tgz",
"integrity": "sha512-f/YfIS2f5UB+gut7t/9BKGSCYbRA9/74A5R1MDp+FLYsuS+OSWoiM/D8Jko6OJB6Jcu3v6ONuddvZKHdIGpeiw==",
"license": "MIT",
"engines": {
"node": ">=10.0.0",
"npm": ">=6.0.0"
}
},
"node_modules/react-native-worklets": { "node_modules/react-native-worklets": {
"version": "0.5.0", "version": "0.5.0",
"resolved": "https://registry.npmjs.org/react-native-worklets/-/react-native-worklets-0.5.0.tgz", "resolved": "https://registry.npmjs.org/react-native-worklets/-/react-native-worklets-0.5.0.tgz",

14
mobile/package.json
Unescape View File

@ -3,10 +3,10 @@
"version": "1.0.0", "version": "1.0.0",
"main": "expo-router/entry", "main": "expo-router/entry",
"scripts": { "scripts": {
"start": "expo start", "start": "expo start --offline",
"android": "expo start --android", "android": "expo start --android --offline",
"ios": "expo start --ios", "ios": "expo start --ios --offline",
"web": "expo start --web" "web": "expo start --web --offline"
}, },
"dependencies": { "dependencies": {
"@expo/html-elements": "^0.10.1", "@expo/html-elements": "^0.10.1",
@ -14,11 +14,14 @@
"@gluestack-ui/core": "^3.0.0", "@gluestack-ui/core": "^3.0.0",
"@gluestack-ui/utils": "^3.0.0", "@gluestack-ui/utils": "^3.0.0",
"@legendapp/motion": "^2.3.0", "@legendapp/motion": "^2.3.0",
"@react-native-async-storage/async-storage": "^2.2.0",
"babel-plugin-module-resolver": "^5.0.2", "babel-plugin-module-resolver": "^5.0.2",
"expo": "~53.0.22", "expo": "~53.0.22",
"expo-linking": "^7.1.7", "expo-linking": "^7.1.7",
"expo-router": "^5.1.4", "expo-router": "^5.1.4",
"expo-status-bar": "~2.2.3", "expo-status-bar": "~2.2.3",
"lucide-react-native": "^0.510.0",
"nanoid": "^5.1.5",
"nativewind": "^4.1.23", "nativewind": "^4.1.23",
"react": "19.0.0", "react": "19.0.0",
"react-aria": "^3.33.0", "react-aria": "^3.33.0",
@ -27,7 +30,8 @@
"react-native-reanimated": "^4.1.0", "react-native-reanimated": "^4.1.0",
"react-native-safe-area-context": "^4.14.1", "react-native-safe-area-context": "^4.14.1",
"react-native-screens": "^4.15.4", "react-native-screens": "^4.15.4",
"react-native-svg": "^15.2.0", "react-native-svg": "^15.12.0",
"react-native-uuid": "^2.0.3",
"react-native-worklets": "^0.5.0", "react-native-worklets": "^0.5.0",
"react-native-worklets-core": "^1.6.2", "react-native-worklets-core": "^1.6.2",
"react-stately": "^3.39.0", "react-stately": "^3.39.0",

Write Preview
Loading…
Cancel
Save