stkit 17.0.0__py3-none-any.whl

stk/templates/security/register_user.html

@@ -0,0 +1,263 @@
+{% extends 'auth_layout.html' %}
+
+{% block css %}
+<style>
+    html, body {
+        height: 100%;
+        margin: 0;
+        padding: 0;
+        overflow: hidden;
+    }
+    #app, .v-application, .v-application__wrap {
+        height: 100vh;
+        min-height: 100vh;
+    }
+    .auth-image {
+        background-image: url('/static/img/auth-bg.webp');
+        background-size: cover;
+        background-position: center;
+        height: 100vh;
+    }
+    .auth-overlay {
+        background-color: rgba(0, 0, 0, 0.5);
+        height: 100%;
+    }
+    @media (max-width: 960px) {
+        .auth-image {
+            height: 40vh;
+        }
+    }
+</style>
+{% endblock %}
+
+{% block content %}
+    <div id="app">
+        <v-container fluid class="pa-0 ma-0 h-100" style="height: 100vh;">
+            <v-row no-gutters style="height: 100vh;">
+                <!-- Register Form Column -->
+                <v-col cols="12" md="6" class="d-flex align-center justify-center">
+                    <v-card width="500" elevation="0" class="mx-auto">
+                        <v-card-title>
+                            <div class="d-flex align-center ga-3 mb-5">
+                                {% include "_brand.html" %}
+                                <span class="text-headline-small font-weight-bold">Create an account</span>
+                            </div>
+                        </v-card-title>
+                        
+                        <v-card-text>
+                            {% set has_social_auth = config.GOOGLE_AUTH_ENABLED or config.GITHUB_AUTH_ENABLED %}
+
+                            {% if has_social_auth %}
+                            <!-- Social Login Buttons -->
+                            <div class="d-flex flex-column gap-3 mb-4">
+                                {% if config.GOOGLE_AUTH_ENABLED %}
+                                <v-btn
+                                    variant="outlined"
+                                    block
+                                    href="{{ url_for('public.google_login') }}"
+                                    class="mb-2"
+                                    height="48"
+                                >
+                                    <template v-slot:prepend>
+                                        <svg width="18" height="18" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="mr-2">
+                                            <path d="M17 8.18371C17 7.63989 16.9551 7.09314 16.8591 6.55814H9.16046V9.63879H13.5691C13.3862 10.6324 12.7983 11.5113 11.9376 12.0698V14.0687H14.5678C16.1123 12.6754 17 10.6177 17 8.18371Z" fill="#4285F4"></path>
+                                            <path d="M9.16042 16C11.3617 16 13.2182 15.2916 14.5707 14.0687L11.9406 12.0698C11.2088 12.5578 10.2641 12.8341 9.16342 12.8341C7.03409 12.8341 5.22865 11.4261 4.58085 9.53299H1.8667V11.5936C3.25227 14.2951 6.07438 16 9.16042 16V16Z" fill="#34A853"></path>
+                                            <path d="M4.57786 9.53298C4.23596 8.53941 4.23596 7.46353 4.57786 6.46996V4.40933H1.8667C0.709065 6.66985 0.709065 9.33309 1.8667 11.5936L4.57786 9.53298V9.53298Z" fill="#FBBC04"></path>
+                                            <path d="M9.16042 3.16589C10.3241 3.14825 11.4487 3.57743 12.2914 4.36523L14.6217 2.0812C13.1462 0.72312 11.1878 -0.0235267 9.16042 -1.02057e-05C6.07438 -1.02057e-05 3.25227 1.70493 1.8667 4.40932L4.57785 6.46995C5.22265 4.57394 7.03109 3.16589 9.16042 3.16589V3.16589Z" fill="#EA4335"></path>
+                                        </svg>
+                                    </template>
+                                    Continue with Google
+                                </v-btn>
+                                {% endif %}
+
+                                {% if config.GITHUB_AUTH_ENABLED %}
+                                <v-btn
+                                    variant="outlined"
+                                    block
+                                    href="{{ url_for('public.github_login') }}"
+                                    class="mb-2"
+                                    height="48"
+                                >
+                                    <template v-slot:prepend>
+                                        <svg width="18" height="18" viewBox="0 0 16 16" version="1.1" class="mr-2">
+                                            <path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path>
+                                        </svg>
+                                    </template>
+                                    Continue with GitHub
+                                </v-btn>
+                                {% endif %}
+
+                                <div class="d-flex align-center my-4">
+                                    <v-divider></v-divider>
+                                    <span class="mx-3 text-medium-emphasis text-body-small">or</span>
+                                    <v-divider></v-divider>
+                                </div>
+
+                                <v-btn
+                                    variant="outlined"
+                                    block
+                                    height="48"
+                                    @click="showEmailForm = true"
+                                    v-if="!showEmailForm"
+                                >
+                                    <template v-slot:prepend>
+                                        <i class="ti ti-mail mr-2" style="font-size: 20px;"></i>
+                                    </template>
+                                    Continue with Email
+                                </v-btn>
+                            </div>
+                            {% endif %}
+                            
+                            <!-- Email/Password Form -->
+                            <v-form
+                                action="{{ url_for_security('register') }}"
+                                method="post"
+                                id="registerForm"
+                                ref="form"
+                                v-if="showEmailForm || !hasSocialAuth"
+                            >
+                                {{ register_user_form.hidden_tag() }}
+                                
+                                <v-row class="mb-6">
+                                    <v-col cols="6" class="py-0">
+                                        <v-text-field
+                                            label="First Name"
+                                            name="first_name"
+                                            type="text"
+                                            hide-details
+                                            required
+                                        ></v-text-field>
+                                    </v-col>
+                                    <v-col cols="6" class="py-0">
+                                        <v-text-field
+                                            label="Last Name"
+                                            name="last_name"
+                                            type="text"
+                                            hide-details
+                                            required
+                                        ></v-text-field>
+                                    </v-col>
+                                </v-row>
+
+                                <v-text-field
+                                    label="Email"
+                                    name="email"
+                                    type="email"
+                                    required
+                                ></v-text-field>
+
+                                <v-text-field
+                                    id="password"
+                                    label="Password"
+                                    name="password"
+                                    type="password"
+                                    required
+                                ></v-text-field>
+
+                                {% if register_user_form.password_confirm %}
+                                <v-text-field
+                                    id="confirm-password"
+                                    label="Confirm Password"
+                                    name="password_confirm"
+                                    type="password"
+                                    required
+                                ></v-text-field>
+                                {% endif %}
+                                
+                                {% if register_user_form.email.errors or register_user_form.password.errors %}
+                                <v-alert type="error" density="compact" class="mb-4">
+                                    Please check the form for errors: <br>
+                                    {{ register_user_form.errors }}
+                                </v-alert>
+                                {% endif %}
+                                
+                                <v-btn 
+                                    block 
+                                    color="primary" 
+                                    size="large" 
+                                    @click="submit" 
+                                    class="mb-4"
+                                >
+                                    Create Account
+                                </v-btn>
+                            </v-form>
+                            
+                            <div class="text-center mt-6">
+                                <span class="text-medium-emphasis">Already have an account? </span>
+                                <a href="{{ url_for_security('login') }}" class="text-decoration-none">Log in</a>
+                            </div>
+                        </v-card-text>
+                    </v-card>
+                </v-col>
+                
+                <!-- Image Column -->
+                <v-col cols="12" md="6" class="auth-image d-none d-md-block">
+                    <v-container fluid class="auth-overlay pa-0 ma-0">
+                        <v-row align="center" justify="center" style="height: 100vh;">
+                            <v-col cols="12" class="text-center">
+                                <div class="text-display-large font-weight-bold text-white">{{ config.APP_TAGLINE }}</div>
+                                {% if config.APP_DESCRIPTION %}<p class="text-body-large text-white mt-4">{{ config.APP_DESCRIPTION }}</p>{% endif %}
+                            </v-col>
+                        </v-row>
+                    </v-container>
+                </v-col>
+            </v-row>
+        </v-container>
+        
+        <v-snackbar 
+            v-model="snackBar"
+            :timeout="3000"
+        >
+            ${snackMessage}
+            <template v-slot:actions>
+                <v-btn 
+                    color="primary" 
+                    variant="text" 
+                    @click="snackBar = false"
+                >
+                    Close
+                </v-btn>
+            </template>
+        </v-snackbar>
+    </div>
+{% endblock %}
+
+{% block js %}
+    <script>
+        const {createApp} = Vue;
+        const {createVuetify} = Vuetify;
+        const vuetify = createVuetify(config.vuetifyConfig);
+
+        const app = createApp({
+            data() {
+                return {
+                    menu: null,
+                    errors: '',
+                    snackBar: false,
+                    snackMessage: '',
+                    showEmailForm: false,
+                    hasSocialAuth: {% if config.GOOGLE_AUTH_ENABLED or config.GITHUB_AUTH_ENABLED %}true{% else %}false{% endif %}
+                };
+            },
+            methods: {
+                showSnack(message) {
+                    this.snackMessage = message;
+                    this.snackBar = true;
+                },
+                submit() {
+                    document.getElementById('registerForm').submit();
+                }
+            },
+            mounted() {
+                // Check if there are form errors, if so, show the email form
+                const hasErrors = {% if register_user_form.email.errors or register_user_form.password.errors %}true{% else %}false{% endif %};
+                if (hasErrors) {
+                    this.showEmailForm = true;
+                }
+            },
+            delimiters: ['${', '}']
+        });
+
+        app.use(vuetify).mount('#app');
+    </script>
+{% endblock %}

stk/templates/security/reset_password.html

@@ -0,0 +1,53 @@
+{% extends 'layout.html' %}
+
+{% block content %}
+    <v-app id="app" class="justify-center align-center min-vh-100 d-flex">
+        <v-container class="d-flex align-center justify-center">
+            <v-card class="pa-5" width="600">
+                <v-card-title>Reset Password</v-card-title>
+                {% from "security/_macros.html" import render_field_with_errors, render_field %}
+                {% include "security/_messages.html" %}
+
+                <form action="{{ url_for_security('reset_password', token=reset_password_token) }}" method="POST"
+                      name="reset_password_form">
+                    {{ reset_password_form.hidden_tag() }}
+                    <v-text-field required name="password" type="password" label="New Password"></v-text-field>
+                    <v-text-field required name="password_confirm" type="password"
+                                  label="Confirm Password"></v-text-field>
+
+                    <v-btn type="submit" color="primary">Reset Password</v-btn>
+                </form>
+            </v-card>
+        </v-container>
+        <v-snackbar absolute button v-model="snackBar">
+            ${snackMessage}
+            <v-btn text color="primary" @click.native="value = false">Close</v-btn>
+        </v-snackbar>
+    </v-app>
+{% endblock %}
+
+{% block js %}
+    <script>
+        const {createApp} = Vue;
+        const {createVuetify} = Vuetify;
+        const vuetify = createVuetify(config.vuetifyConfig);
+
+        const app = createApp({
+            data() {
+                return {
+                    snackBar: false,
+                    snackMessage: '',
+                };
+            },
+            methods: {
+                showSnack(message) {
+                    this.snackMessage = message;
+                    this.snackBar = true;
+                },
+            },
+            delimiters: ['${', '}']
+        });
+
+        app.use(vuetify).mount('#app');
+    </script>
+{% endblock %}

stk/templates/security/send_confirmation.html

@@ -0,0 +1,48 @@
+{% extends 'layout.html' %}
+
+{% block content %}
+    <v-app id="app" class="justify-center align-center min-vh-100 d-flex">
+        <v-container class="d-flex align-center justify-center">
+            <div class="main">
+                <h2>Resend confirmation instructions</h2>
+
+                <form action="{{ url_for_security('send_confirmation') }}" method="POST" name="send_confirmation_form">
+                    {{ send_confirmation_form.hidden_tag() }}
+                    <v-text-field required label="Email" name="email" type="email"></v-text-field>
+
+                    <v-btn type="submit" color="primary">Resend Instructions</v-btn>
+                </form>
+            </div>
+            <v-snackbar absolute button v-model="snackBar">
+                ${snackMessage}
+                <v-btn text color="primary" @click.native="value = false">Close</v-btn>
+            </v-snackbar>
+        </v-container>
+    </v-app>
+{% endblock %}
+
+{% block js %}
+    <script>
+        const {createApp} = Vue;
+        const {createVuetify} = Vuetify;
+        const vuetify = createVuetify(config.vuetifyConfig);
+
+        const app = createApp({
+            data() {
+                return {
+                    snackBar: false,
+                    snackMessage: '',
+                };
+            },
+            methods: {
+                showSnack(message) {
+                    this.snackMessage = message;
+                    this.snackBar = true;
+                },
+            },
+            delimiters: ['${', '}']
+        });
+
+        app.use(vuetify).mount('#app');
+    </script>
+{% endblock %}

stk/templates/security/send_login.html

@@ -0,0 +1,39 @@
+{% extends 'layout.html' %}
+{% block content %}
+    <div class="main">
+        <h2>Login</h2>
+
+        <form action="{{ url_for_security('login') }}" method="POST" name="send_login_form">
+            {{ send_login_form.hidden_tag() }}
+            <v-text-field required label="Email" name="email" type="email"></v-text-field>
+            <v-btn type="submit" color="primary">Login</v-btn>
+        </form>
+
+    </div>
+{% endblock %}
+
+{% block js %}
+<script>
+    const { createApp } = Vue;
+    const { createVuetify } = Vuetify;
+    const vuetify = createVuetify(config.vuetifyConfig);
+
+    const app = createApp({
+        data() {
+            return {
+                snackBar: false,
+                snackMessage: '',
+            };
+        },
+        methods: {
+            showSnack(message) {
+                this.snackMessage = message;
+                this.snackBar = true;
+            },
+        },
+        delimiters: ['${', '}']
+    });
+
+    app.use(vuetify).mount('#app');
+</script>
+{% endblock %}

stk/templates/security/two_factor_select.html

@@ -0,0 +1,78 @@
+{% extends 'login-layout.html' %}
+{% from "security/_macros.html" import prop_next %}
+
+{% block content %}
+<v-main class="d-flex flex-column align-center justify-center" style="min-height: 100vh; background: rgb(var(--v-theme-background));">
+    <v-card class="mx-auto pa-8 w-100" rounded="lg" style="max-width: 424px;">
+        <div class="text-center mb-6">
+            <div class="mb-4">{% include "_brand.html" %}</div>
+            <div class="text-headline-small font-weight-bold">Verify Your Identity</div>
+            <div class="text-body-medium text-medium-emphasis">Choose a verification method</div>
+        </div>
+
+        <form action="{{ url_for_security('tf_select') }}{{ prop_next() }}" method="post" id="tf-select-form">
+            {{ two_factor_select_form.hidden_tag() }}
+
+            <div class="d-flex flex-column ga-3 mb-4">
+                {% for value, label in two_factor_select_form.which.choices %}
+                <v-btn
+                    :variant="selected === '{{ value }}' ? 'flat' : 'outlined'"
+                    :color="selected === '{{ value }}' ? 'primary' : undefined"
+                    size="large"
+                    block
+                    @click.prevent="select('{{ value }}')"
+                >
+                    <template v-slot:prepend>
+                        <i class="{{ 'ti ti-device-mobile' if value == 'authenticator' else 'ti ti-fingerprint' }}" style="font-size: 20px;"></i>
+                    </template>
+                    {{ 'Authenticator App' if value == 'authenticator' else 'Passkey' }}
+                </v-btn>
+                {% endfor %}
+            </div>
+
+            <input type="hidden" name="{{ two_factor_select_form.which.name }}" :value="selected">
+
+            {% include "security/_messages.html" %}
+
+            <v-divider class="my-4"></v-divider>
+
+            <v-btn variant="outlined" block href="{{ url_for_security('mf_recovery') }}">
+                <template v-slot:prepend>
+                    <i class="ti ti-lifebuoy" style="font-size: 18px;"></i>
+                </template>
+                Use Recovery Code
+            </v-btn>
+        </form>
+    </v-card>
+
+    <div class="mt-6 w-100" style="max-width: 424px;">
+        <v-btn href="{{ url_for_security('login') }}" variant="text" color="primary">
+            <i class="ti ti-chevron-left mr-1"></i>
+            Back to Login
+        </v-btn>
+    </div>
+</v-main>
+{% endblock %}
+
+{% block js %}
+<script>
+    const { createApp } = Vue;
+    const { createVuetify } = Vuetify;
+    const vuetify = createVuetify(vuetifyConfig);
+
+    const app = createApp({
+        delimiters: delimiters,
+        data() {
+            return { selected: '{{ two_factor_select_form.which.data or "" }}' };
+        },
+        methods: {
+            select(value) {
+                this.selected = value;
+                this.$nextTick(() => document.getElementById('tf-select-form').submit());
+            }
+        }
+    });
+
+    app.use(vuetify).mount('#app');
+</script>
+{% endblock %}

stk/templates/security/two_factor_setup.html

@@ -0,0 +1,166 @@
+{% extends 'layout.html' %}
+
+{% block content %}
+<v-container fluid class="pa-4">
+    <v-card max-width="600" class="mx-auto">
+        <v-card-title class="text-headline-small">
+            <i class="ti ti-shield-lock mr-2"></i>
+            Two-Factor Authentication
+        </v-card-title>
+        <v-card-subtitle>
+            Add an extra layer of security to your account
+        </v-card-subtitle>
+
+        <v-card-text>
+            {% include "security/_messages.html" %}
+
+            {% if primary_method != 'none' %}
+            <!-- Enabled State -->
+            <v-card color="primary" variant="tonal" class="mb-6">
+                <v-card-text class="d-flex align-center">
+                    <v-avatar color="primary" class="mr-4">
+                        <i class="ti ti-check" style="font-size: 24px;"></i>
+                    </v-avatar>
+                    <div class="flex-grow-1">
+                        <div class="text-title-large text-uppercase">{{ primary_method }}</div>
+                        <div class="text-body-small">Currently enabled</div>
+                    </div>
+                    <form action="{{ url_for_security('two_factor_setup') }}" method="post">
+                        {{ two_factor_setup_form.hidden_tag() }}
+                        <input type="hidden" name="action" value="disable">
+                        <v-btn color="error" variant="outlined" type="submit">
+                            <i class="ti ti-x mr-1"></i>
+                            Disable
+                        </v-btn>
+                    </form>
+                </v-card-text>
+            </v-card>
+            {% endif %}
+
+            {% if chosen_method == "authenticator" %}
+            <!-- QR Code Setup -->
+            <v-card variant="outlined" class="mb-4">
+                <v-card-title class="text-title-medium">
+                    <i class="ti ti-qrcode mr-2"></i>
+                    1. Scan QR Code
+                </v-card-title>
+                <v-card-text>
+                    <p class="mb-4">
+                        Open your authenticator app (Google Authenticator, Authy, 1Password, etc.) and scan this code:
+                    </p>
+                    <div class="text-center mb-4">
+                        <img width="200" alt="QR code" src="{{ authr_qrcode }}" class="qr-adaptive">
+                    </div>
+                    <v-text-field
+                        readonly
+                        label="Manual entry key"
+                        :model-value="'{{ authr_key }}'"
+                        append-inner-icon="ti ti-copy"
+                        @click:append-inner="copyKey"
+                        hint="Can't scan? Enter this key manually in your app"
+                        persistent-hint
+                    ></v-text-field>
+                </v-card-text>
+            </v-card>
+
+            <v-card variant="outlined" class="mb-4">
+                <v-card-title class="text-title-medium">
+                    <i class="ti ti-numbers mr-2"></i>
+                    2. Enter Verification Code
+                </v-card-title>
+                <v-card-text>
+                    <form id="verify-form" action="{{ url_for_security('two_factor_setup') }}" method="post">
+                        {{ two_factor_setup_form.hidden_tag() }}
+                        <input type="hidden" name="action" value="verify">
+                        <v-text-field
+                            name="token"
+                            label="6-digit code from your app"
+                            placeholder="000000"
+                            maxlength="6"
+                            autocomplete="one-time-code"
+                            inputmode="numeric"
+                            autofocus
+                        ></v-text-field>
+                        <v-btn color="primary" type="submit" class="mt-2">
+                            Verify & Enable
+                        </v-btn>
+                    </form>
+                </v-card-text>
+            </v-card>
+
+            {% elif primary_method == 'none' %}
+            <!-- Options: not yet enabled -->
+            <v-card variant="outlined" class="mb-3">
+                <v-card-text class="d-flex align-center">
+                    <v-avatar color="primary" variant="tonal" class="mr-4">
+                        <i class="ti ti-device-mobile" style="font-size: 24px;"></i>
+                    </v-avatar>
+                    <div class="flex-grow-1">
+                        <div class="font-weight-medium">Authenticator App</div>
+                        <div class="text-body-small text-medium-emphasis">Use Google Authenticator, Authy, or similar</div>
+                    </div>
+                    <v-btn variant="outlined" color="primary" href="{{ url_for_security('two_factor_setup') }}?setup=authenticator">
+                        Setup
+                    </v-btn>
+                </v-card-text>
+            </v-card>
+            {% endif %}
+
+            {% if security.webauthn and current_user.is_authenticated and not chosen_method %}
+            <v-card variant="outlined" class="mb-3">
+                <v-card-text class="d-flex align-center">
+                    <v-avatar color="primary" variant="tonal" class="mr-4">
+                        <i class="ti ti-fingerprint" style="font-size: 24px;"></i>
+                    </v-avatar>
+                    <div class="flex-grow-1">
+                        <div class="font-weight-medium">Passkeys</div>
+                        <div class="text-body-small text-medium-emphasis">Hardware keys or device passkeys for passwordless sign-in</div>
+                    </div>
+                    <v-btn variant="outlined" color="primary" href="{{ url_for_security('wan_register') }}">
+                        Manage
+                    </v-btn>
+                </v-card-text>
+            </v-card>
+            {% endif %}
+
+            {% if security.support_mfa and security.multi_factor_recovery_codes and not chosen_method %}
+            <v-card variant="outlined">
+                <v-card-text class="d-flex align-center">
+                    <v-avatar color="warning" variant="tonal" class="mr-4">
+                        <i class="ti ti-lifebuoy" style="font-size: 24px;"></i>
+                    </v-avatar>
+                    <div class="flex-grow-1">
+                        <div class="font-weight-medium">Recovery Codes</div>
+                        <div class="text-body-small text-medium-emphasis">Backup codes for account recovery</div>
+                    </div>
+                    <v-btn variant="outlined" color="primary" href="{{ url_for_security('mf_recovery_codes') }}">
+                        Manage
+                    </v-btn>
+                </v-card-text>
+            </v-card>
+            {% endif %}
+        </v-card-text>
+    </v-card>
+</v-container>
+{% endblock %}
+
+{% block js %}
+<script>
+    const { createApp } = Vue;
+    const { createVuetify } = Vuetify;
+    const vuetify = createVuetify(config.vuetifyConfig);
+
+    const app = createApp({
+        mixins: [layoutMixin],
+        methods: {
+            copyKey() {
+                navigator.clipboard.writeText('{{ authr_key | default("") }}');
+            }
+        },
+        delimiters: ['${', '}']
+    });
+
+    registerStkComponents(app);
+    app.use(vuetify).mount('#app');
+</script>
+{% endblock %}