@hed-hog/core 0.0.294 → 0.0.296

package/hedhog/frontend/app/configurations/layout.tsx.ejs

@@ -18,6 +18,14 @@ import {
   DropdownMenuItem,
   DropdownMenuTrigger,
 } from '@/components/ui/dropdown-menu';
+import { ScrollArea, ScrollBar } from '@/components/ui/scroll-area';
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select';
 import { cn } from '@/lib/utils';
 import { PaginatedResult } from '@/types/pagination-result';
 import { SettingGroup } from '@hed-hog/api-types';
@@ -25,8 +33,8 @@ import { useApp, useQuery } from '@hed-hog/next-app-provider';
 import { Download, MenuIcon, Upload } from 'lucide-react';
 import { useTranslations } from 'next-intl';
 import Link from 'next/link';
-import { usePathname } from 'next/navigation';
-import { useCallback, useRef, useState } from 'react';
+import { usePathname, useRouter } from 'next/navigation';
+import { useCallback, useEffect, useRef, useState } from 'react';
 
 interface SettingsValidation {
   totalSettings: number;
@@ -43,6 +51,7 @@ interface IProps {
 export default function ConfigurationsLayout({ children }: IProps) {
   const t = useTranslations('core.Configurations');
   const pathname = usePathname();
+  const router = useRouter();
   const { request, currentLocaleCode, showToastHandler } = useApp();
 
   const { data: settingGroups, refetch } = useQuery<
@@ -62,6 +71,24 @@ export default function ConfigurationsLayout({ children }: IProps) {
   const [importDialogOpen, setImportDialogOpen] = useState(false);
   const [importData, setImportData] = useState<SettingsValidation | null>(null);
   const fileInputRef = useRef<HTMLInputElement>(null);
+  const tabsContainerRef = useRef<HTMLDivElement>(null);
+
+  const groups = settingGroups?.data || [];
+  const activeGroup = groups.find(
+    (item) => pathname === `/core/configurations/${item.slug}`
+  );
+
+  useEffect(() => {
+    const activeTab = tabsContainerRef.current?.querySelector<HTMLElement>(
+      '[data-active="true"]'
+    );
+
+    activeTab?.scrollIntoView({
+      behavior: 'smooth',
+      inline: 'center',
+      block: 'nearest',
+    });
+  }, [pathname, groups.length]);
 
   const handleExport = (includeSecrets: boolean) => {
     request<Blob>({
@@ -144,7 +171,7 @@ export default function ConfigurationsLayout({ children }: IProps) {
   }, [importData, request, refetch, showToastHandler, t]);
 
   return (
-    <div className="flex flex-col h-screen px-4">
+    <div className="flex min-w-0 flex-col overflow-x-hidden px-4">
       <PageHeader
         breadcrumbs={[
           { label: t('breadcrumbHome'), href: '/' },
@@ -280,29 +307,63 @@ export default function ConfigurationsLayout({ children }: IProps) {
         }
       />
 
-      <div className="border-b border-border mb-6">
-        <nav className="flex gap-6" aria-label="Configuration tabs">
-          {(settingGroups?.data || []).map((item: SettingGroup) => {
-            const isActive = pathname === `/core/configurations/${item.slug}`;
-            return (
-              <Link
-                key={item.slug}
-                href={item.slug}
-                className={cn(
-                  'pb-3 px-1 text-sm font-medium border-b-2 transition-colors',
-                  isActive
-                    ? 'border-primary text-primary'
-                    : 'border-transparent text-muted-foreground hover:text-foreground hover:border-muted-foreground'
-                )}
+      <div className="sticky top-0 z-20 -mx-4 mb-6 border-b border-border bg-background/95 px-4 backdrop-blur supports-[backdrop-filter]:bg-background/80">
+        <div className="min-w-0 overflow-x-hidden">
+          <div className="pb-4 pt-2 md:hidden">
+            <Select
+              value={activeGroup?.slug}
+              onValueChange={(value) =>
+                router.push(`/core/configurations/${value}`)
+              }
+            >
+              <SelectTrigger className="w-full bg-background">
+                <SelectValue placeholder={activeGroup?.name || t('title')} />
+              </SelectTrigger>
+              <SelectContent>
+                {groups.map((item: SettingGroup) => (
+                  <SelectItem key={item.slug} value={item.slug}>
+                    {item.name}
+                  </SelectItem>
+                ))}
+              </SelectContent>
+            </Select>
+          </div>
+
+          <div className="hidden min-w-0 overflow-x-hidden md:block">
+            <ScrollArea className="w-full min-w-0" type="auto">
+              <nav
+                ref={tabsContainerRef}
+                className="flex min-w-max gap-2"
+                aria-label="Configuration tabs"
               >
-                {item.name}
-              </Link>
-            );
-          })}
-        </nav>
+                {groups.map((item: SettingGroup) => {
+                  const isActive =
+                    pathname === `/core/configurations/${item.slug}`;
+
+                  return (
+                    <Link
+                      key={item.slug}
+                      href={item.slug}
+                      data-active={isActive}
+                      className={cn(
+                        'shrink-0 border-b-2 px-3 py-3 text-sm font-medium whitespace-nowrap transition-colors',
+                        isActive
+                          ? 'border-primary text-primary'
+                          : 'border-transparent text-muted-foreground hover:text-foreground hover:border-muted-foreground'
+                      )}
+                    >
+                      {item.name}
+                    </Link>
+                  );
+                })}
+              </nav>
+              <ScrollBar orientation="horizontal" />
+            </ScrollArea>
+          </div>
+        </div>
       </div>
 
-      <div className="pb-[100px]">{children}</div>
+      <div className="min-w-0 pb-25">{children}</div>
 
       <input
         ref={fileInputRef}

package/hedhog/frontend/app/preferences/page.tsx.ejs

@@ -17,30 +17,30 @@ import { useApp, useQuery } from '@hed-hog/next-app-provider';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { Loader } from 'lucide-react';
 import { useTranslations } from 'next-intl';
-import { useForm } from 'react-hook-form';
-import { z } from 'zod';
-
-const THEME_SOURCE_STORAGE_KEY = 'theme-source';
-
-const getStoredThemeSource = (): 'explicit' | 'fallback' | null => {
-  if (typeof window === 'undefined') return null;
-
-  const rawThemeSource = window.localStorage.getItem(THEME_SOURCE_STORAGE_KEY);
-  if (rawThemeSource === null) return null;
-
-  try {
-    const parsedThemeSource = JSON.parse(rawThemeSource);
-    return parsedThemeSource === 'explicit' || parsedThemeSource === 'fallback'
-      ? parsedThemeSource
-      : null;
-  } catch {
-    return rawThemeSource === 'explicit' || rawThemeSource === 'fallback'
-      ? rawThemeSource
-      : null;
-  }
-};
-
-export default function PreferencesPage() {
+import { useForm } from 'react-hook-form';
+import { z } from 'zod';
+
+const THEME_SOURCE_STORAGE_KEY = 'theme-source';
+
+const getStoredThemeSource = (): 'explicit' | 'fallback' | null => {
+  if (typeof window === 'undefined') return null;
+
+  const rawThemeSource = window.localStorage.getItem(THEME_SOURCE_STORAGE_KEY);
+  if (rawThemeSource === null) return null;
+
+  try {
+    const parsedThemeSource = JSON.parse(rawThemeSource);
+    return parsedThemeSource === 'explicit' || parsedThemeSource === 'fallback'
+      ? parsedThemeSource
+      : null;
+  } catch {
+    return rawThemeSource === 'explicit' || rawThemeSource === 'fallback'
+      ? rawThemeSource
+      : null;
+  }
+};
+
+export default function PreferencesPage() {
   const {
     currentTheme,
     setCurrentTheme,
@@ -93,32 +93,29 @@ export default function PreferencesPage() {
       theme: '',
     },
   });
-
-  const handleThemeChange = async (value: 'light' | 'dark' | 'system') => {
-    const previousTheme = currentTheme;
-    const previousThemeSource = getStoredThemeSource();
-    setCurrentTheme(value);
-
-    try {
+
+  const handleThemeChange = async (value: 'light' | 'dark' | 'system') => {
+    const previousTheme = currentTheme;
+    const previousThemeSource = getStoredThemeSource();
+    setCurrentTheme(value);
+
+    try {
       await request({
         url: '/profile/preferences',
         method: 'PUT',
         data: { theme: value },
       });
       await refetchUser();
-    } catch {
-      setCurrentTheme(previousTheme);
-
-      if (
-        typeof window !== 'undefined' &&
-        previousThemeSource !== 'explicit'
-      ) {
-        window.localStorage.removeItem(THEME_SOURCE_STORAGE_KEY);
-      }
-
-      await refetchUser();
-      showToastHandler(
-        'error',
+    } catch {
+      setCurrentTheme(previousTheme);
+
+      if (typeof window !== 'undefined' && previousThemeSource !== 'explicit') {
+        window.localStorage.removeItem(THEME_SOURCE_STORAGE_KEY);
+      }
+
+      await refetchUser();
+      showToastHandler(
+        'error',
         t('themeUpdateError') || 'Failed to update theme'
       );
     }
@@ -132,7 +129,7 @@ export default function PreferencesPage() {
         data: { language: code },
       });
       await refetchUser();
-    } catch {
+    } catch (error) {
       showToastHandler(
         'error',
         t('languageUpdateError') || 'Failed to update language'
@@ -148,7 +145,7 @@ export default function PreferencesPage() {
         'success',
         t('dateFormatUpdated') || 'Date format updated successfully'
       );
-    } catch {
+    } catch {
       showToastHandler(
         'error',
         t('dateFormatUpdateError') || 'Failed to update date format'
@@ -163,7 +160,7 @@ export default function PreferencesPage() {
         'success',
         t('timeFormatUpdated') || 'Time format updated successfully'
       );
-    } catch {
+    } catch {
       showToastHandler(
         'error',
         t('timeFormatUpdateError') || 'Failed to update time format'
@@ -178,7 +175,7 @@ export default function PreferencesPage() {
         'success',
         t('timezoneUpdated') || 'Timezone updated successfully'
       );
-    } catch {
+    } catch {
       showToastHandler(
         'error',
         t('timezoneUpdateError') || 'Failed to update timezone'

package/hedhog/table/inbox_event.yaml

@@ -0,0 +1,40 @@
+columns:
+  - type: pk
+  - name: outbox_event_id
+    type: fk
+    references:
+      table: outbox_event
+      column: id
+      onDelete: CASCADE
+  - name: consumer_name
+    length: 255
+  - name: status
+    type: enum
+    enum:
+      - received
+      - processing
+      - processed
+      - failed
+      - skipped
+    default: received
+  - name: attempt_count
+    type: int
+    default: 0
+  - name: last_error
+    length: 1023
+    isNullable: true
+  - name: processed_at
+    type: timestamptz
+    isNullable: true
+  - type: created_at
+  - type: updated_at
+
+indexes:
+  - columns:
+      - outbox_event_id
+      - consumer_name
+    isUnique: true
+  - columns:
+      - status
+  - columns:
+      - created_at

package/hedhog/table/integration_link.yaml

@@ -0,0 +1,33 @@
+columns:
+  - type: pk
+  - name: source_module
+    length: 127
+  - name: source_entity_type
+    length: 127
+  - name: source_entity_id
+    length: 36
+  - name: target_module
+    length: 127
+  - name: target_entity_type
+    length: 127
+  - name: target_entity_id
+    length: 36
+  - name: link_type
+    length: 63
+  - name: metadata
+    type: json
+    isNullable: true
+  - type: created_at
+  - type: updated_at
+
+indexes:
+  - columns:
+      - source_module
+      - source_entity_type
+      - source_entity_id
+  - columns:
+      - target_module
+      - target_entity_type
+      - target_entity_id
+  - columns:
+      - link_type

package/hedhog/table/outbox_event.yaml

@@ -0,0 +1,45 @@
+columns:
+  - type: pk
+  - name: event_name
+    length: 255
+  - name: source_module
+    length: 127
+  - name: aggregate_type
+    length: 127
+  - name: aggregate_id
+    length: 36
+  - name: payload
+    type: json
+  - name: status
+    type: enum
+    enum:
+      - pending
+      - processing
+      - processed
+      - failed
+      - dead_letter
+    default: pending
+  - name: attempt_count
+    type: int
+    default: 0
+  - name: last_error
+    length: 1023
+    isNullable: true
+  - name: available_at
+    type: timestamptz
+  - name: processed_at
+    type: timestamptz
+    isNullable: true
+  - type: created_at
+  - type: updated_at
+
+indexes:
+  - columns:
+      - status
+      - available_at
+  - columns:
+      - source_module
+      - aggregate_type
+      - aggregate_id
+  - columns:
+      - created_at

package/hedhog/table/setting.yaml

@@ -51,5 +51,12 @@ columns:
     locale:
       en: Name
       pt: Nome
+  - name: subgroup_id
+    type: fk
+    references:
+      table: setting_subgroup
+      column: id
+      onDelete: SET NULL
+    isNullable: true
   - type: created_at
   - type: updated_at

package/hedhog/table/setting_subgroup.yaml

@@ -0,0 +1,19 @@
+columns:
+  - type: pk
+  - type: slug
+  - name: name
+    type: locale_varchar
+    length: 63
+    isNullable: true
+    locale:
+      en: Name
+      pt: Nome
+  - name: description
+    type: locale_varchar
+    length: 255
+    isNullable: true
+    locale:
+      en: Description
+      pt: Descrição
+  - type: created_at
+  - type: updated_at

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hed-hog/core",
-  "version": "0.0.294",
+  "version": "0.0.296",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "dependencies": {
@@ -30,12 +30,12 @@
     "sharp": "^0.34.2",
     "speakeasy": "^2.0.0",
     "uuid": "^11.1.0",
-    "@hed-hog/api-pagination": "0.0.6",
-    "@hed-hog/api-locale": "0.0.13",
-    "@hed-hog/api": "0.0.4",
-    "@hed-hog/api-types": "0.0.1",
-    "@hed-hog/api-mail": "0.0.8",
-    "@hed-hog/api-prisma": "0.0.5"
+    "@hed-hog/api-locale": "0.0.14",
+    "@hed-hog/api": "0.0.6",
+    "@hed-hog/api-mail": "0.0.9",
+    "@hed-hog/api-prisma": "0.0.6",
+    "@hed-hog/api-pagination": "0.0.7",
+    "@hed-hog/api-types": "0.0.1"
   },
   "exports": {
     ".": {
@@ -76,7 +76,7 @@
     "_dev": "pnpm build --watch",
     "lint": "eslint \"{src,apps,libs,test}/**/*.ts\"",
     "clean": "rimraf dist tsconfig.production.tsbuildinfo",
-    "prebuild": "pnpm run clean && pnpm exec ts-node ../../scripts/build-dependencies.ts libraries/core",
+    "prebuild": "pnpm run clean && pnpm --dir ../.. exec ts-node ./scripts/build-dependencies.ts libraries/core",
     "build": "tsc --project tsconfig.production.json && pnpm run copy:templates",
     "copy:templates": "node -e \"require('fs').cpSync('src/file/templates', 'dist/file/templates', {recursive: true})\"",
     "patch": "pnpm exec ts-node ../../scripts/patch.ts libraries/core",

package/src/core.module.ts

@@ -13,6 +13,7 @@ import { SystemModule } from './core/system.module';
 import { DashboardModule } from './dashboard/dashboard.module';
 import { FileModule } from './file/file.module';
 import { InstallModule } from './install/install.module';
+import { IntegrationModule } from './integration/integration.module';
 import { MailSentModule } from './mail-sent/mail-sent.module';
 import { MailModule } from './mail/mail.module';
 import { MenuModule } from './menu/menu.module';
@@ -60,7 +61,8 @@ import { ValidatorServiceLocator } from './validators/service-locator';
     forwardRef(() => SecurityModule),
     forwardRef(() => ProfileModule),
     forwardRef(() => SessionModule),
-    forwardRef(() => OAuthModule)
+    forwardRef(() => OAuthModule),
+    forwardRef(() => IntegrationModule),
   ],
   exports: [
     UserModule,
@@ -75,6 +77,7 @@ import { ValidatorServiceLocator } from './validators/service-locator';
     FileModule,
     SessionModule,
     AiModule,
+    IntegrationModule,
     IsStrongPasswordWithSettingsConstraint,
     IsEmailWithSettingsConstraint,
     IsPinCodeWithSettingConstraint,

package/src/index.ts

@@ -29,6 +29,21 @@ export * from './setting/setting.service';
 export * from './ai/ai.module';
 export * from './ai/ai.service';
 
+// Integration Module
+export * from './integration/integration.module';
+export * from './integration/services/domain-event.publisher';
+export * from './integration/services/event-subscriber.registry';
+export * from './integration/services/inbox.service';
+export * from './integration/services/integration-developer-api.service';
+export * from './integration/services/integration-link.service';
+export * from './integration/services/integration-settings.service';
+export * from './integration/services/outbox-polling.coordinator';
+export * from './integration/services/outbox.notifier';
+export * from './integration/services/outbox.processor';
+export * from './integration/services/outbox.processor.job';
+export * from './integration/services/outbox.service';
+export * from './integration/types';
+
 // Validators
 export * from './validators/is-email-with-settings.validator';
 export * from './validators/is-pin-code-with-setting.validator';