issue/48

.github/workflows/codeql.yml

@@ -13,11 +13,11 @@ name: "CodeQL Advanced"
 
 on:
   push:
-    branches: [ "main" ]
+    branches: ["main"]
   pull_request:
-    branches: [ "main" ]
+    branches: ["main"]
   schedule:
-    - cron: '23 2 * * 6'
+    - cron: "23 2 * * 6"
 
 jobs:
   analyze:
@@ -43,10 +43,10 @@ jobs:
       fail-fast: false
       matrix:
         include:
-        - language: javascript-typescript
-          build-mode: none
-        - language: rust
-          build-mode: none
+          - language: javascript-typescript
+            build-mode: none
+          - language: rust
+            build-mode: none
         # CodeQL supports the following values keywords for 'language': 'actions', 'c-cpp', 'csharp', 'go', 'java-kotlin', 'javascript-typescript', 'python', 'ruby', 'rust', 'swift'
         # Use `c-cpp` to analyze code written in C, C++ or both
         # Use 'java-kotlin' to analyze code written in Java, Kotlin or both
@@ -56,46 +56,46 @@ jobs:
         # If you are analyzing a compiled language, you can modify the 'build-mode' for that language to customize how
         # your codebase is analyzed, see https://docs.github.com/en/code-security/code-scanning/creating-an-advanced-setup-for-code-scanning/codeql-code-scanning-for-compiled-languages
     steps:
-    - name: Checkout repository
-      uses: actions/checkout@v4
+      - name: Checkout repository
+        uses: actions/checkout@v4
 
-    # Add any setup steps before running the `github/codeql-action/init` action.
-    # This includes steps like installing compilers or runtimes (`actions/setup-node`
-    # or others). This is typically only required for manual builds.
-    # - name: Setup runtime (example)
-    #   uses: actions/setup-example@v1
+      # Add any setup steps before running the `github/codeql-action/init` action.
+      # This includes steps like installing compilers or runtimes (`actions/setup-node`
+      # or others). This is typically only required for manual builds.
+      # - name: Setup runtime (example)
+      #   uses: actions/setup-example@v1
 
-    # Initializes the CodeQL tools for scanning.
-    - name: Initialize CodeQL
-      uses: github/codeql-action/init@v4
-      with:
-        languages: ${{ matrix.language }}
-        build-mode: ${{ matrix.build-mode }}
-        # If you wish to specify custom queries, you can do so here or in a config file.
-        # By default, queries listed here will override any specified in a config file.
-        # Prefix the list here with "+" to use these queries and those in the config file.
+      # Initializes the CodeQL tools for scanning.
+      - name: Initialize CodeQL
+        uses: github/codeql-action/init@v4
+        with:
+          languages: ${{ matrix.language }}
+          build-mode: ${{ matrix.build-mode }}
+          # If you wish to specify custom queries, you can do so here or in a config file.
+          # By default, queries listed here will override any specified in a config file.
+          # Prefix the list here with "+" to use these queries and those in the config file.
 
-        # For more details on CodeQL's query packs, refer to: https://docs.github.com/en/code-security/code-scanning/automatically-scanning-your-code-for-vulnerabilities-and-errors/configuring-code-scanning#using-queries-in-ql-packs
-        # queries: security-extended,security-and-quality
+          # For more details on CodeQL's query packs, refer to: https://docs.github.com/en/code-security/code-scanning/automatically-scanning-your-code-for-vulnerabilities-and-errors/configuring-code-scanning#using-queries-in-ql-packs
+          # queries: security-extended,security-and-quality
 
-    # If the analyze step fails for one of the languages you are analyzing with
-    # "We were unable to automatically build your code", modify the matrix above
-    # to set the build mode to "manual" for that language. Then modify this step
-    # to build your code.
-    # ℹ️ Command-line programs to run using the OS shell.
-    # 📚 See https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#jobsjob_idstepsrun
-    - name: Run manual build steps
-      if: matrix.build-mode == 'manual'
-      shell: bash
-      run: |
-        echo 'If you are using a "manual" build mode for one or more of the' \
-          'languages you are analyzing, replace this with the commands to build' \
-          'your code, for example:'
-        echo '  make bootstrap'
-        echo '  make release'
-        exit 1
+      # If the analyze step fails for one of the languages you are analyzing with
+      # "We were unable to automatically build your code", modify the matrix above
+      # to set the build mode to "manual" for that language. Then modify this step
+      # to build your code.
+      # ℹ️ Command-line programs to run using the OS shell.
+      # 📚 See https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#jobsjob_idstepsrun
+      - name: Run manual build steps
+        if: matrix.build-mode == 'manual'
+        shell: bash
+        run: |
+          echo 'If you are using a "manual" build mode for one or more of the' \
+            'languages you are analyzing, replace this with the commands to build' \
+            'your code, for example:'
+          echo '  make bootstrap'
+          echo '  make release'
+          exit 1
 
-    - name: Perform CodeQL Analysis
-      uses: github/codeql-action/analyze@v4
-      with:
-        category: "/language:${{matrix.language}}"
+      - name: Perform CodeQL Analysis
+        uses: github/codeql-action/analyze@v4
+        with:
+          category: "/language:${{matrix.language}}"

.gitignore

@@ -410,3 +410,6 @@ $RECYCLE.BIN/
 # AI Agent plan
 .plan
 AGENTS.md
+
+# Postgres
+pg_data/

.prettierignore

@@ -0,0 +1,5 @@
+**/.ts
+**/.tsx
+**/.js
+**/.jsx
+**/.json

README.md

@@ -1,9 +1,11 @@
+# Oko
+
 <a href="https://demo.oko.app/">
   <picture>
     <source media="(prefers-color-scheme: light)" srcset="https://oko-wallet.s3.ap-northeast-2.amazonaws.com/icons/oko_logo_light.svg">
     <source media="(prefers-color-scheme: dark)" srcset="https://oko-wallet.s3.ap-northeast-2.amazonaws.com/icons/oko_logo_dark.svg">
     <img src="https://oko-wallet.s3.ap-northeast-2.amazonaws.com/icons/oko_logo_light.svg" alt="Logo"
-    style="width: 240px; height: auto;">
+    style="width: 180px; height: auto;">
   </picture>
 </a>
 
@@ -52,8 +54,9 @@ TBD
 
 ## License
 
-Distributed under the GPL v3 License. See
-[GPL V3 License](https://opensource.org/license/gpl-3-0) for more information.
+Distributed under the Apache License 2.0. See
+[Apache 2.0 License](https://www.apache.org/licenses/LICENSE-2.0) for more
+information.
 
 ## Development
 

apps/customer_dashboard/src/app/users/sign_in/page.module.scss

@@ -15,10 +15,11 @@
   justify-content: center;
 }
 
-.rectangleSection {
-  background: var(--bg-secondary);
-  height: 562px;
-  border-radius: 24px;
-  width: 683px;
-  flex-shrink: 0;
+.formFrame {
+  position: relative;
+  padding: 40px;
+  background-image: url("/signin_form_frame.png");
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+  background-position: center;
 }

apps/customer_dashboard/src/app/users/sign_in/page.tsx

@@ -8,8 +8,9 @@ export default function Page() {
       <DashboardHeader />
 
       <div className={styles.body}>
-        <div className={styles.rectangleSection}></div>
-        <SignInForm />
+        <div className={styles.formFrame}>
+          <SignInForm />
+        </div>
       </div>
     </div>
   );

apps/customer_dashboard/src/app/users/sign_up/digits/page.module.scss

@@ -15,9 +15,9 @@
 .headerContainer {
   position: relative;
   width: 100%;
-  height: 64px;
+  height: 54px;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
-}
+}

apps/customer_dashboard/src/components/dashboard_header/dashboard_header.module.scss

@@ -1,5 +1,5 @@
 .wrapper {
-  height: 64px;
+  height: 54px;
   display: flex;
   flex-shrink: 0;
   flex-grow: 0;

apps/customer_dashboard/src/components/sign_in_form/sign_in_form.module.scss

@@ -10,11 +10,10 @@
 
 .cardHeader {
   display: flex;
-  height: 140px;
   justify-content: center;
   align-items: flex-start;
-  gap: 10px;
-  margin-top: 20px;
+  margin-top: 24px;
+  margin-bottom: 32px;
 }
 
 .cardLogoContainer {

apps/customer_dashboard/src/components/sign_in_form/sign_in_form.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import React, { useState } from "react";
+import React from "react";
 import { Input } from "@oko-wallet/oko-common-ui/input";
 import { Card } from "@oko-wallet/oko-common-ui/card";
 import { Logo } from "@oko-wallet/oko-common-ui/logo";

apps/demo_web/src/app/layout.tsx

@@ -25,7 +25,7 @@ export const metadata: Metadata = {
   title: "Oko Demo",
   description: "Oko Demo",
   icons: {
-    icon: "/favicon.png",
+    icon: "/oko_favicon.png",
   },
   openGraph: {
     type: "website",

apps/demo_web/src/components/global_header/global_header.module.scss

@@ -1,7 +1,7 @@
 @use "../../styles/viewport.module.scss" as *;
 
 .wrapper {
-  height: 64px;
+  height: 54px;
   display: flex;
   flex-shrink: 0;
   flex-grow: 0;
@@ -30,10 +30,10 @@
 }
 
 .logoResponsive {
-  width: 74px;
-  height: 32px;
+  width: auto;
+  height: 22px;
   flex-shrink: 0;
-  aspect-ratio: 37/16;
+  // aspect-ratio: 37/16;
 
   // TODO: new logo responsive size is required
   // @media (min-width: $desktop_min_width) {

apps/demo_web/src/components/left_bar/left_bar.module.scss

@@ -1,6 +1,6 @@
 @use "../../styles/viewport.module.scss" as *;
 
-$header_height: 64px;
+$header_height: 54px;
 
 .wrapper {
   display: none;

apps/demo_web/src/components/widgets/login_widget/login_default_view.tsx

@@ -9,8 +9,8 @@ import { Spacing } from "@oko-wallet/oko-common-ui/spacing";
 import { TelegramIcon } from "@oko-wallet/oko-common-ui/icons/telegram_icon";
 import { XIcon } from "@oko-wallet/oko-common-ui/icons/x_icon";
 import { AppleIcon } from "@oko-wallet/oko-common-ui/icons/apple_icon";
-import { OkoProductLogoIcon } from "@oko-wallet/oko-common-ui/icons/oko_product_logo_icon";
 import { MailboxIcon } from "@oko-wallet/oko-common-ui/icons/mailbox";
+import { OkoLogoIcon } from "@oko-wallet-common-ui/icons/oko_logo_icon";
 
 import styles from "./login_widget.module.scss";
 
@@ -31,10 +31,7 @@ export const LoginDefaultView: FC<LoginDefaultViewProps> = ({
   return (
     <Fragment>
       <div className={styles.logoWrapper}>
-        <Typography size="sm" weight="medium" color="primary">
-          Login or sign up
-        </Typography>
-        <Logo theme={"light"} />
+        <Logo theme={"light"} width={84} height={32} />
       </div>
 
       <Button
@@ -103,12 +100,7 @@ export const LoginDefaultView: FC<LoginDefaultViewProps> = ({
       <Spacing height={28} />
 
       <div className={styles.getSupportRow}>
-        <div className={styles.byKeplrRow}>
-          <OkoProductLogoIcon width={43.26} height={20} theme={"light"} />
-          <Typography size="xs" weight="medium" color="secondary">
-            by Keplr
-          </Typography>
-        </div>
+        <OkoLogoIcon width={37} height={14} theme={"light"} />
         <a
           href="https://help.keplr.app/"
           target="_blank"

apps/demo_web/src/components/widgets/login_widget/login_widget.module.scss

@@ -42,7 +42,8 @@
 
 .getSupportRow {
   display: flex;
-  justify-content: flex-end;
+  justify-content: space-between;
+  align-items: center;
   width: 100%;
 
   .supportLink {
@@ -65,14 +66,6 @@
   margin-left: -2px;
 }
 
-.byKeplrRow {
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  gap: 2px;
-  flex: 1 0 0;
-}
-
 .backRow {
   display: flex;
   flex-direction: row;

apps/docs_web/docs/v0/standalone/_category_.json

@@ -1,4 +1,4 @@
 {
   "label": "Standalone",
   "position": 50
-}
+}

apps/docs_web/docusaurus.config.ts

@@ -1,6 +1,7 @@
 import { themes as prismThemes } from "prism-react-renderer";
 import type { Config } from "@docusaurus/types";
 import type * as Preset from "@docusaurus/preset-classic";
+import type { PluginOptions } from "@signalwire/docusaurus-plugin-llms-txt/public";
 
 // This runs in Node.js - Don't use client-side code here (browser APIs, JSX...)
 
@@ -48,6 +49,7 @@ const config: Config = {
         content:
           "https://oko-wallet.s3.ap-northeast-2.amazonaws.com/assets/oko-og-image.png",
       },
+      { name: "algolia-site-verification", content: "3DDD6577E7B1AAA8" },
     ],
     navbar: {
       logo: {
@@ -102,7 +104,32 @@ const config: Config = {
       darkTheme: prismThemes.dracula,
       additionalLanguages: ["bash"],
     },
+    algolia: {
+      appId: "XFC1T7WVOO",
+      // Public API key: it is safe to commit it
+      apiKey: "84cedabc63e83c9aaea60a9066222a2e",
+      indexName: "Oko Docs",
+    },
   } satisfies Preset.ThemeConfig,
+  themes: ["@signalwire/docusaurus-theme-llms-txt"],
+  plugins: [
+    [
+      "@signalwire/docusaurus-plugin-llms-txt",
+      {
+        llmsTxt: {
+          enableLlmsFullTxt: true,
+        },
+        ui: {
+          copyPageContent: {
+            contentStrategy: "prefer-markdown",
+            display: {
+              docs: true,
+            },
+          },
+        },
+      } satisfies PluginOptions,
+    ],
+  ],
 };
 
 export default config;