feat: webinar app (#181)

* feat: webinar app

* chore: deps update

* fix: colors

* fix: locale

Author: hmbanan666

.github/workflows/docker-nightly.yml

@@ -26,7 +26,7 @@ jobs:
       - name: Set matrix
         id: set-matrix
         run: |
-          APPS=("web-app" "web-storefront" "web-parser" "atrium-telegram" "storefront-telegram" "core-telegram")
+          APPS=("web-app" "web-storefront" "web-parser" "atrium-telegram" "storefront-telegram" "core-telegram" "webinar")
           CHANGED=()
 
           if [ "${{ github.event_name }}" == "workflow_dispatch" ]; then

.github/workflows/docker-release.yml

@@ -33,7 +33,7 @@ jobs:
       - name: Set package in env
         id: set-package
         run: |
-          APPS=("web-app" "web-storefront" "web-parser" "atrium-telegram" "storefront-telegram" "core-telegram")
+          APPS=("web-app" "web-storefront" "web-parser" "atrium-telegram" "storefront-telegram" "core-telegram" "webinar")
           MATCH="${{ steps.regex-match.outputs.match }}"
 
           if [ -z "$MATCH" ]; then

.vscode/settings.json

@@ -69,5 +69,6 @@
   "sonarlint.connectedMode.project": {
     "connectionId": "sushi-love",
     "projectKey": "sushi-love_roll-stack"
-  }
+  },
+  "findUnusedExports.detectCircularImports": true
 }

apps/atrium-telegram/app/components/form/CreateFlowItem.vue

@@ -57,7 +57,6 @@ const state = ref<Partial<CreateFlowItem>>({
   title: undefined,
   description: undefined,
   type: 'user_post',
-  userId: userStore.id,
 })
 
 async function onSubmit(event: FormSubmitEvent<CreateFlowItem>) {

apps/atrium-telegram/server/api/flow/index.post.ts

@@ -14,7 +14,7 @@ export default defineEventHandler(async (event) => {
       type: data.type,
       title: data.title,
       description: data.description,
-      userId: data.userId,
+      userId: event.context.user.id,
     })
     if (!item) {
       throw createError({

apps/atrium-telegram/shared/services/flow.ts

@@ -6,6 +6,5 @@ export const createFlowItemSchema = type({
   title: type('2 <= string <= 150').describe('error.length.invalid'),
   description: type('string <= 1500 | undefined').describe('error.length.invalid').optional(),
   type: flowTypeSchema.describe('error.length.invalid'),
-  userId: type('string | undefined').describe('error.length.invalid').optional(),
 })
 export type CreateFlowItem = typeof createFlowItemSchema.infer

apps/webinar/app/app.config.ts

@@ -0,0 +1,60 @@
+export default defineAppConfig({
+  ui: {
+    button: {
+      slots: {
+        base: 'font-semibold',
+      },
+      variants: {
+        size: {
+          xl: {
+            base: 'px-4 py-3 font-semibold',
+          },
+        },
+        variant: {
+          gradient: 'text-white bg-linear-to-br from-secondary-400 to-secondary-500 hover:opacity-90 disabled:from-neutral-300 disabled:to-neutral-400 aria-disabled:from-neutral-300 aria-disabled:to-neutral-400 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary',
+        },
+        color: {
+          secondary: '!text-white disabled:!bg-inverted/25',
+        },
+      },
+    },
+    tabs: {
+      variants: {
+        variant: {
+          pill: {
+            trigger: 'data-[state=active]:!text-white',
+          },
+          gradient: {
+            list: 'bg-elevated rounded-lg',
+            trigger: 'data-[state=active]:bg-linear-to-br from-lime-300 to-lime-500 data-[state=active]:text-neutral-950 flex-1 w-full',
+            indicator: 'rounded-md shadow-xs',
+          },
+        },
+      },
+    },
+    modal: {
+      slots: {
+        content: 'divide-y-0',
+        header: 'pb-0 min-h-12',
+        title: 'text-lg/5 font-semibold',
+      },
+    },
+    navigationMenu: {
+      slots: {
+        link: 'text-sm',
+      },
+    },
+    toast: {
+      slots: {
+        title: 'text-lg/6',
+        description: 'leading-4',
+        icon: 'shrink-0 size-7',
+      },
+    },
+    card: {
+      slots: {
+        body: 'p-4 sm:p-4',
+      },
+    },
+  },
+})

apps/webinar/app/app.vue

@@ -0,0 +1,25 @@
+<template>
+  <UApp
+    :locale="locales[locale]"
+    class="min-h-svh"
+  >
+    <NuxtLoadingIndicator :color="false" class="bg-primary h-[2px]" />
+    <NuxtPage />
+  </UApp>
+</template>
+
+<script setup lang="ts">
+import * as locales from '@nuxt/ui/locale'
+
+const { locale } = useI18n()
+
+const lang = computed(() => locales[locale.value].code)
+const dir = computed(() => locales[locale.value].dir)
+
+useHead({
+  htmlAttrs: {
+    lang,
+    dir,
+  },
+})
+</script>

apps/webinar/app/assets/css/styles.css

@@ -0,0 +1,3 @@
+h1, h2, h3, h4, h5, h6 {
+  font-family: var(--font-headers);
+}

apps/webinar/app/components/HeaderLogo.vue

@@ -0,0 +1,7 @@
+<template>
+  <img
+    src="/sushi-main-logo.png"
+    alt=""
+    class="mx-auto h-20 w-auto motion-preset-pop"
+  >
+</template>