@mohamedatia/fly-design-system 1.0.0

package/fesm2022/mohamedatia-fly-design-system.mjs

@@ -0,0 +1,21 @@
+import { InjectionToken } from '@angular/core';
+
+const WINDOW_DATA = new InjectionToken('WINDOW_DATA');
+
+/*
+ * @fly/design-system — Public API
+ *
+ * This is the single entry point for Business App developers.
+ * Import everything from '@fly/design-system' — never from relative shell paths.
+ *
+ * v1.0.0 exports the core models and tokens needed to integrate with the
+ * FlyOS desktop shell. Components, directives, and pipes will be added in
+ * subsequent releases as they are extracted from the shell.
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { WINDOW_DATA };
+//# sourceMappingURL=mohamedatia-fly-design-system.mjs.map

package/fesm2022/mohamedatia-fly-design-system.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mohamedatia-fly-design-system.mjs","sources":["../../../projects/design-system/src/lib/models/window.model.ts","../../../projects/design-system/src/public-api.ts","../../../projects/design-system/src/mohamedatia-fly-design-system.ts"],"sourcesContent":["import { InjectionToken, Type } from '@angular/core';\r\n\r\nexport type WindowState = 'normal' | 'minimized' | 'maximized';\r\n\r\nexport interface ChildWindowData {\r\n  childComponent: Type<unknown>;\r\n  [key: string]: unknown;\r\n}\r\n\r\nexport interface WindowInstance {\r\n  id: string;\r\n  appId: string;\r\n  title: string;\r\n  icon: string;\r\n  iconBg: string;\r\n  state: WindowState;\r\n  position: { x: number; y: number };\r\n  size: { width: number; height: number };\r\n  zIndex: number;\r\n  isFocused: boolean;\r\n  isClosing?: boolean;\r\n  isMinimizing?: boolean;\r\n  isRestoring?: boolean;\r\n  isMaximizing?: boolean;\r\n  isUnmaximizing?: boolean;\r\n  parentWindowId?: string;\r\n  childData?: ChildWindowData;\r\n}\r\n\r\nexport const WINDOW_DATA = new InjectionToken<WindowInstance>('WINDOW_DATA');\r\n","/*\r\n * @fly/design-system — Public API\r\n *\r\n * This is the single entry point for Business App developers.\r\n * Import everything from '@fly/design-system' — never from relative shell paths.\r\n *\r\n * v1.0.0 exports the core models and tokens needed to integrate with the\r\n * FlyOS desktop shell. Components, directives, and pipes will be added in\r\n * subsequent releases as they are extracted from the shell.\r\n */\r\n\r\n// ─── Models ──────────────────────────────────────────────────────────────────\r\nexport type { DesktopApp } from './lib/models/app.model';\r\nexport type {\r\n  WindowInstance,\r\n  WindowState,\r\n  ChildWindowData,\r\n} from './lib/models/window.model';\r\nexport { WINDOW_DATA } from './lib/models/window.model';\r\n\r\n// ─── Remote App Registration ─────────────────────────────────────────────────\r\nexport type { RemoteAppDef } from './lib/models/remote-app.model';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;MA6Ba,WAAW,GAAG,IAAI,cAAc,CAAiB,aAAa;;AC7B3E;;;;;;;;;AASG;;ACTH;;AAEG;;;;"}

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@mohamedatia/fly-design-system",
+  "version": "1.0.0",
+  "description": "FlyOS design system — shared components, directives, pipes, services, and models for Business App developers.",
+  "keywords": [
+    "flyos",
+    "design-system",
+    "angular"
+  ],
+  "license": "MIT",
+  "peerDependencies": {
+    "@angular/animations": "^21.0.0",
+    "@angular/cdk": "^21.0.0",
+    "@angular/common": "^21.0.0",
+    "@angular/core": "^21.0.0",
+    "@angular/forms": "^21.0.0",
+    "@angular/router": "^21.0.0",
+    "primeng": "^21.0.0",
+    "rxjs": "~7.8.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "module": "fesm2022/mohamedatia-fly-design-system.mjs",
+  "typings": "types/mohamedatia-fly-design-system.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/mohamedatia-fly-design-system.d.ts",
+      "default": "./fesm2022/mohamedatia-fly-design-system.mjs"
+    }
+  },
+  "sideEffects": false,
+  "type": "module",
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
+}

package/types/mohamedatia-fly-design-system.d.ts

@@ -0,0 +1,85 @@
+import { Type, InjectionToken } from '@angular/core';
+
+interface DesktopApp {
+    id: string;
+    name: string;
+    icon: string;
+    iconBg: string;
+    description: string;
+    loadComponent: () => Promise<Type<unknown>>;
+    defaultSize: {
+        width: number;
+        height: number;
+    };
+    minSize?: {
+        width: number;
+        height: number;
+    };
+    isPinned: boolean;
+    category: 'system' | 'productivity' | 'analytics' | 'utility';
+    chromeless?: boolean;
+}
+
+type WindowState = 'normal' | 'minimized' | 'maximized';
+interface ChildWindowData {
+    childComponent: Type<unknown>;
+    [key: string]: unknown;
+}
+interface WindowInstance {
+    id: string;
+    appId: string;
+    title: string;
+    icon: string;
+    iconBg: string;
+    state: WindowState;
+    position: {
+        x: number;
+        y: number;
+    };
+    size: {
+        width: number;
+        height: number;
+    };
+    zIndex: number;
+    isFocused: boolean;
+    isClosing?: boolean;
+    isMinimizing?: boolean;
+    isRestoring?: boolean;
+    isMaximizing?: boolean;
+    isUnmaximizing?: boolean;
+    parentWindowId?: string;
+    childData?: ChildWindowData;
+}
+declare const WINDOW_DATA: InjectionToken<WindowInstance>;
+
+/**
+ * Describes a Business App remote registered via the Controller App's
+ * /api/apps/manifest endpoint. The shell loads the component at runtime
+ * using Angular Native Federation.
+ */
+interface RemoteAppDef {
+    id: string;
+    /** URL to the remote's federation manifest, e.g. https://my-app-cdn.example.com/remoteEntry.json */
+    remoteEntry: string;
+    /** The module key exposed by the remote's federation.config.js, e.g. "./MyAppComponent" */
+    exposedModule: string;
+    nameKey: string;
+    descriptionKey: string;
+    icon: string;
+    iconBg: string;
+    defaultSize: {
+        width: number;
+        height: number;
+    };
+    minSize?: {
+        width: number;
+        height: number;
+    };
+    isPinned: boolean;
+    category: DesktopApp['category'];
+    chromeless?: boolean;
+}
+
+export { WINDOW_DATA };
+export type { ChildWindowData, DesktopApp, RemoteAppDef, WindowInstance, WindowState };
+//# sourceMappingURL=mohamedatia-fly-design-system.d.ts.map

package/types/mohamedatia-fly-design-system.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mohamedatia-fly-design-system.d.ts","sources":["../../../projects/design-system/src/lib/models/app.model.ts","../../../projects/design-system/src/lib/models/window.model.ts","../../../projects/design-system/src/lib/models/remote-app.model.ts"],"mappings":";;UAEiB,UAAU;;;;;;yBAMJ,OAAO,CAAC,IAAI;AACjC;;;;AACA;;;;;;;AAID;;ACZK,KAAM,WAAW;UAEN,eAAe;AAC9B,oBAAgB,IAAI;AACpB;AACD;UAEgB,cAAc;;;;;;WAMtB,WAAW;AAClB;;;;AACA;;;;;;;;;;;;gBASY,eAAe;AAC5B;AAED,cAAa,WAAW,EAAA,cAAA,CAAA,cAAA;;AC3BxB;;;;AAIG;UACc,YAAY;;;;;;;;;;AAU3B;;;;AACA;;;;;AAEA,cAAU,UAAU;;AAErB;;;;","names":[]}