wip

Signed-off-by: Mior Muhammad Zaki <[email protected]>

Author: crynobone

package-lock.json

@@ -1,6 +1,7 @@
 {
   "name": "laravel-nova-devtool",
   "description": "Laravel Nova DevTool",
+  "types": "types/index.d.ts",
   "dependencies": {
     "@vue/compiler-sfc": "^3.4.38",
     "autoprefixer": "^10.4.20",
@@ -11,9 +12,11 @@
     "vue-loader": "^16.8.3"
   },
   "peerDependencies": {
+    "@inertiajs/vue3": "^1.0.0",
     "axios": "^1.7.4",
     "lodash": "^4.17.21",
     "tailwindcss": "^3.4.10",
-    "vue": "^3.4.38"
+    "vue": "^3.4.38",
+    "vuex": "^4.0.2"
   }
 }

package.json

@@ -0,0 +1,4 @@
+export type Badge = {
+  typeClass: string;
+  value: any;
+};

types/components.ts

@@ -0,0 +1,81 @@
+import type { Menu } from './menu'
+
+type BootingCallback = ((app: any, store: any) => void);
+
+type Color = {
+  [key: string]: string;
+}
+
+export type AppConfig = {
+  algoliaApiKey?: any;
+  algoliaAppId?: any;
+  appName: string;
+  base: string;
+  brandColors: Color[];
+  brandColorsCSS: string;
+  customLoginPath: boolean;
+  customLogoutPath: boolean;
+  debounce: number;
+  footer: string;
+  forgotPasswordPath: string | boolean;
+  globalSearchEnabled: boolean;
+  hasGloballySearchableResources: boolean;
+  initialPath: string;
+  locale: string;
+  logo?: string;
+  mainMenu: Menu[];
+  notificationCenterEnabled: boolean;
+  notificationPollingInterval: number;
+  pagination: string;
+  resetPasswordPath: boolean;
+  resources: Resource[];
+  rtlEnabled: boolean;
+  themeSwitcherEnabled: boolean;
+  timezone: string;
+  translations: Translations;
+  userId: number;
+  userMenu: Menu[];
+  userTimezone?: any;
+  version: string;
+  withAuthentication: boolean;
+  withPasswordReset: boolean;
+}
+
+type Resource = {
+  uriKey: string;
+  label: string;
+  singularLabel: string;
+  createButtonLabel: string;
+  updateButtonLabel: string;
+  authorizedToCreate: boolean;
+  searchable: boolean;
+  perPageOptions: number[];
+  tableStyle: string;
+  showColumnBorders: boolean;
+  debounce: number;
+  clickAction: string;
+};
+
+type Translations = {
+  [key: string]: string;
+}
+
+export declare type NovaApp = {
+  $router: import('@inertiajs/core').Router;
+  app: import('vue').App<Element>;
+  appConfig: AppConfig;
+  mountTo: Element;
+  store: import('vuex').Store<any>;
+  boot: () => void;
+  booting: (callback: BootingCallback) => void;
+  config: (key: string|null) => any;
+  countdown(): Promise<void>;
+  request: (options: Object) => import('axios').AxiosInstance;
+  liftOff(): void;
+}
+
+declare global {
+  interface Window {
+    Nova: NovaApp    
+  }
+}

types/index.d.ts

@@ -0,0 +1,11 @@
+export type Menu = {
+  key: string;
+  name: string;
+  component: "menu-section" | "menu-group" | "menu-item";
+  items: (Menu | MenuItem)[];
+  collapsable: boolean;
+  icon: string;
+  path: string;
+  active?: boolean;
+  badge?: import('./components.d').Badge;
+};