timmypidashev/web
1
0
Fork 0
mirror of https://github.com/timmypidashev/web.git synced 2026-04-14 11:03:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Timothy Pidashev
2024-03-12 10:10:44 -07:00
parent ec1a5103c3
commit d1684a1472
9 changed files with 65 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/web/.web/bun.lockb
View File

Binary file not shown.

1
src/web/.web/package.json
View File

@@ -10,6 +10,7 @@
"@emotion/react": "11.11.1", "@emotion/react": "11.11.1",
"@radix-ui/themes": "^2.0.0", "@radix-ui/themes": "^2.0.0",
"axios": "1.6.0", "axios": "1.6.0",
"framer-motion": "^11.0.8",
"json5": "2.2.3", "json5": "2.2.3",
"lucide-react": "0.314.0", "lucide-react": "0.314.0",
"next": "14.0.1", "next": "14.0.1",

49
src/web/.web/pages/404.js
View File

@@ -8,14 +8,15 @@ import { WifiOffIcon as LucideWifiOffIcon } from "lucide-react"
import { keyframes } from "@emotion/react" import { keyframes } from "@emotion/react"
import { Box as RadixThemesBox, Dialog as RadixThemesDialog, Flex as RadixThemesFlex, Heading as RadixThemesHeading, Link as RadixThemesLink, Text as RadixThemesText } from "@radix-ui/themes" import { Box as RadixThemesBox, Dialog as RadixThemesDialog, Flex as RadixThemesFlex, Heading as RadixThemesHeading, Link as RadixThemesLink, Text as RadixThemesText } from "@radix-ui/themes"
import env from "/env.json" import env from "/env.json"
import { motion } from "framer-motion"
import NextLink from "next/link" import NextLink from "next/link"
import NextHead from "next/head" import NextHead from "next/head"
export function Fragment_966c0378eb9d65bdfb5286644be9b831 () { export function Fragment_e9a05c105aa9215aeba52aeec8fe2e76 () {
const [addEvents, connectErrors] = useContext(EventLoopContext);
const state = useContext(StateContexts.state) const state = useContext(StateContexts.state)
const [addEvents, connectErrors] = useContext(EventLoopContext);
return ( return (
@@ -33,6 +34,9 @@ export function Fragment_966c0378eb9d65bdfb5286644be9b831 () {
) )
} }
import { useIsPresent } from "framer-motion";
export function Fragment_14636cc997c0546c0967a25d8e600f96 () { export function Fragment_14636cc997c0546c0967a25d8e600f96 () {
const [addEvents, connectErrors] = useContext(EventLoopContext); const [addEvents, connectErrors] = useContext(EventLoopContext);
@@ -78,68 +82,63 @@ export default function Component() {
<Fragment> <Fragment>
<Fragment> <Fragment>
<div css={{"position": "fixed", "width": "100vw", "height": "0"}}> <div css={{"position": "fixed", "width": "100vw", "height": "0"}}>
<Fragment_966c0378eb9d65bdfb5286644be9b831/> <Fragment_e9a05c105aa9215aeba52aeec8fe2e76/>
</div> </div>
<Fragment_14636cc997c0546c0967a25d8e600f96/> <Fragment_14636cc997c0546c0967a25d8e600f96/>
</Fragment> </Fragment>
<RadixThemesBox>
<motion.div animate={{"opacity": 1, "y": 0, "transition": {"duration": 0.5, "ease": "easeInOut"}}} initial={{"opacity": 0, "y": -50}}>
<RadixThemesBox> <RadixThemesBox>
<RadixThemesBox> <RadixThemesBox>
<RadixThemesFlex css={{"display": "flex", "alignItems": "center", "justifyContent": "center"}} gap={`7`}> <RadixThemesFlex css={{"display": "flex", "alignItems": "center", "justifyContent": "center"}} gap={`7`}>
<RadixThemesFlex> <RadixThemesFlex>
<RadixThemesLink asChild={true} css={{"fontFamily": "ComicCode", "fontSize": 24, "color": "#000000", "textDecoration": "none", "&:hover": {"color": "#b8bb26"}}}> <RadixThemesLink css={{"fontFamily": "ComicCode", "fontSize": 24, "color": "#000000", "textDecoration": "none", "&:hover": {"color": "#b8bb26"}}}>
<NextLink href={`http://about.timmypidashev.localhost`} passHref={true}> <RadixThemesText as={`p`} css={{"href": "/about", "fontFamily": "ComicCode", "fontSize": 24, "color": "#ebdbb2"}}>
<RadixThemesText as={`p`} css={{"color": "#ebdbb2", "fontFamily": "ComicCode", "fontSize": 24}}>
{`About`} {`About`}
</RadixThemesText> </RadixThemesText>
</NextLink>
</RadixThemesLink> </RadixThemesLink>
</RadixThemesFlex> </RadixThemesFlex>
<RadixThemesFlex> <RadixThemesFlex>
<RadixThemesLink asChild={true} css={{"fontFamily": "ComicCode", "fontSize": 24, "color": "#000000", "textDecoration": "none", "&:hover": {"color": "#b8bb26"}}}> <RadixThemesLink css={{"fontFamily": "ComicCode", "fontSize": 24, "color": "#000000", "textDecoration": "none", "&:hover": {"color": "#b8bb26"}}}>
<NextLink href={`http://projects.timmypidashev.localhost`} passHref={true}> <RadixThemesText as={`p`} css={{"href": "/projects", "fontFamily": "ComicCode", "fontSize": 24, "color": "#ebdbb2"}}>
<RadixThemesText as={`p`} css={{"color": "#ebdbb2", "fontFamily": "ComicCode", "fontSize": 24}}>
{`Projects`} {`Projects`}
</RadixThemesText> </RadixThemesText>
</NextLink>
</RadixThemesLink> </RadixThemesLink>
</RadixThemesFlex> </RadixThemesFlex>
<RadixThemesFlex> <RadixThemesFlex>
<RadixThemesLink asChild={true} css={{"fontFamily": "ComicCode", "fontSize": 24, "color": "#000000", "textDecoration": "none", "&:hover": {"color": "#b8bb26"}}}> <RadixThemesLink css={{"fontFamily": "ComicCode", "fontSize": 24, "color": "#000000", "textDecoration": "none", "&:hover": {"color": "#b8bb26"}}}>
<NextLink href={`http://resume.timmypidashev.localhost`} passHref={true}> <RadixThemesText as={`p`} css={{"href": "/resume", "fontFamily": "ComicCode", "fontSize": 24, "color": "#ebdbb2"}}>
<RadixThemesText as={`p`} css={{"color": "#ebdbb2", "fontFamily": "ComicCode", "fontSize": 24}}>
{`Resume`} {`Resume`}
</RadixThemesText> </RadixThemesText>
</NextLink>
</RadixThemesLink> </RadixThemesLink>
</RadixThemesFlex> </RadixThemesFlex>
<RadixThemesFlex> <RadixThemesFlex>
<RadixThemesLink asChild={true} css={{"fontFamily": "ComicCode", "fontSize": 24, "color": "#000000", "textDecoration": "none", "&:hover": {"color": "#b8bb26"}}}> <RadixThemesLink css={{"fontFamily": "ComicCode", "fontSize": 24, "color": "#000000", "textDecoration": "none", "&:hover": {"color": "#b8bb26"}}}>
<NextLink href={`http://blog.timmypidashev.localhost`} passHref={true}> <RadixThemesText as={`p`} css={{"href": "/blog", "fontFamily": "ComicCode", "fontSize": 24, "color": "#ebdbb2"}}>
<RadixThemesText as={`p`} css={{"color": "#ebdbb2", "fontFamily": "ComicCode", "fontSize": 24}}>
{`Blog`} {`Blog`}
</RadixThemesText> </RadixThemesText>
</NextLink>
</RadixThemesLink> </RadixThemesLink>
</RadixThemesFlex> </RadixThemesFlex>
<RadixThemesFlex> <RadixThemesFlex>
<RadixThemesLink asChild={true} css={{"fontFamily": "ComicCode", "fontSize": 24, "color": "#000000", "textDecoration": "none", "&:hover": {"color": "#b8bb26"}}}> <RadixThemesLink css={{"fontFamily": "ComicCode", "fontSize": 24, "color": "#000000", "textDecoration": "none", "&:hover": {"color": "#b8bb26"}}}>
<NextLink href={`http://shop.timmypidashev.localhost`} passHref={true}> <RadixThemesText as={`p`} css={{"href": "shop", "fontFamily": "ComicCode", "fontSize": 24, "color": "#ebdbb2"}}>
<RadixThemesText as={`p`} css={{"color": "#ebdbb2", "fontFamily": "ComicCode", "fontSize": 24}}>
{`Shop`} {`Shop`}
</RadixThemesText> </RadixThemesText>
</NextLink>
</RadixThemesLink> </RadixThemesLink>
</RadixThemesFlex> </RadixThemesFlex>
</RadixThemesFlex> </RadixThemesFlex>
</RadixThemesBox> </RadixThemesBox>
<RadixThemesBox>
<RadixThemesFlex css={{"height": "100vh", "width": "100%", "display": "flex", "alignItems": "center", "justifyContent": "center"}}> <RadixThemesFlex css={{"height": "100vh", "width": "100%", "display": "flex", "alignItems": "center", "justifyContent": "center"}}>
<RadixThemesFlex align={`start`} direction={`column`} gap={`2`}> <RadixThemesFlex align={`start`} direction={`column`} gap={`2`}>
<motion.div animate={{"opacity": 1, "y": 0, "transition": {"duration": 0.5, "ease": "easeInOut"}}} initial={{"opacity": 0, "y": -50}} whileHover={{"scale": 1.1}}>
<RadixThemesHeading css={{"fontFamily": "ComicCode", "fontSize": 32, "color": "#ebdbb2"}} size={`9`}> <RadixThemesHeading css={{"fontFamily": "ComicCode", "fontSize": 32, "color": "#ebdbb2"}} size={`9`}>
{`Whoops, this page doesn't exist...`} {`Whoops, this page doesn't exist...`}
</RadixThemesHeading> </RadixThemesHeading>
<RadixThemesFlex css={{"flex": 1, "justifySelf": "stretch", "alignSelf": "stretch"}}/> </motion.div>
</RadixThemesFlex> </RadixThemesFlex>
</RadixThemesFlex> </RadixThemesFlex>
</RadixThemesBox>
<RadixThemesBox css={{"borderTop": "2px solid #ebdbb2;"}}> <RadixThemesBox css={{"borderTop": "2px solid #ebdbb2;"}}>
<RadixThemesFlex css={{"height": "15vh", "display": "flex", "alignItems": "center", "justifyContent": "center"}}> <RadixThemesFlex css={{"height": "15vh", "display": "flex", "alignItems": "center", "justifyContent": "center"}}>
<RadixThemesFlex align={`center`} direction={`column`} gap={`7`}> <RadixThemesFlex align={`center`} direction={`column`} gap={`7`}>
@@ -149,6 +148,8 @@ export default function Component() {
</RadixThemesFlex> </RadixThemesFlex>
</RadixThemesFlex> </RadixThemesFlex>
</RadixThemesBox> </RadixThemesBox>
</RadixThemesBox>
</motion.div>
</RadixThemesBox> </RadixThemesBox>
<NextHead> <NextHead>
<title> <title>

44
src/web/.web/pages/index.js
View File

@@ -8,14 +8,15 @@ import { WifiOffIcon as LucideWifiOffIcon } from "lucide-react"
import { keyframes } from "@emotion/react" import { keyframes } from "@emotion/react"
import { Box as RadixThemesBox, Dialog as RadixThemesDialog, Flex as RadixThemesFlex, Heading as RadixThemesHeading, Link as RadixThemesLink, Text as RadixThemesText } from "@radix-ui/themes" import { Box as RadixThemesBox, Dialog as RadixThemesDialog, Flex as RadixThemesFlex, Heading as RadixThemesHeading, Link as RadixThemesLink, Text as RadixThemesText } from "@radix-ui/themes"
import env from "/env.json" import env from "/env.json"
import { motion } from "framer-motion"
import NextLink from "next/link" import NextLink from "next/link"
import NextHead from "next/head" import NextHead from "next/head"
export function Fragment_966c0378eb9d65bdfb5286644be9b831 () { export function Fragment_e9a05c105aa9215aeba52aeec8fe2e76 () {
const [addEvents, connectErrors] = useContext(EventLoopContext);
const state = useContext(StateContexts.state) const state = useContext(StateContexts.state)
const [addEvents, connectErrors] = useContext(EventLoopContext);
return ( return (
@@ -33,6 +34,9 @@ export function Fragment_966c0378eb9d65bdfb5286644be9b831 () {
) )
} }
import { useIsPresent } from "framer-motion";
export function Fragment_14636cc997c0546c0967a25d8e600f96 () { export function Fragment_14636cc997c0546c0967a25d8e600f96 () {
const [addEvents, connectErrors] = useContext(EventLoopContext); const [addEvents, connectErrors] = useContext(EventLoopContext);
@@ -78,56 +82,48 @@ export default function Component() {
<Fragment> <Fragment>
<Fragment> <Fragment>
<div css={{"position": "fixed", "width": "100vw", "height": "0"}}> <div css={{"position": "fixed", "width": "100vw", "height": "0"}}>
<Fragment_966c0378eb9d65bdfb5286644be9b831/> <Fragment_e9a05c105aa9215aeba52aeec8fe2e76/>
</div> </div>
<Fragment_14636cc997c0546c0967a25d8e600f96/> <Fragment_14636cc997c0546c0967a25d8e600f96/>
</Fragment> </Fragment>
<RadixThemesBox>
<motion.div animate={{"opacity": 1, "y": 0, "transition": {"duration": 0.5, "ease": "easeInOut"}}} initial={{"opacity": 0, "y": -50}}>
<RadixThemesBox> <RadixThemesBox>
<RadixThemesBox> <RadixThemesBox>
<RadixThemesFlex css={{"display": "flex", "alignItems": "center", "justifyContent": "center"}} gap={`7`}> <RadixThemesFlex css={{"display": "flex", "alignItems": "center", "justifyContent": "center"}} gap={`7`}>
<RadixThemesFlex> <RadixThemesFlex>
<RadixThemesLink asChild={true} css={{"fontFamily": "ComicCode", "fontSize": 24, "color": "#000000", "textDecoration": "none", "&:hover": {"color": "#b8bb26"}}}> <RadixThemesLink css={{"fontFamily": "ComicCode", "fontSize": 24, "color": "#000000", "textDecoration": "none", "&:hover": {"color": "#b8bb26"}}}>
<NextLink href={`http://about.timmypidashev.localhost`} passHref={true}> <RadixThemesText as={`p`} css={{"href": "/about", "fontFamily": "ComicCode", "fontSize": 24, "color": "#ebdbb2"}}>
<RadixThemesText as={`p`} css={{"color": "#ebdbb2", "fontFamily": "ComicCode", "fontSize": 24}}>
{`About`} {`About`}
</RadixThemesText> </RadixThemesText>
</NextLink>
</RadixThemesLink> </RadixThemesLink>
</RadixThemesFlex> </RadixThemesFlex>
<RadixThemesFlex> <RadixThemesFlex>
<RadixThemesLink asChild={true} css={{"fontFamily": "ComicCode", "fontSize": 24, "color": "#000000", "textDecoration": "none", "&:hover": {"color": "#b8bb26"}}}> <RadixThemesLink css={{"fontFamily": "ComicCode", "fontSize": 24, "color": "#000000", "textDecoration": "none", "&:hover": {"color": "#b8bb26"}}}>
<NextLink href={`http://projects.timmypidashev.localhost`} passHref={true}> <RadixThemesText as={`p`} css={{"href": "/projects", "fontFamily": "ComicCode", "fontSize": 24, "color": "#ebdbb2"}}>
<RadixThemesText as={`p`} css={{"color": "#ebdbb2", "fontFamily": "ComicCode", "fontSize": 24}}>
{`Projects`} {`Projects`}
</RadixThemesText> </RadixThemesText>
</NextLink>
</RadixThemesLink> </RadixThemesLink>
</RadixThemesFlex> </RadixThemesFlex>
<RadixThemesFlex> <RadixThemesFlex>
<RadixThemesLink asChild={true} css={{"fontFamily": "ComicCode", "fontSize": 24, "color": "#000000", "textDecoration": "none", "&:hover": {"color": "#b8bb26"}}}> <RadixThemesLink css={{"fontFamily": "ComicCode", "fontSize": 24, "color": "#000000", "textDecoration": "none", "&:hover": {"color": "#b8bb26"}}}>
<NextLink href={`http://resume.timmypidashev.localhost`} passHref={true}> <RadixThemesText as={`p`} css={{"href": "/resume", "fontFamily": "ComicCode", "fontSize": 24, "color": "#ebdbb2"}}>
<RadixThemesText as={`p`} css={{"color": "#ebdbb2", "fontFamily": "ComicCode", "fontSize": 24}}>
{`Resume`} {`Resume`}
</RadixThemesText> </RadixThemesText>
</NextLink>
</RadixThemesLink> </RadixThemesLink>
</RadixThemesFlex> </RadixThemesFlex>
<RadixThemesFlex> <RadixThemesFlex>
<RadixThemesLink asChild={true} css={{"fontFamily": "ComicCode", "fontSize": 24, "color": "#000000", "textDecoration": "none", "&:hover": {"color": "#b8bb26"}}}> <RadixThemesLink css={{"fontFamily": "ComicCode", "fontSize": 24, "color": "#000000", "textDecoration": "none", "&:hover": {"color": "#b8bb26"}}}>
<NextLink href={`http://blog.timmypidashev.localhost`} passHref={true}> <RadixThemesText as={`p`} css={{"href": "/blog", "fontFamily": "ComicCode", "fontSize": 24, "color": "#ebdbb2"}}>
<RadixThemesText as={`p`} css={{"color": "#ebdbb2", "fontFamily": "ComicCode", "fontSize": 24}}>
{`Blog`} {`Blog`}
</RadixThemesText> </RadixThemesText>
</NextLink>
</RadixThemesLink> </RadixThemesLink>
</RadixThemesFlex> </RadixThemesFlex>
<RadixThemesFlex> <RadixThemesFlex>
<RadixThemesLink asChild={true} css={{"fontFamily": "ComicCode", "fontSize": 24, "color": "#000000", "textDecoration": "none", "&:hover": {"color": "#b8bb26"}}}> <RadixThemesLink css={{"fontFamily": "ComicCode", "fontSize": 24, "color": "#000000", "textDecoration": "none", "&:hover": {"color": "#b8bb26"}}}>
<NextLink href={`http://shop.timmypidashev.localhost`} passHref={true}> <RadixThemesText as={`p`} css={{"href": "shop", "fontFamily": "ComicCode", "fontSize": 24, "color": "#ebdbb2"}}>
<RadixThemesText as={`p`} css={{"color": "#ebdbb2", "fontFamily": "ComicCode", "fontSize": 24}}>
{`Shop`} {`Shop`}
</RadixThemesText> </RadixThemesText>
</NextLink>
</RadixThemesLink> </RadixThemesLink>
</RadixThemesFlex> </RadixThemesFlex>
</RadixThemesFlex> </RadixThemesFlex>
@@ -150,6 +146,8 @@ export default function Component() {
</RadixThemesFlex> </RadixThemesFlex>
</RadixThemesFlex> </RadixThemesFlex>
</RadixThemesBox> </RadixThemesBox>
</RadixThemesBox>
</motion.div>
</RadixThemesBox> </RadixThemesBox>
<NextHead> <NextHead>
<title> <title>

2
src/web/.web/reflex.install_frontend_packages.cached
View File

@@ -1 +1 @@
['@radix-ui/themes@^2.0.0', 'lucide-react@0.314.0'],{"app_name": "landing", "loglevel": "info", "frontend_port": 3000, "frontend_path": "", "backend_port": 8000, "api_url": "http://localhost:8000", "deploy_url": "http://localhost:3000", "backend_host": "0.0.0.0", "db_url": "sqlite:///reflex.db", "redis_url": null, "telemetry_enabled": true, "bun_path": "/home/timmy/.local/share/reflex/bun/bin/bun", "cors_allowed_origins": ["*"], "tailwind": {"content": ["./pages/**/*.{js,ts,jsx,tsx}", "./utils/**/*.{js,ts,jsx,tsx}"]}, "timeout": 120, "next_compression": true, "event_namespace": null, "frontend_packages": [], "cp_backend_url": "https://rxcp-prod-control-plane.fly.dev", "cp_web_url": "https://control-plane.reflex.run", "gunicorn_worker_class": "uvicorn.workers.UvicornH11Worker"} ['@radix-ui/themes@^2.0.0', 'framer-motion', 'lucide-react@0.314.0'],{"app_name": "web", "loglevel": "info", "frontend_port": 3000, "frontend_path": "", "backend_port": 8000, "api_url": "http://localhost:8000", "deploy_url": "http://localhost:3000", "backend_host": "0.0.0.0", "db_url": "sqlite:///reflex.db", "redis_url": null, "telemetry_enabled": true, "bun_path": "/home/timmy/.local/share/reflex/bun/bin/bun", "cors_allowed_origins": ["*"], "tailwind": {"content": ["./pages/**/*.{js,ts,jsx,tsx}", "./utils/**/*.{js,ts,jsx,tsx}"]}, "timeout": 120, "next_compression": true, "event_namespace": null, "frontend_packages": [], "cp_backend_url": "https://rxcp-prod-control-plane.fly.dev", "cp_web_url": "https://control-plane.reflex.run", "gunicorn_worker_class": "uvicorn.workers.UvicornH11Worker"}

2
src/web/.web/reflex.json
View File

@@ -1 +1 @@
{"version": "0.4.3", "project_hash": 133404493286750418693195899744043836434} {"version": "0.4.3", "project_hash": 133404493286750418693195899744043836434, "last_version_check_datetime": "2024-03-12 00:10:35.074745"}

12
src/web/.web/utils/context.js
View File

@@ -1,7 +1,7 @@
import { createContext, useContext, useMemo, useReducer, useState } from "react" import { createContext, useContext, useMemo, useReducer, useState } from "react"
import { applyDelta, Event, hydrateClientStorage, useEventLoop, refs } from "/utils/state.js" import { applyDelta, Event, hydrateClientStorage, useEventLoop, refs } from "/utils/state.js"
export const initialState = {"state": {"is_hydrated": false, "router": {"session": {"client_token": "", "client_ip": "", "session_id": ""}, "headers": {"host": "", "origin": "", "upgrade": "", "connection": "", "pragma": "", "cache_control": "", "user_agent": "", "sec_websocket_version": "", "sec_websocket_key": "", "sec_websocket_extensions": "", "accept_encoding": "", "accept_language": ""}, "page": {"host": "", "path": "", "raw_path": "", "full_path": "", "full_raw_path": "", "params": {}}}}, "state.on_load_internal_state": {}, "state.update_vars_internal_state": {}, "state.state": {}, "state.state.theme_state": {"current_theme": 0, "theme": {"background_color": "#282828"}, "themes": {"0": {"background_color": "#282828"}, "1": {"background_color": "#000000"}}}} export const initialState = {"state": {"is_hydrated": false, "router": {"session": {"client_token": "", "client_ip": "", "session_id": ""}, "headers": {"host": "", "origin": "", "upgrade": "", "connection": "", "pragma": "", "cache_control": "", "user_agent": "", "sec_websocket_version": "", "sec_websocket_key": "", "sec_websocket_extensions": "", "accept_encoding": "", "accept_language": ""}, "page": {"host": "", "path": "", "raw_path": "", "full_path": "", "full_raw_path": "", "params": {}}}}, "state.on_load_internal_state": {}, "state.state": {}, "state.state.theme_state": {"current_theme": 0, "theme": {"background_color": "#282828"}, "themes": {"0": {"background_color": "#282828"}, "1": {"background_color": "#000000"}}}, "state.update_vars_internal_state": {}}
export const defaultColorMode = "light" export const defaultColorMode = "light"
export const ColorModeContext = createContext(null); export const ColorModeContext = createContext(null);
@@ -10,9 +10,9 @@ export const DispatchContext = createContext(null);
export const StateContexts = { export const StateContexts = {
state: createContext(null), state: createContext(null),
state__on_load_internal_state: createContext(null), state__on_load_internal_state: createContext(null),
state__update_vars_internal_state: createContext(null),
state__state: createContext(null), state__state: createContext(null),
state__state__theme_state: createContext(null), state__state__theme_state: createContext(null),
state__update_vars_internal_state: createContext(null),
} }
export const EventLoopContext = createContext(null); export const EventLoopContext = createContext(null);
export const clientStorage = {"cookies": {}, "local_storage": {}} export const clientStorage = {"cookies": {}, "local_storage": {}}
@@ -81,31 +81,31 @@ export function EventLoopProvider({ children }) {
export function StateProvider({ children }) { export function StateProvider({ children }) {
const [state, dispatch_state] = useReducer(applyDelta, initialState["state"]) const [state, dispatch_state] = useReducer(applyDelta, initialState["state"])
const [state__on_load_internal_state, dispatch_state__on_load_internal_state] = useReducer(applyDelta, initialState["state.on_load_internal_state"]) const [state__on_load_internal_state, dispatch_state__on_load_internal_state] = useReducer(applyDelta, initialState["state.on_load_internal_state"])
const [state__update_vars_internal_state, dispatch_state__update_vars_internal_state] = useReducer(applyDelta, initialState["state.update_vars_internal_state"])
const [state__state, dispatch_state__state] = useReducer(applyDelta, initialState["state.state"]) const [state__state, dispatch_state__state] = useReducer(applyDelta, initialState["state.state"])
const [state__state__theme_state, dispatch_state__state__theme_state] = useReducer(applyDelta, initialState["state.state.theme_state"]) const [state__state__theme_state, dispatch_state__state__theme_state] = useReducer(applyDelta, initialState["state.state.theme_state"])
const [state__update_vars_internal_state, dispatch_state__update_vars_internal_state] = useReducer(applyDelta, initialState["state.update_vars_internal_state"])
const dispatchers = useMemo(() => { const dispatchers = useMemo(() => {
return { return {
"state": dispatch_state, "state": dispatch_state,
"state.on_load_internal_state": dispatch_state__on_load_internal_state, "state.on_load_internal_state": dispatch_state__on_load_internal_state,
"state.update_vars_internal_state": dispatch_state__update_vars_internal_state,
"state.state": dispatch_state__state, "state.state": dispatch_state__state,
"state.state.theme_state": dispatch_state__state__theme_state, "state.state.theme_state": dispatch_state__state__theme_state,
"state.update_vars_internal_state": dispatch_state__update_vars_internal_state,
} }
}, []) }, [])
return ( return (
<StateContexts.state.Provider value={ state }> <StateContexts.state.Provider value={ state }>
<StateContexts.state__on_load_internal_state.Provider value={ state__on_load_internal_state }> <StateContexts.state__on_load_internal_state.Provider value={ state__on_load_internal_state }>
<StateContexts.state__update_vars_internal_state.Provider value={ state__update_vars_internal_state }>
<StateContexts.state__state.Provider value={ state__state }> <StateContexts.state__state.Provider value={ state__state }>
<StateContexts.state__state__theme_state.Provider value={ state__state__theme_state }> <StateContexts.state__state__theme_state.Provider value={ state__state__theme_state }>
<StateContexts.state__update_vars_internal_state.Provider value={ state__update_vars_internal_state }>
<DispatchContext.Provider value={dispatchers}> <DispatchContext.Provider value={dispatchers}>
{children} {children}
</DispatchContext.Provider> </DispatchContext.Provider>
</StateContexts.state__update_vars_internal_state.Provider>
</StateContexts.state__state__theme_state.Provider> </StateContexts.state__state__theme_state.Provider>
</StateContexts.state__state.Provider> </StateContexts.state__state.Provider>
</StateContexts.state__update_vars_internal_state.Provider>
</StateContexts.state__on_load_internal_state.Provider> </StateContexts.state__on_load_internal_state.Provider>
</StateContexts.state.Provider> </StateContexts.state.Provider>
) )

48
src/web/Dockerfile.dev
View File

@@ -1,53 +1,15 @@
# Stage 1: init # This Dockerfile is used to deploy a simple single-container Reflex app instance.
FROM python:3.11 as init FROM python:3.11
# Copy local context to `/app` inside container (see .dockerignore) # Copy local context to `/app` inside container (see .dockerignore)
WORKDIR /app WORKDIR /app
COPY . . COPY . .
# Create virtualenv which will be copied into the final container # Install app requirements and reflex in the container
ENV VIRTUAL_ENV=/app/.venv
ENV PATH="$VIRTUAL_ENV/bin:$PATH"
RUN python3.11 -m venv $VIRTUAL_ENV
# Install app requirements and reflex inside virtualenv
RUN pip install -r requirements.txt RUN pip install -r requirements.txt
# Deploy templates and prepare app # Deploy templates and prepare app
RUN reflex init RUN reflex init
# Export static copy of frontend to /app/.web/_static # Always apply migrations before starting the backend.
RUN echo "Exporting reflex app to shrink the docker image size, not actually a prod build." CMD reflex run --env dev
RUN reflex export --frontend-only --no-zip
# Copy static files out of /app to save space in backend image
RUN mv .web/_static /tmp/_static
RUN rm -rf .web && mkdir .web
RUN mv /tmp/_static .web/_static
# Stage 2: copy artifacts into slim image
FROM python:3.11-slim
WORKDIR /app
RUN adduser --disabled-password --home /app reflex
# Install Node.js and unzip
RUN apt-get update && apt-get install -y nodejs unzip curl && curl -fsSL https://bun.sh/install | bash
# Copy only the necessary files from the "init" stage
COPY --chown=reflex --from=init /app/.venv /app/.venv
COPY --chown=reflex --from=init /app/requirements.txt /app/requirements.txt
COPY --chown=reflex --from=init /app /app
# Change the ownership and permissions of /app/.local
USER root
RUN mkdir -p /app
RUN chown -R reflex /app
USER reflex
# Activate the virtual environment and install application requirements
ENV PATH="/app/.venv/bin:$PATH"
RUN python3.11 -m venv /app/.venv
RUN /app/.venv/bin/pip install -r /app/requirements.txt
# The following lines are for the specific command for the application.
CMD reflex init && reflex run --env dev

10
src/web/web/components/navbar.py
View File

@@ -6,27 +6,27 @@ def navbar():
rx.center( rx.center(
rx.flex( rx.flex(
rx.link( rx.link(
rx.text("About", color=color["white"]), href="/about" rx.text("About", href="/about")
) )
), ),
rx.flex( rx.flex(
rx.link( rx.link(
rx.text("Projects", color=color["white"]), href="/projects" rx.text("Projects", href="/projects")
) )
), ),
rx.flex( rx.flex(
rx.link( rx.link(
rx.text("Resume", color=color["white"]), href="/resume" rx.text("Resume", href="/resume")
) )
), ),
rx.flex( rx.flex(
rx.link( rx.link(
rx.text("Blog", color=color["white"]), href="/blog" rx.text("Blog", href="/blog")
) )
), ),
rx.flex( rx.flex(
rx.link( rx.link(
rx.text("Shop", color=color["white"]), href="shop" rx.text("Shop", href="shop")
) )
), ),
spacing="7", spacing="7",