diff --git a/.dockerignore b/.dockerignore
new file mode 100644
index 0000000..f4796c2
--- /dev/null
+++ b/.dockerignore
@@ -0,0 +1,2 @@
+.web
+__pycache__/*
\ No newline at end of file
diff --git a/.drone.jsonnet b/.drone.jsonnet
new file mode 100644
index 0000000..8846628
--- /dev/null
+++ b/.drone.jsonnet
@@ -0,0 +1,68 @@
+[
+ {
+ kind: 'pipeline',
+ type: 'docker',
+ name: 'reflex-ipad',
+ steps: [
+ {
+ name: 'builder',
+ image: 'plugins/docker',
+ settings: {
+ tags: ['builder'],
+ dockerfile: 'Dockerfile.builder',
+ registry: 'gitea.pb42.de',
+ repo: 'gitea.pb42.de/matthias/reflex-ipad',
+ config: { from_secret: 'dockerconfigjson' },
+ },
+ },
+ {
+ name: 'frontend-builder',
+ image: 'gitea.pb42.de/matthias/reflex-ipad',
+ commands:[
+ 'reflex export --frontend-only --no-zip',
+ 'mv .web/_static /drone/src/web',
+ ],
+ depends_on: [
+ 'builder'
+ ],
+ },
+ {
+ name: 'backend',
+ image: 'plugins/docker',
+ settings: {
+ tags: ['backend-latest'],
+ dockerfile: 'Dockerfile.backend',
+ registry: 'gitea.pb42.de',
+ repo: 'gitea.pb42.de/matthias/reflex-ipad',
+ config: { from_secret: 'dockerconfigjson' },
+ build_args: ['API_URL=https://ipad.pb42.de/api'],
+ },
+ depends_on: [
+ 'builder'
+ ],
+ },
+ {
+ name: "deploy_web",
+ image: "appleboy/drone-scp",
+ settings: {
+ host: "pb42.de",
+ target: "/",
+ source: "web/*",
+ username: {
+ from_secret: "deploy_username",
+ },
+ password: {
+ from_secret: "deploy_password",
+ },
+ port: 42022,
+ },
+ depends_on: [
+ 'frontend'
+ ],
+ },
+ ]
+ trigger: { event: ['push'] },
+ image_pull_secrets: ['dockerconfigjson'],
+ },
+]
+
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..859c1ea
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,6 @@
+*.db
+*.py[cod]
+.web
+__pycache__/
+venv
+
diff --git a/Caddy.Dockerfile b/Caddy.Dockerfile
new file mode 100644
index 0000000..557d22f
--- /dev/null
+++ b/Caddy.Dockerfile
@@ -0,0 +1,4 @@
+FROM library/caddy
+
+COPY --from=local/reflex-app /app/.web/_static /srv
+ADD Caddyfile /etc/caddy/Caddyfile
\ No newline at end of file
diff --git a/Caddyfile b/Caddyfile
new file mode 100644
index 0000000..275140b
--- /dev/null
+++ b/Caddyfile
@@ -0,0 +1,14 @@
+{$DOMAIN}
+
+encode gzip
+
+@backend_routes path /_event/* /_upload /ping
+handle @backend_routes {
+ reverse_proxy app:8000
+}
+
+root * /srv
+route {
+ try_files {path} {path}/ /404.html
+ file_server
+}
diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000..16e2384
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,22 @@
+# Stage 1: init
+FROM python:3.11 as init
+
+# Pass `--build-arg API_URL=http://app.example.com:8000` during build
+ARG API_URL
+
+# Copy local context to `/app` inside container (see .dockerignore)
+WORKDIR /app
+COPY requirements.txt .
+
+# Create virtualenv which will be copied into final 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
+
+COPY . .
+
+# Deploy templates and prepare app
+RUN reflex init
diff --git a/Dockerfile.backend b/Dockerfile.backend
new file mode 100644
index 0000000..69e48e8
--- /dev/null
+++ b/Dockerfile.backend
@@ -0,0 +1,10 @@
+FROM python:3.11-slim
+ARG API_URL
+WORKDIR /app
+RUN adduser --disabled-password --home /app reflex
+COPY --chown=reflex --from=gitea.pb42.de/matthias/reflex-ipad:builder /app /app
+COPY --chown=reflex deploy/* .
+USER reflex
+ENV PATH="/app/.venv/bin:$PATH" API_URL=$API_URL
+
+CMD reflex db migrate && reflex run --env prod --backend-only
diff --git a/Dockerfile.builder b/Dockerfile.builder
new file mode 100644
index 0000000..16e2384
--- /dev/null
+++ b/Dockerfile.builder
@@ -0,0 +1,22 @@
+# Stage 1: init
+FROM python:3.11 as init
+
+# Pass `--build-arg API_URL=http://app.example.com:8000` during build
+ARG API_URL
+
+# Copy local context to `/app` inside container (see .dockerignore)
+WORKDIR /app
+COPY requirements.txt .
+
+# Create virtualenv which will be copied into final 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
+
+COPY . .
+
+# Deploy templates and prepare app
+RUN reflex init
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..83180c8
--- /dev/null
+++ b/README.md
@@ -0,0 +1,9 @@
+# Reflex IPAD
+
+This is a small webinterface for several usages.
+
+## Medicine
+
+- Log medicine
+- get reminder if not taken
+-
diff --git a/alembic.ini b/alembic.ini
new file mode 100644
index 0000000..c10d4ca
--- /dev/null
+++ b/alembic.ini
@@ -0,0 +1,116 @@
+# A generic, single database configuration.
+
+[alembic]
+# path to migration scripts
+script_location = alembic
+
+# template used to generate migration file names; The default value is %%(rev)s_%%(slug)s
+# Uncomment the line below if you want the files to be prepended with date and time
+# see https://alembic.sqlalchemy.org/en/latest/tutorial.html#editing-the-ini-file
+# for all available tokens
+# file_template = %%(year)d_%%(month).2d_%%(day).2d_%%(hour).2d%%(minute).2d-%%(rev)s_%%(slug)s
+
+# sys.path path, will be prepended to sys.path if present.
+# defaults to the current working directory.
+prepend_sys_path = .
+
+# timezone to use when rendering the date within the migration file
+# as well as the filename.
+# If specified, requires the python>=3.9 or backports.zoneinfo library.
+# Any required deps can installed by adding `alembic[tz]` to the pip requirements
+# string value is passed to ZoneInfo()
+# leave blank for localtime
+# timezone =
+
+# max length of characters to apply to the
+# "slug" field
+# truncate_slug_length = 40
+
+# set to 'true' to run the environment during
+# the 'revision' command, regardless of autogenerate
+# revision_environment = false
+
+# set to 'true' to allow .pyc and .pyo files without
+# a source .py file to be detected as revisions in the
+# versions/ directory
+# sourceless = false
+
+# version location specification; This defaults
+# to alembic/versions. When using multiple version
+# directories, initial revisions must be specified with --version-path.
+# The path separator used here should be the separator specified by "version_path_separator" below.
+# version_locations = %(here)s/bar:%(here)s/bat:alembic/versions
+
+# version path separator; As mentioned above, this is the character used to split
+# version_locations. The default within new alembic.ini files is "os", which uses os.pathsep.
+# If this key is omitted entirely, it falls back to the legacy behavior of splitting on spaces and/or commas.
+# Valid values for version_path_separator are:
+#
+# version_path_separator = :
+# version_path_separator = ;
+# version_path_separator = space
+version_path_separator = os # Use os.pathsep. Default configuration used for new projects.
+
+# set to 'true' to search source files recursively
+# in each "version_locations" directory
+# new in Alembic version 1.10
+# recursive_version_locations = false
+
+# the output encoding used when revision files
+# are written from script.py.mako
+# output_encoding = utf-8
+
+sqlalchemy.url = driver://user:pass@localhost/dbname
+
+
+[post_write_hooks]
+# post_write_hooks defines scripts or Python functions that are run
+# on newly generated revision scripts. See the documentation for further
+# detail and examples
+
+# format using "black" - use the console_scripts runner, against the "black" entrypoint
+# hooks = black
+# black.type = console_scripts
+# black.entrypoint = black
+# black.options = -l 79 REVISION_SCRIPT_FILENAME
+
+# lint with attempts to fix using "ruff" - use the exec runner, execute a binary
+# hooks = ruff
+# ruff.type = exec
+# ruff.executable = %(here)s/.venv/bin/ruff
+# ruff.options = --fix REVISION_SCRIPT_FILENAME
+
+# Logging configuration
+[loggers]
+keys = root,sqlalchemy,alembic
+
+[handlers]
+keys = console
+
+[formatters]
+keys = generic
+
+[logger_root]
+level = WARN
+handlers = console
+qualname =
+
+[logger_sqlalchemy]
+level = WARN
+handlers =
+qualname = sqlalchemy.engine
+
+[logger_alembic]
+level = INFO
+handlers =
+qualname = alembic
+
+[handler_console]
+class = StreamHandler
+args = (sys.stderr,)
+level = NOTSET
+formatter = generic
+
+[formatter_generic]
+format = %(levelname)-5.5s [%(name)s] %(message)s
+datefmt = %H:%M:%S
diff --git a/alembic/README b/alembic/README
new file mode 100644
index 0000000..98e4f9c
--- /dev/null
+++ b/alembic/README
@@ -0,0 +1 @@
+Generic single-database configuration.
\ No newline at end of file
diff --git a/alembic/env.py b/alembic/env.py
new file mode 100644
index 0000000..36112a3
--- /dev/null
+++ b/alembic/env.py
@@ -0,0 +1,78 @@
+from logging.config import fileConfig
+
+from sqlalchemy import engine_from_config
+from sqlalchemy import pool
+
+from alembic import context
+
+# this is the Alembic Config object, which provides
+# access to the values within the .ini file in use.
+config = context.config
+
+# Interpret the config file for Python logging.
+# This line sets up loggers basically.
+if config.config_file_name is not None:
+ fileConfig(config.config_file_name)
+
+# add your model's MetaData object here
+# for 'autogenerate' support
+# from myapp import mymodel
+# target_metadata = mymodel.Base.metadata
+target_metadata = None
+
+# other values from the config, defined by the needs of env.py,
+# can be acquired:
+# my_important_option = config.get_main_option("my_important_option")
+# ... etc.
+
+
+def run_migrations_offline() -> None:
+ """Run migrations in 'offline' mode.
+
+ This configures the context with just a URL
+ and not an Engine, though an Engine is acceptable
+ here as well. By skipping the Engine creation
+ we don't even need a DBAPI to be available.
+
+ Calls to context.execute() here emit the given string to the
+ script output.
+
+ """
+ url = config.get_main_option("sqlalchemy.url")
+ context.configure(
+ url=url,
+ target_metadata=target_metadata,
+ literal_binds=True,
+ dialect_opts={"paramstyle": "named"},
+ )
+
+ with context.begin_transaction():
+ context.run_migrations()
+
+
+def run_migrations_online() -> None:
+ """Run migrations in 'online' mode.
+
+ In this scenario we need to create an Engine
+ and associate a connection with the context.
+
+ """
+ connectable = engine_from_config(
+ config.get_section(config.config_ini_section, {}),
+ prefix="sqlalchemy.",
+ poolclass=pool.NullPool,
+ )
+
+ with connectable.connect() as connection:
+ context.configure(
+ connection=connection, target_metadata=target_metadata
+ )
+
+ with context.begin_transaction():
+ context.run_migrations()
+
+
+if context.is_offline_mode():
+ run_migrations_offline()
+else:
+ run_migrations_online()
diff --git a/alembic/script.py.mako b/alembic/script.py.mako
new file mode 100644
index 0000000..fbc4b07
--- /dev/null
+++ b/alembic/script.py.mako
@@ -0,0 +1,26 @@
+"""${message}
+
+Revision ID: ${up_revision}
+Revises: ${down_revision | comma,n}
+Create Date: ${create_date}
+
+"""
+from typing import Sequence, Union
+
+from alembic import op
+import sqlalchemy as sa
+${imports if imports else ""}
+
+# revision identifiers, used by Alembic.
+revision: str = ${repr(up_revision)}
+down_revision: Union[str, None] = ${repr(down_revision)}
+branch_labels: Union[str, Sequence[str], None] = ${repr(branch_labels)}
+depends_on: Union[str, Sequence[str], None] = ${repr(depends_on)}
+
+
+def upgrade() -> None:
+ ${upgrades if upgrades else "pass"}
+
+
+def downgrade() -> None:
+ ${downgrades if downgrades else "pass"}
diff --git a/alembic/versions/44b022dca7ce_.py b/alembic/versions/44b022dca7ce_.py
new file mode 100644
index 0000000..9f97a18
--- /dev/null
+++ b/alembic/versions/44b022dca7ce_.py
@@ -0,0 +1,39 @@
+"""empty message
+
+Revision ID: 44b022dca7ce
+Revises: d64b9935ffd3
+Create Date: 2024-01-01 16:46:40.302737
+
+"""
+from typing import Sequence, Union
+
+from alembic import op
+import sqlalchemy as sa
+import sqlmodel
+
+# revision identifiers, used by Alembic.
+revision: str = '44b022dca7ce'
+down_revision: Union[str, None] = 'd64b9935ffd3'
+branch_labels: Union[str, Sequence[str], None] = None
+depends_on: Union[str, Sequence[str], None] = None
+
+
+def upgrade() -> None:
+ # ### commands auto generated by Alembic - please adjust! ###
+ op.create_table('scan',
+ sa.Column('id', sa.Integer(), nullable=False),
+ sa.Column('uuid', sqlmodel.sql.sqltypes.AutoString(), nullable=False),
+ sa.Column('timestamp', sa.Integer(), nullable=False),
+ sa.PrimaryKeyConstraint('id')
+ )
+ op.create_index(op.f('ix_scan_timestamp'), 'scan', ['timestamp'], unique=False)
+ op.create_index(op.f('ix_scan_uuid'), 'scan', ['uuid'], unique=False)
+ # ### end Alembic commands ###
+
+
+def downgrade() -> None:
+ # ### commands auto generated by Alembic - please adjust! ###
+ op.drop_index(op.f('ix_scan_uuid'), table_name='scan')
+ op.drop_index(op.f('ix_scan_timestamp'), table_name='scan')
+ op.drop_table('scan')
+ # ### end Alembic commands ###
diff --git a/alembic/versions/5faf3b4df7ee_.py b/alembic/versions/5faf3b4df7ee_.py
new file mode 100644
index 0000000..68dc9bb
--- /dev/null
+++ b/alembic/versions/5faf3b4df7ee_.py
@@ -0,0 +1,30 @@
+"""empty message
+
+Revision ID: 5faf3b4df7ee
+Revises: 44b022dca7ce
+Create Date: 2024-01-02 14:01:13.882740
+
+"""
+from typing import Sequence, Union
+
+from alembic import op
+import sqlalchemy as sa
+import sqlmodel
+
+# revision identifiers, used by Alembic.
+revision: str = '5faf3b4df7ee'
+down_revision: Union[str, None] = '44b022dca7ce'
+branch_labels: Union[str, Sequence[str], None] = None
+depends_on: Union[str, Sequence[str], None] = None
+
+
+def upgrade() -> None:
+ # ### commands auto generated by Alembic - please adjust! ###
+ op.add_column('medicine', sa.Column('cron', sqlmodel.sql.sqltypes.AutoString(), nullable=True))
+ # ### end Alembic commands ###
+
+
+def downgrade() -> None:
+ # ### commands auto generated by Alembic - please adjust! ###
+ op.drop_column('medicine', 'cron')
+ # ### end Alembic commands ###
diff --git a/alembic/versions/b21476e11a57_.py b/alembic/versions/b21476e11a57_.py
new file mode 100644
index 0000000..b687582
--- /dev/null
+++ b/alembic/versions/b21476e11a57_.py
@@ -0,0 +1,54 @@
+"""empty message
+
+Revision ID: b21476e11a57
+Revises:
+Create Date: 2024-01-01 14:11:31.822410
+
+"""
+from typing import Sequence, Union
+
+from alembic import op
+import sqlalchemy as sa
+import sqlmodel
+
+# revision identifiers, used by Alembic.
+revision: str = 'b21476e11a57'
+down_revision: Union[str, None] = None
+branch_labels: Union[str, Sequence[str], None] = None
+depends_on: Union[str, Sequence[str], None] = None
+
+
+def upgrade() -> None:
+ # ### commands auto generated by Alembic - please adjust! ###
+ op.create_table('owner',
+ sa.Column('id', sa.Integer(), nullable=False),
+ sa.Column('name', sqlmodel.sql.sqltypes.AutoString(), nullable=False),
+ sa.PrimaryKeyConstraint('id')
+ )
+ op.create_table('medicine',
+ sa.Column('id', sa.Integer(), nullable=False),
+ sa.Column('name', sqlmodel.sql.sqltypes.AutoString(), nullable=False),
+ sa.Column('owner_id', sa.Integer(), nullable=True),
+ sa.Column('pzn', sqlmodel.sql.sqltypes.AutoString(), nullable=False),
+ sa.Column('uuid', sqlmodel.sql.sqltypes.AutoString(), nullable=False),
+ sa.ForeignKeyConstraint(['owner_id'], ['owner.id'], ),
+ sa.PrimaryKeyConstraint('id')
+ )
+ op.create_index(op.f('ix_medicine_uuid'), 'medicine', ['uuid'], unique=False)
+ op.create_table('medicinelog',
+ sa.Column('id', sa.Integer(), nullable=False),
+ sa.Column('medicine_id', sa.Integer(), nullable=True),
+ sa.Column('timestamp', sa.Integer(), nullable=False),
+ sa.ForeignKeyConstraint(['medicine_id'], ['medicine.id'], ),
+ sa.PrimaryKeyConstraint('id')
+ )
+ # ### end Alembic commands ###
+
+
+def downgrade() -> None:
+ # ### commands auto generated by Alembic - please adjust! ###
+ op.drop_table('medicinelog')
+ op.drop_index(op.f('ix_medicine_uuid'), table_name='medicine')
+ op.drop_table('medicine')
+ op.drop_table('owner')
+ # ### end Alembic commands ###
diff --git a/alembic/versions/d64b9935ffd3_.py b/alembic/versions/d64b9935ffd3_.py
new file mode 100644
index 0000000..130c731
--- /dev/null
+++ b/alembic/versions/d64b9935ffd3_.py
@@ -0,0 +1,30 @@
+"""empty message
+
+Revision ID: d64b9935ffd3
+Revises: b21476e11a57
+Create Date: 2024-01-01 16:24:12.182247
+
+"""
+from typing import Sequence, Union
+
+from alembic import op
+import sqlalchemy as sa
+import sqlmodel
+
+# revision identifiers, used by Alembic.
+revision: str = 'd64b9935ffd3'
+down_revision: Union[str, None] = 'b21476e11a57'
+branch_labels: Union[str, Sequence[str], None] = None
+depends_on: Union[str, Sequence[str], None] = None
+
+
+def upgrade() -> None:
+ # ### commands auto generated by Alembic - please adjust! ###
+ op.add_column('medicine', sa.Column('package_size', sa.Integer(), nullable=True))
+ # ### end Alembic commands ###
+
+
+def downgrade() -> None:
+ # ### commands auto generated by Alembic - please adjust! ###
+ op.drop_column('medicine', 'package_size')
+ # ### end Alembic commands ###
diff --git a/assets/favicon.ico b/assets/favicon.ico
new file mode 100644
index 0000000..166ae99
Binary files /dev/null and b/assets/favicon.ico differ
diff --git a/assets/github.svg b/assets/github.svg
new file mode 100644
index 0000000..61c9d79
--- /dev/null
+++ b/assets/github.svg
@@ -0,0 +1,10 @@
+
diff --git a/assets/icon.svg b/assets/icon.svg
new file mode 100644
index 0000000..b9cc89d
--- /dev/null
+++ b/assets/icon.svg
@@ -0,0 +1,37 @@
+
diff --git a/assets/logo.svg b/assets/logo.svg
new file mode 100644
index 0000000..94fe1f5
--- /dev/null
+++ b/assets/logo.svg
@@ -0,0 +1,68 @@
+
diff --git a/assets/paneleft.svg b/assets/paneleft.svg
new file mode 100644
index 0000000..ac9c504
--- /dev/null
+++ b/assets/paneleft.svg
@@ -0,0 +1,13 @@
+
diff --git a/compose.yaml b/compose.yaml
new file mode 100644
index 0000000..e312f06
--- /dev/null
+++ b/compose.yaml
@@ -0,0 +1,20 @@
+# During build and run, set environment DOMAIN pointing
+# to publicly accessible domain where app will be hosted
+services:
+ app:
+ image: local/reflex-app
+ build:
+ context: .
+ args:
+ API_URL: https://${DOMAIN:-localhost}
+
+ webserver:
+ environment:
+ DOMAIN: ${DOMAIN:-localhost}
+ ports:
+ - 80:80 # for acme-challenge via HTTP
+ build:
+ context: .
+ dockerfile: Caddy.Dockerfile
+ depends_on:
+ - app
diff --git a/deploy/rxconfig.py b/deploy/rxconfig.py
new file mode 100644
index 0000000..bc606a6
--- /dev/null
+++ b/deploy/rxconfig.py
@@ -0,0 +1,7 @@
+import reflex as rx
+
+config = rx.Config(
+ app_name="reflex_ipad",
+ db_url="postgresql://ipad:uizJOcDZR3qKLUJuAeSr8WG8onJ1vsUQB2zgE5NIKcpLGT5EF3x7JBkPs@db:5432/ipad",
+ env=rx.Env.prod,
+)
diff --git a/docker_compose.yml b/docker_compose.yml
new file mode 100644
index 0000000..8b82897
--- /dev/null
+++ b/docker_compose.yml
@@ -0,0 +1,17 @@
+services:
+ app:
+ image: gitea.pb42.de/matthias/reflex-ipad:latest
+ force_pull: true
+
+ db:
+ image: postgres:16
+ restart: always
+ environment:
+ - POSTGRES_USER=ipad
+ - POSTGRES_PASSWORD=uizJOcDZR3qKLUJuAeSr8WG8onJ1vsUQB2zgE5NIKcpLGT5EF3x7JBkPs
+ - POSTGRES_DB=ipad
+ networks:
+ - gitea2
+ volumes:
+ - /var/docker/ipad/db/data:/var/lib/postgresql/data
+ shm_size: 256mb
diff --git a/reflex_ipad/__init__.py b/reflex_ipad/__init__.py
new file mode 100644
index 0000000..e1d2863
--- /dev/null
+++ b/reflex_ipad/__init__.py
@@ -0,0 +1 @@
+"""Base template for Reflex."""
diff --git a/reflex_ipad/api/__init__.py b/reflex_ipad/api/__init__.py
new file mode 100644
index 0000000..5a840c2
--- /dev/null
+++ b/reflex_ipad/api/__init__.py
@@ -0,0 +1,6 @@
+from . import medicine
+from . import scan
+
+def register_at(app):
+ medicine.register_at(app)
+ scan.register_at(app)
diff --git a/reflex_ipad/api/medicine.py b/reflex_ipad/api/medicine.py
new file mode 100644
index 0000000..66e7400
--- /dev/null
+++ b/reflex_ipad/api/medicine.py
@@ -0,0 +1,13 @@
+import reflex as rx
+from reflex_ipad.models import *
+from sqlmodel import Field, Session, SQLModel, create_engine, select
+
+async def medicine_scan(uuid: str):
+ with rx.session() as session:
+ statement = select(Medicine).where(Medicine.uuid == uuid)
+ results = session.exec(statement)
+ med = results.first()
+ return med
+
+def register_at(app):
+ app.api.add_api_route("/medicine/scan/{uuid}", medicine_scan)
diff --git a/reflex_ipad/api/scan.py b/reflex_ipad/api/scan.py
new file mode 100644
index 0000000..722bbee
--- /dev/null
+++ b/reflex_ipad/api/scan.py
@@ -0,0 +1,17 @@
+
+import reflex as rx
+from reflex_ipad.models import *
+from sqlmodel import Field, Session, SQLModel, create_engine, select
+import time
+
+async def scan(uuid: str):
+ print(uuid)
+ with rx.session() as session:
+ scan = Scan(uuid=uuid, timestamp=time.time())
+ session.add(scan)
+ session.commit()
+ return scan.as_dict()
+
+def register_at(app):
+ print("register scan")
+ app.api.add_api_route("/scan/{uuid}", scan)
diff --git a/reflex_ipad/components/__init__.py b/reflex_ipad/components/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/reflex_ipad/components/sidebar.py b/reflex_ipad/components/sidebar.py
new file mode 100644
index 0000000..e9947eb
--- /dev/null
+++ b/reflex_ipad/components/sidebar.py
@@ -0,0 +1,119 @@
+"""Sidebar component for the app."""
+
+from reflex_ipad import styles
+
+import reflex as rx
+
+
+def sidebar_header() -> rx.Component:
+ """Sidebar header.
+
+ Returns:
+ The sidebar header component.
+ """
+ return rx.hstack(
+ # The logo.
+ rx.heading("Hallo"),
+ width="100%",
+ border_bottom=styles.border,
+ padding="1em",
+ )
+
+
+def sidebar_footer() -> rx.Component:
+ """Sidebar footer.
+
+ Returns:
+ The sidebar footer component.
+ """
+ return rx.hstack(
+ rx.spacer(),
+ width="100%",
+ border_top=styles.border,
+ padding="1em",
+ )
+
+
+def sidebar_item(text: str, icon: str, url: str) -> rx.Component:
+ """Sidebar item.
+
+ Args:
+ text: The text of the item.
+ icon: The icon of the item.
+ url: The URL of the item.
+
+ Returns:
+ rx.Component: The sidebar item component.
+ """
+ # Whether the item is active.
+ active = (rx.State.router.page.path == f"/{text.lower()}") | (
+ (rx.State.router.page.path == "/") & text == "Home"
+ )
+
+ return rx.link(
+ rx.hstack(
+ rx.image(
+ src=icon,
+ height="2.5em",
+ padding="0.5em",
+ ),
+ rx.text(
+ text,
+ ),
+ bg=rx.cond(
+ active,
+ styles.accent_color,
+ "transparent",
+ ),
+ color=rx.cond(
+ active,
+ styles.accent_text_color,
+ styles.text_color,
+ ),
+ border_radius=styles.border_radius,
+ box_shadow=styles.box_shadow,
+ width="100%",
+ padding_x="1em",
+ ),
+ href=url,
+ width="100%",
+ )
+
+
+def sidebar() -> rx.Component:
+ """The sidebar.
+
+ Returns:
+ The sidebar component.
+ """
+ # Get all the decorated pages and add them to the sidebar.
+ from reflex.page import get_decorated_pages
+
+ return rx.box(
+ rx.vstack(
+ sidebar_header(),
+ rx.vstack(
+ *[
+ sidebar_item(
+ text=page.get("title", page["route"].strip("/").capitalize()),
+ icon=page.get("image", "/github.svg"),
+ url=page["route"],
+ )
+ for page in get_decorated_pages()
+ ],
+ width="100%",
+ overflow_y="auto",
+ align_items="flex-start",
+ padding="1em",
+ ),
+ rx.spacer(),
+ sidebar_footer(),
+ height="100dvh",
+ ),
+ display=["none", "none", "block"],
+ min_width=styles.sidebar_width,
+ height="100%",
+ position="sticky",
+ top="0px",
+ border_right=styles.border,
+ )
diff --git a/reflex_ipad/models/__init__.py b/reflex_ipad/models/__init__.py
new file mode 100644
index 0000000..9b8123e
--- /dev/null
+++ b/reflex_ipad/models/__init__.py
@@ -0,0 +1,2 @@
+from .medicine import *
+from .scan import *
diff --git a/reflex_ipad/models/base.py b/reflex_ipad/models/base.py
new file mode 100644
index 0000000..c0216a4
--- /dev/null
+++ b/reflex_ipad/models/base.py
@@ -0,0 +1,6 @@
+import reflex as rx
+
+
+class BaseModel(rx.Model):
+ def as_dict(self):
+ return {c.name: getattr(self, c.name) for c in self.__table__.columns}
diff --git a/reflex_ipad/models/medicine.py b/reflex_ipad/models/medicine.py
new file mode 100644
index 0000000..15032bb
--- /dev/null
+++ b/reflex_ipad/models/medicine.py
@@ -0,0 +1,29 @@
+import reflex as rx
+from typing import Optional, List
+
+from sqlmodel import Field, Session, SQLModel, create_engine, select, Relationship
+
+
+class Owner(rx.Model, table=True):
+ id: Optional[int] = Field(default=None, primary_key=True)
+ name: str
+ medicines: List["Medicine"] = Relationship(back_populates="owner")
+
+
+class Medicine(rx.Model, table=True):
+ id: Optional[int] = Field(default=None, primary_key=True)
+ name: str
+ owner_id: int = Field(default=None, foreign_key="owner.id")
+ owner: Owner = Relationship(back_populates="medicines")
+ pzn: str
+ package_size: Optional[int] = Field(default=None)
+ uuid: str = Field(index=True)
+ log: List["MedicineLog"] = Relationship(back_populates="medicine")
+ cron: Optional[str] = Field(default=None)
+
+
+class MedicineLog(rx.Model, table=True):
+ id: Optional[int] = Field(default=None, primary_key=True)
+ medicine_id: Optional[int] = Field(default=None, foreign_key="medicine.id")
+ medicine: Optional[Medicine] = Relationship(back_populates="log")
+ timestamp: int
diff --git a/reflex_ipad/models/scan.py b/reflex_ipad/models/scan.py
new file mode 100644
index 0000000..c035918
--- /dev/null
+++ b/reflex_ipad/models/scan.py
@@ -0,0 +1,11 @@
+import reflex as rx
+from .base import *
+from typing import Optional, List
+
+from sqlmodel import Field, Session, SQLModel, create_engine, select, Relationship
+
+
+class Scan(BaseModel, table=True):
+ id: Optional[int] = Field(default=None, primary_key=True)
+ uuid: str = Field(index=True)
+ timestamp: int = Field(index=True)
diff --git a/reflex_ipad/pages/__init__.py b/reflex_ipad/pages/__init__.py
new file mode 100644
index 0000000..e616333
--- /dev/null
+++ b/reflex_ipad/pages/__init__.py
@@ -0,0 +1,6 @@
+from .dashboard import dashboard
+from .index import index
+from .settings import settings
+from .medicine import medicine
+
+
diff --git a/reflex_ipad/pages/dashboard.py b/reflex_ipad/pages/dashboard.py
new file mode 100644
index 0000000..57e35b4
--- /dev/null
+++ b/reflex_ipad/pages/dashboard.py
@@ -0,0 +1,21 @@
+"""The dashboard page."""
+from reflex_ipad.templates import template
+
+import reflex as rx
+
+
+@template(route="/dashboard", title="Dashboard")
+def dashboard() -> rx.Component:
+ """The dashboard page.
+
+ Returns:
+ The UI for the dashboard page.
+ """
+ return rx.vstack(
+ rx.heading("Dashboard", font_size="3em"),
+ rx.text("Welcome to Reflex!"),
+ rx.text(
+ "You can edit this page in ",
+ rx.code("{your_app}/pages/dashboard.py"),
+ ),
+ )
diff --git a/reflex_ipad/pages/index.py b/reflex_ipad/pages/index.py
new file mode 100644
index 0000000..836880b
--- /dev/null
+++ b/reflex_ipad/pages/index.py
@@ -0,0 +1,18 @@
+"""The home page of the app."""
+
+from reflex_ipad import styles
+from reflex_ipad.templates import template
+
+import reflex as rx
+
+
+@template(route="/", title="Home", image="/github.svg")
+def index() -> rx.Component:
+ """The home page.
+
+ Returns:
+ The UI for the home page.
+ """
+ with open("README.md", encoding="utf-8") as readme:
+ content = readme.read()
+ return rx.markdown(content, component_map=styles.markdown_style)
diff --git a/reflex_ipad/pages/medicine.py b/reflex_ipad/pages/medicine.py
new file mode 100644
index 0000000..104c006
--- /dev/null
+++ b/reflex_ipad/pages/medicine.py
@@ -0,0 +1,246 @@
+"""The meds page."""
+from reflex_ipad import styles
+from reflex_ipad.templates import template
+from reflex_ipad.state import State
+import datetime
+import asyncio
+import time
+
+import reflex as rx
+from reflex_ipad.models import *
+from sqlmodel import Field, Session, SQLModel, create_engine, select
+
+
+class NewMedicineState(rx.State):
+ """Define your app state here."""
+
+ show_med_add_form: bool = False
+ medicine: Optional[Medicine] = None
+ medicine_name: str = ""
+ last_scan: Scan = Scan(uuid="", timestamp=0)
+ last_scan_uuid: str = ""
+ last_scan_time: str = ""
+ updated_uuid: bool = False
+ scanning: bool = False
+ rate: float = 2
+ lastupdatetime: int = time.time()
+
+ def start_scan(self):
+ self.set_scanning(True)
+ self.lastupdatetime = time.time()
+ self.last_scan_uuid = ""
+ return NewMedicineState.do_scanning
+
+ def load_last_scan(self):
+ with rx.session() as session:
+ statement = select(Scan).order_by(Scan.timestamp.desc()).limit(1)
+ results = session.exec(statement)
+ self.last_scan = results.first()
+ if self.last_scan.timestamp > self.lastupdatetime:
+ self.last_scan_uuid = self.last_scan.uuid
+ if not self.show_med_add_form:
+ self.update_medicine(self.last_scan.uuid)
+ self.updated_uuid = True
+ self.lastupdatetime = time.time()
+ ts = datetime.datetime.fromtimestamp(self.last_scan.timestamp)
+ self.last_scan_time = ts.strftime("%Y-%m-%d %H:%M")
+
+ def uuid_used(self):
+ self.updated_uuid = False
+
+ def update_medicine(self, uuid):
+ with rx.session() as session:
+ statement = select(Medicine).where(Medicine.uuid == uuid)
+ results = session.exec(statement)
+ self.medicine = results.first()
+ if self.medicine is not None:
+ self.medicine_name = f"{self.medicine.name} - {self.medicine.owner.name}"
+
+ @rx.background
+ async def do_scanning(self):
+ while True:
+ await asyncio.sleep(1 / self.rate)
+ if not self.scanning:
+ break
+
+ async with self:
+ self.load_last_scan()
+
+ def do_show_med_add_form(self):
+ self.set_show_med_add_form(True)
+
+ def stop_show_med_add_form(self):
+ self.set_show_med_add_form(False)
+
+ def handle_submit(self, form_data: dict):
+ self.form_data = form_data
+ with rx.session() as session:
+ statement = select(Owner).where(Owner.name == form_data["owner"])
+ results = session.exec(statement)
+ owner = results.first()
+ medicine = Medicine(
+ name=form_data["name"],
+ package_size=form_data["pkg_size"],
+ pzn=form_data["pzn"] or "",
+ owner_id=owner.id,
+ uuid=State.last_scan_uuid,
+ cron=form_data["schedule"],
+ )
+ session.add(medicine)
+ session.commit()
+ self.uuid_used()
+ self.set_show_med_add_form(False)
+
+ def handle_log(self, form_data: dict):
+ with rx.session() as session:
+ statement = select(Medicine).where(Medicine.uuid == form_data["uuid"])
+ results = session.exec(statement)
+ medicine = results.first()
+ medicineLog = MedicineLog(medicine_id=medicine.id, timestamp=time.time())
+ session.add(medicineLog)
+ session.commit()
+ self.uuid_used()
+
+ def cancel_log(self, form_data: dict):
+ self.uuid_used()
+
+
+def new_medicine_form():
+ with rx.session() as session:
+ statement = select(Owner)
+ results = session.exec(statement)
+ owners = results.all()
+ return rx.vstack(
+ rx.form(
+ rx.vstack(
+ rx.input(
+ placeholder="Name",
+ name="name",
+ ),
+ rx.input(
+ placeholder="Packungsgröße",
+ name="pkg_size",
+ ),
+ rx.input(
+ placeholder="PZN",
+ name="pzn",
+ ),
+ rx.select(
+ [owner.name for owner in owners],
+ placeholder="Für wen",
+ name="owner",
+ ),
+ rx.hstack(
+ rx.text("Crontab lines für Einnahme"),
+ rx.popover(
+ rx.popover_trigger(rx.button("Help")),
+ rx.popover_content(
+ rx.popover_header("Crontab help"),
+ rx.popover_body(
+ rx.html("0 7 * * *
"),
+ "Täglich sieben Uhr",
+ ),
+ rx.popover_body(
+ rx.html("0 21 * * 0
"),
+ "Jeden Sonntag um 21:00 Uhr.",
+ ),
+ rx.popover_body(
+ rx.html("0 7 * * 1-5
"),
+ "Montags bis Freitags jeweils um 07:00",
+ ),
+ rx.popover_close_button(),
+ ),
+ ),
+ ),
+ rx.text_area(name="schedule"),
+ rx.input(
+ value=NewMedicineState.last_scan_uuid,
+ name="uuid",
+ placeholder="UUID",
+ disabled=True,
+ ),
+ rx.hstack(
+ rx.text("Gescannt:"),
+ rx.text(
+ NewMedicineState.last_scan_time,
+ ),
+ ),
+ rx.button("Submit", type_="submit"),
+ ),
+ on_submit=NewMedicineState.handle_submit,
+ reset_on_submit=True,
+ ),
+ rx.divider(),
+ )
+
+
+def taken_form():
+ with rx.session() as session:
+ if NewMedicineState.medicine is None:
+ return rx.vstack()
+
+ return rx.vstack(
+ rx.heading(NewMedicineState.medicine_name, size="lg", color="darkblue"),
+ rx.hstack(
+ rx.form(
+ rx.button("Ja", type_="submit", color_scheme="green", size="lg"),
+ rx.input(
+ value=NewMedicineState.last_scan_uuid,
+ name="uuid",
+ disabled=True,
+ hidden=True,
+ type_="hidden",
+ ),
+ on_submit=NewMedicineState.handle_log,
+ ),
+ rx.form(
+ rx.button("Nein", type_="submit", color_scheme="red", size="lg"),
+ on_submit=NewMedicineState.cancel_log,
+ ),
+ reset_on_submit=True,
+ ),
+ rx.divider(),
+ )
+
+
+@template(route="/medicine", title="Medikamente")
+def medicine() -> rx.Component:
+ """The dashboard page.
+
+ Returns:
+ The UI for the dashboard page.
+ """
+ return rx.vstack(
+ rx.hstack(
+ rx.spacer(),
+ rx.heading("Medikamente", font_size="3em"),
+ rx.spacer(),
+ rx.cond(
+ NewMedicineState.show_med_add_form,
+ rx.button(
+ rx.text(
+ "-",
+ ),
+ on_click=NewMedicineState.stop_show_med_add_form(),
+ ),
+ rx.button(
+ rx.text(
+ "+",
+ ),
+ on_click=NewMedicineState.do_show_med_add_form(),
+ ),
+ ),
+ width="100%",
+ border_bottom=styles.border,
+ padding="1em",
+ ),
+ rx.cond(NewMedicineState.show_med_add_form, new_medicine_form()),
+ rx.cond(
+ NewMedicineState.updated_uuid,
+ taken_form(),
+ rx.text(
+ "Scan the Med",
+ ),
+ ),
+ on_mount=NewMedicineState.start_scan,
+ )
diff --git a/reflex_ipad/pages/meds.py b/reflex_ipad/pages/meds.py
new file mode 100644
index 0000000..ecf9421
--- /dev/null
+++ b/reflex_ipad/pages/meds.py
@@ -0,0 +1,20 @@
+"""The meds page."""
+from reflex_ipad.templates import template
+
+import reflex as rx
+
+
+@template(route="/medicine", title="Medikamente")
+def dashboard() -> rx.Component:
+ """The dashboard page.
+
+ Returns:
+ The UI for the dashboard page.
+ """
+ return rx.vstack(
+ rx.heading("Medikamente", font_size="3em"),
+ rx.text("Heute schon genommen?"),
+ rx.text(
+ "Scan the Med",
+ ),
+ )
diff --git a/reflex_ipad/pages/settings.py b/reflex_ipad/pages/settings.py
new file mode 100644
index 0000000..36704ac
--- /dev/null
+++ b/reflex_ipad/pages/settings.py
@@ -0,0 +1,22 @@
+"""The settings page."""
+
+from reflex_ipad.templates import template
+
+import reflex as rx
+
+
+@template(route="/settings", title="Settings")
+def settings() -> rx.Component:
+ """The settings page.
+
+ Returns:
+ The UI for the settings page.
+ """
+ return rx.vstack(
+ rx.heading("Settings", font_size="3em"),
+ rx.text("Welcome to Reflex!"),
+ rx.text(
+ "You can edit this page in ",
+ rx.code("{your_app}/pages/settings.py"),
+ ),
+ )
diff --git a/reflex_ipad/reflex_ipad.py b/reflex_ipad/reflex_ipad.py
new file mode 100644
index 0000000..8e122bf
--- /dev/null
+++ b/reflex_ipad/reflex_ipad.py
@@ -0,0 +1,17 @@
+"""Welcome to Reflex!."""
+
+from reflex_ipad import styles
+
+# Import all the pages.
+from reflex_ipad.pages import *
+from reflex_ipad import api
+from reflex_ipad.models import *
+
+import reflex as rx
+
+# Create the app and compile it.
+app = rx.App(style=styles.base_style)
+
+api.register_at(app)
+
+app.compile()
diff --git a/reflex_ipad/state.py b/reflex_ipad/state.py
new file mode 100644
index 0000000..9f5df41
--- /dev/null
+++ b/reflex_ipad/state.py
@@ -0,0 +1,9 @@
+import reflex as rx
+import time
+import datetime
+import asyncio
+from reflex_ipad.models import *
+
+class State(rx.State):
+ """Define your app state here."""
+ pass
diff --git a/reflex_ipad/styles.py b/reflex_ipad/styles.py
new file mode 100644
index 0000000..ca94b8d
--- /dev/null
+++ b/reflex_ipad/styles.py
@@ -0,0 +1,62 @@
+"""Styles for the app."""
+
+import reflex as rx
+
+border_radius = "0.375rem"
+box_shadow = "0px 0px 0px 1px rgba(84, 82, 95, 0.14)"
+border = "1px solid #F4F3F6"
+text_color = "black"
+accent_text_color = "#1A1060"
+accent_color = "#F5EFFE"
+hover_accent_color = {"_hover": {"color": accent_color}}
+hover_accent_bg = {"_hover": {"bg": accent_color}}
+content_width_vw = "90vw"
+sidebar_width = "20em"
+
+template_page_style = {"padding_top": "5em", "padding_x": ["auto", "2em"], "flex": "1"}
+
+template_content_style = {
+ "align_items": "flex-start",
+ "box_shadow": box_shadow,
+ "border_radius": border_radius,
+ "padding": "1em",
+ "margin_bottom": "2em",
+}
+
+link_style = {
+ "color": text_color,
+ "text_decoration": "none",
+ **hover_accent_color,
+}
+
+overlapping_button_style = {
+ "background_color": "white",
+ "border": border,
+ "border_radius": border_radius,
+}
+
+base_style = {
+ rx.MenuButton: {
+ "width": "3em",
+ "height": "3em",
+ **overlapping_button_style,
+ },
+ rx.MenuItem: hover_accent_bg,
+}
+
+markdown_style = {
+ "code": lambda text: rx.code(text, color="#1F1944", bg="#EAE4FD"),
+ "a": lambda text, **props: rx.link(
+ text,
+ **props,
+ font_weight="bold",
+ color="#03030B",
+ text_decoration="underline",
+ text_decoration_color="#AD9BF8",
+ _hover={
+ "color": "#AD9BF8",
+ "text_decoration": "underline",
+ "text_decoration_color": "#03030B",
+ },
+ ),
+}
diff --git a/reflex_ipad/templates/__init__.py b/reflex_ipad/templates/__init__.py
new file mode 100644
index 0000000..36f9d84
--- /dev/null
+++ b/reflex_ipad/templates/__init__.py
@@ -0,0 +1 @@
+from .template import template
diff --git a/reflex_ipad/templates/template.py b/reflex_ipad/templates/template.py
new file mode 100644
index 0000000..2068e83
--- /dev/null
+++ b/reflex_ipad/templates/template.py
@@ -0,0 +1,127 @@
+"""Common templates used between pages in the app."""
+
+from __future__ import annotations
+
+from reflex_ipad import styles
+from reflex_ipad.components.sidebar import sidebar
+from typing import Callable
+
+import reflex as rx
+
+# Meta tags for the app.
+default_meta = [
+ {
+ "name": "viewport",
+ "content": "width=device-width, shrink-to-fit=no, initial-scale=1",
+ },
+]
+
+
+def menu_button() -> rx.Component:
+ """The menu button on the top right of the page.
+
+ Returns:
+ The menu button component.
+ """
+ from reflex.page import get_decorated_pages
+
+ return rx.box(
+ rx.menu(
+ rx.menu_button(
+ rx.icon(
+ tag="hamburger",
+ size="4em",
+ color=styles.text_color,
+ ),
+ ),
+ rx.menu_list(
+ *[
+ rx.menu_item(
+ rx.link(
+ page["title"],
+ href=page["route"],
+ width="100%",
+ )
+ )
+ for page in get_decorated_pages()
+ ],
+ rx.menu_divider(),
+ rx.menu_item(
+ rx.link("About", href="https://github.com/reflex-dev", width="100%")
+ ),
+ rx.menu_item(
+ rx.link("Contact", href="mailto:founders@=reflex.dev", width="100%")
+ ),
+ ),
+ ),
+ position="fixed",
+ right="1.5em",
+ top="1.5em",
+ z_index="500",
+ )
+
+
+def template(
+ route: str | None = None,
+ title: str | None = None,
+ image: str | None = None,
+ description: str | None = None,
+ meta: str | None = None,
+ script_tags: list[rx.Component] | None = None,
+ on_load: rx.event.EventHandler | list[rx.event.EventHandler] | None = None,
+) -> Callable[[Callable[[], rx.Component]], rx.Component]:
+ """The template for each page of the app.
+
+ Args:
+ route: The route to reach the page.
+ title: The title of the page.
+ image: The favicon of the page.
+ description: The description of the page.
+ meta: Additionnal meta to add to the page.
+ on_load: The event handler(s) called when the page load.
+ script_tags: Scripts to attach to the page.
+
+ Returns:
+ The template with the page content.
+ """
+
+ def decorator(page_content: Callable[[], rx.Component]) -> rx.Component:
+ """The template for each page of the app.
+
+ Args:
+ page_content: The content of the page.
+
+ Returns:
+ The template with the page content.
+ """
+ # Get the meta tags for the page.
+ all_meta = [*default_meta, *(meta or [])]
+
+ @rx.page(
+ route=route,
+ title=title,
+ image=image,
+ description=description,
+ meta=all_meta,
+ script_tags=script_tags,
+ on_load=on_load,
+ )
+ def templated_page():
+ return rx.hstack(
+ sidebar(),
+ rx.box(
+ rx.box(
+ page_content(),
+ **styles.template_content_style,
+ ),
+ **styles.template_page_style,
+ ),
+ menu_button(),
+ align_items="flex-start",
+ transition="left 0.5s, width 0.5s",
+ position="relative",
+ )
+
+ return templated_page
+
+ return decorator
diff --git a/requirements.txt b/requirements.txt
new file mode 100644
index 0000000..9657023
--- /dev/null
+++ b/requirements.txt
@@ -0,0 +1,2 @@
+reflex==0.3.7
+croniter==2.0.1
diff --git a/rxconfig.py b/rxconfig.py
new file mode 100644
index 0000000..079de8d
--- /dev/null
+++ b/rxconfig.py
@@ -0,0 +1,6 @@
+import reflex as rx
+
+config = rx.Config(
+ app_name="reflex_ipad",
+ db_url="sqlite:///reflex.db",
+)