@superdangerous/app-framework 4.16.0 → 4.16.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/package.json +3 -2
  2. package/ui/dist/index.d.mts +11 -2
  3. package/ui/dist/index.d.ts +11 -2
  4. package/ui/dist/index.js +35 -35
  5. package/ui/dist/index.js.map +1 -1
  6. package/ui/dist/index.mjs +35 -35
  7. package/ui/dist/index.mjs.map +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@superdangerous/app-framework",
3
- "version": "4.16.0",
3
+ "version": "4.16.2",
4
4
  "description": "Opinionated TypeScript framework for structured vibecoding - building internal web and desktop apps with batteries included",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",
@@ -53,6 +53,7 @@
53
53
  "scripts": {
54
54
  "build": "tsc",
55
55
  "build:ui": "cd ui && npm ci && npm run build",
56
+ "build:all": "npm run build && npm run build:ui",
56
57
  "build:watch": "tsc --watch",
57
58
  "clean": "rm -rf dist",
58
59
  "prebuild": "npm run clean",
@@ -72,7 +73,7 @@
72
73
  "format": "prettier --write 'src/**/*.ts' '*.md'",
73
74
  "format:check": "prettier --check 'src/**/*.ts' '*.md'",
74
75
  "typecheck": "tsc --noEmit",
75
- "prepare": "npm run build"
76
+ "prepare": "npm run build:all"
76
77
  },
77
78
  "keywords": [
78
79
  "framework",
package/ui/dist/index.d.mts CHANGED
@@ -732,6 +732,15 @@ interface AppLayoutProps {
732
732
  navigation: NavItem[];
733
733
  children: React__default.ReactNode;
734
734
  logoSrc?: string;
735
+ /** Custom CSS class for logo (default: "h-8 w-auto") */
736
+ logoClassName?: string;
737
+ /** Offset for logo positioning, e.g., { top: -4, left: 0 } */
738
+ logoOffset?: {
739
+ top?: number;
740
+ left?: number;
741
+ };
742
+ /** Custom header height class (default: "h-16") */
743
+ headerHeight?: string;
735
744
  showLogout?: boolean;
736
745
  onLogout?: () => void;
737
746
  authenticated?: boolean;
@@ -743,14 +752,14 @@ interface AppLayoutProps {
743
752
  * Standardized application layout for web apps
744
753
  * Provides consistent header, navigation, and connection status
745
754
  */
746
- declare function AppLayout({ appName, appVersion, navigation, children, logoSrc, showLogout, onLogout, authenticated, connectionStatusUrl, className, primaryColor }: AppLayoutProps): react_jsx_runtime.JSX.Element;
755
+ declare function AppLayout({ appName, appVersion, navigation, children, logoSrc, logoClassName, logoOffset, headerHeight, showLogout, onLogout, authenticated, connectionStatusUrl, className, primaryColor }: AppLayoutProps): react_jsx_runtime.JSX.Element;
747
756
  /**
748
757
  * Layout with sidebar navigation (alternative layout style)
749
758
  */
750
759
  interface SidebarLayoutProps extends Omit<AppLayoutProps, 'primaryColor'> {
751
760
  sidebarWidth?: number;
752
761
  }
753
- declare function SidebarLayout({ appName, appVersion, navigation, children, logoSrc, showLogout, onLogout, authenticated, connectionStatusUrl, sidebarWidth, className }: SidebarLayoutProps): react_jsx_runtime.JSX.Element;
762
+ declare function SidebarLayout({ appName, appVersion, navigation, children, logoSrc, logoClassName, logoOffset, headerHeight, showLogout, onLogout, authenticated, connectionStatusUrl, sidebarWidth, className }: SidebarLayoutProps): react_jsx_runtime.JSX.Element;
754
763
 
755
764
  /**
756
765
  * Activity LED Component
package/ui/dist/index.d.ts CHANGED
@@ -732,6 +732,15 @@ interface AppLayoutProps {
732
732
  navigation: NavItem[];
733
733
  children: React__default.ReactNode;
734
734
  logoSrc?: string;
735
+ /** Custom CSS class for logo (default: "h-8 w-auto") */
736
+ logoClassName?: string;
737
+ /** Offset for logo positioning, e.g., { top: -4, left: 0 } */
738
+ logoOffset?: {
739
+ top?: number;
740
+ left?: number;
741
+ };
742
+ /** Custom header height class (default: "h-16") */
743
+ headerHeight?: string;
735
744
  showLogout?: boolean;
736
745
  onLogout?: () => void;
737
746
  authenticated?: boolean;
@@ -743,14 +752,14 @@ interface AppLayoutProps {
743
752
  * Standardized application layout for web apps
744
753
  * Provides consistent header, navigation, and connection status
745
754
  */
746
- declare function AppLayout({ appName, appVersion, navigation, children, logoSrc, showLogout, onLogout, authenticated, connectionStatusUrl, className, primaryColor }: AppLayoutProps): react_jsx_runtime.JSX.Element;
755
+ declare function AppLayout({ appName, appVersion, navigation, children, logoSrc, logoClassName, logoOffset, headerHeight, showLogout, onLogout, authenticated, connectionStatusUrl, className, primaryColor }: AppLayoutProps): react_jsx_runtime.JSX.Element;
747
756
  /**
748
757
  * Layout with sidebar navigation (alternative layout style)
749
758
  */
750
759
  interface SidebarLayoutProps extends Omit<AppLayoutProps, 'primaryColor'> {
751
760
  sidebarWidth?: number;
752
761
  }
753
- declare function SidebarLayout({ appName, appVersion, navigation, children, logoSrc, showLogout, onLogout, authenticated, connectionStatusUrl, sidebarWidth, className }: SidebarLayoutProps): react_jsx_runtime.JSX.Element;
762
+ declare function SidebarLayout({ appName, appVersion, navigation, children, logoSrc, logoClassName, logoOffset, headerHeight, showLogout, onLogout, authenticated, connectionStatusUrl, sidebarWidth, className }: SidebarLayoutProps): react_jsx_runtime.JSX.Element;
754
763
 
755
764
  /**
756
765
  * Activity LED Component