aport-tools 1.0.1 → 1.0.3

package/src/context/ThemeContext.tsx

@@ -1,70 +0,0 @@
-// src/context/ThemeContext.tsx
-
-import React, { createContext, useState, useEffect, ReactNode } from 'react';
-import { Appearance, ColorSchemeName } from 'react-native';
-import AsyncStorage from '@react-native-async-storage/async-storage';
-import { lightTheme, darkTheme, ThemeColors } from '../styles/colors';
-import { Theme } from '../styles/theme';
-
-interface ThemeContextProps {
-  theme: Theme;
-  toggleTheme: () => void;
-}
-
-export const ThemeContext = createContext<ThemeContextProps>({
-  theme: { colors: lightTheme },
-  toggleTheme: () => {},
-});
-
-interface ThemeProviderProps {
-  children: ReactNode;
-}
-
-export const ThemeProvider: React.FC<ThemeProviderProps> = ({ children }) => {
-  const [colorScheme, setColorScheme] = useState<ColorSchemeName | null>(null);
-
-  useEffect(() => {
-    const loadTheme = async () => {
-      try {
-        const storedTheme = await AsyncStorage.getItem('theme');
-        if (storedTheme === 'dark' || storedTheme === 'light') {
-          setColorScheme(storedTheme);
-        } else {
-          const systemTheme = Appearance.getColorScheme();
-          setColorScheme(systemTheme);
-        }
-      } catch (error) {
-        console.error('Failed to load theme.', error);
-        setColorScheme(Appearance.getColorScheme());
-      }
-    };
-
-    loadTheme();
-
-    const subscription = Appearance.addChangeListener(({ colorScheme }) => {
-      setColorScheme(colorScheme);
-    });
-
-    return () => subscription.remove();
-  }, []);
-
-  const toggleTheme = async () => {
-    try {
-      const newTheme = colorScheme === 'dark' ? 'light' : 'dark';
-      setColorScheme(newTheme);
-      await AsyncStorage.setItem('theme', newTheme);
-    } catch (error) {
-      console.error('Failed to toggle theme.', error);
-    }
-  };
-
-  const theme: Theme = {
-    colors: colorScheme === 'dark' ? darkTheme : lightTheme,
-  };
-
-  return (
-    <ThemeContext.Provider value={{ theme, toggleTheme }}>
-      {children}
-    </ThemeContext.Provider>
-  );
-};

package/src/index.ts

@@ -1 +0,0 @@
-export { default as ButtonComponent } from "./Button";

package/src/styles/colors.ts

@@ -1,60 +0,0 @@
-// src/styles/colors.ts
-
-export interface RGB {
-  r: number;
-  g: number;
-  b: number;
-}
-
-export interface Color {
-  hex: string;
-  rgb: RGB;
-}
-
-export interface ThemeColors {
-  primary: Color;
-  secondary: Color;
-  background: Color;
-  text: Color;
-  // Add more categories as needed
-}
-
-export const lightTheme: ThemeColors = {
-  primary: {
-    hex: '#1A73E8',
-    rgb: { r: 26, g: 115, b: 232 },
-  },
-  secondary: {
-    hex: '#F0F6FF',
-    rgb: { r: 240, g: 246, b: 255 },
-  },
-  background: {
-    hex: '#FFFFFF',
-    rgb: { r: 255, g: 255, b: 255 },
-  },
-  text: {
-    hex: '#000000',
-    rgb: { r: 0, g: 0, b: 0 },
-  },
-  // Add more categories as needed
-};
-
-export const darkTheme: ThemeColors = {
-  primary: {
-    hex: '#BB86FC',
-    rgb: { r: 187, g: 134, b: 252 },
-  },
-  secondary: {
-    hex: '#03DAC6',
-    rgb: { r: 3, g: 218, b: 198 },
-  },
-  background: {
-    hex: '#121212',
-    rgb: { r: 18, g: 18, b: 18 },
-  },
-  text: {
-    hex: '#FFFFFF',
-    rgb: { r: 255, g: 255, b: 255 },
-  },
-  // Add more categories as needed
-};

package/src/styles/theme.ts

@@ -1,50 +0,0 @@
-// src/styles/theme.ts
-
-import { ThemeColors } from "./colors";
-
-// Define the light theme with full ThemeColors structure
-export const lightTheme: ThemeColors = {
-  primary: {
-    hex: "#1A73E8",
-    rgb: { r: 26, g: 115, b: 232 },
-  },
-  secondary: {
-    hex: "#F0F6FF",
-    rgb: { r: 240, g: 246, b: 255 },
-  },
-  background: {
-    hex: "#FFFFFF",
-    rgb: { r: 255, g: 255, b: 255 },
-  },
-  text: {
-    hex: "#000000",
-    rgb: { r: 0, g: 0, b: 0 },
-  },
-};
-
-// Define the dark theme with full ThemeColors structure
-export const darkTheme: ThemeColors = {
-  primary: {
-    hex: "#BB86FC",
-    rgb: { r: 187, g: 134, b: 252 },
-  },
-  secondary: {
-    hex: "#03DAC6",
-    rgb: { r: 3, g: 218, b: 198 },
-  },
-  background: {
-    hex: "#121212",
-    rgb: { r: 18, g: 18, b: 18 },
-  },
-  text: {
-    hex: "#FFFFFF",
-    rgb: { r: 255, g: 255, b: 255 },
-  },
-};
-
-// src/styles/theme.ts
-
-export interface Theme {
-    colors: ThemeColors;
-  }
-  

package/tsconfig.json

@@ -1,30 +0,0 @@
-{
-  "compilerOptions": {
-    "outDir": "dist",
-    "module": "ES6",
-    "target": "ES5",
-    "lib": [
-      "ES2015",
-      "DOM"
-    ],
-    "jsx": "react-native",
-    "declaration": true,
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
-    "strict": true,
-    "skipLibCheck": true,
-    "moduleResolution": "node",
-    "types": [
-      "react",
-      "react-native"
-    ]
-  },
-  "include": [
-    "src"  ],
-  "exclude": [
-    "node_modules",
-    "dist",
-    "App.tsx"
-  ],
-  "extends": "expo/tsconfig.base"
-}