import { useState, useMemo, useContext } from 'react';

const [puzzleType, setPuzzleType] = useState('');
const [logicLevel, setLogicLevel] = useState(1);
const [numberLevel, setNumberLevel] = useState(1);
const [patternLevel, setPatternLevel] = useState(1);
const [numberProgress, setNumberProgress] = useState(0);
const [logicProgress, setLogicProgress] = useState(0);
const [patternProgress, setPatternProgress] = useState(0);

const appContext = useMemo(() => {
    return {
      puzzleType, setPuzzleType,
      logicLevel, setLogicLevel,
      numberLevel, setNumberLevel,
      patternLevel, setPatternLevel,
      numberProgress, setNumberProgress,
      logicProgress, setLogicProgress,
      patternProgress, setPatternProgress,
    }
});
            

import OpenAI from "openai";

const openai = new OpenAI({
    apiKey: process.env.EXPO_PUBLIC_APIKEY,
})

export const handler = async (event) => {
    const post = typeof event.body === "string" ? JSON.parse(event.body) : event.body;

    if(!post?.question) {
        return false
    }

    const completion = await openai.chat.completions.create({
        model: "gpt-4",
        messages: [{
            role: "system",
            content: "Your name is Wimmy. [INSERT PERSONALITY]"
        }, {
            role: "user",
            content: post.question
        }],
    });

    const response = {
      statusCode: 200,
      body: JSON.stringify(completion),
    };

    return response;
};

const [aiResponse, setAIResponse] = useState('');

const handleSend = async () => {
    try {
        console.log("Start AI Response");
        const completion = await getHint(data[quesIndex[currentQuestion]].description);
        setAIResponse(completion.choices[0].message.content);
        console.log("AI Response Completed");
    } catch (error) {
        throw new Error(error);
    }
}

import { getAuth, createUserWithEmailAndPassword } 
    from 'firebase/auth';

const [email, setEmail] = useState("");
const [password, setPassword] = useState("");
            
const addUser = async () => {
    if (email && password) {
        const auth = getAuth();
        const results = await createUserWithEmailAndPassword(auth, email, password);
        console.log(results.user);
    } else {
        alert('Please fill in all textfields')
    }
}

import { useState, useEffect } from 'react';
import { AppContext } from '../context/AppContext.js';
            
const { 
    isDarkTheme, setIsDarkTheme, isColorBlind, setIsColorBlind, isDyslexic, setIsDyslexic
} = useContext(AppContext)
            
// Dark/Light theme switch
<Switch
    onValueChange={() => 
        setIsDarkTheme(current => !current)}
    value={isDarkTheme}
/>
            
// Colour blind theme switch
<Switch
    onValueChange={() => 
        setIsColorBlind(current => !current)}
    value={isColorBlind}
/>