+
Status:
-
- WebSocket
+
+
-
+
Device Connection
-
+
tunneld
-
+
Location Simulation
diff --git a/src/components/models.ts b/src/components/models.ts
index 6945920..e2cf6bf 100644
--- a/src/components/models.ts
+++ b/src/components/models.ts
@@ -1,8 +1,201 @@
-export interface Todo {
- id: number;
- content: string;
+
+export type SimulationCommands = "start" | "pause" | "resume" | "clear" | "end" | "add";
+
+export type DeviceCommands= "start_tunnel" | "stop_tunnel" | "shutdown";
+
+export interface CtrlAttrs {
+ [key: string]: CtrlAttr;
+}
+
+export interface CtrlAttr {
+ name: string;
+ cmd: string;
+ cmdClass: string;
+ icon: string;
+ cnfrm: boolean;
+ delay: number;
+}
+
+export interface LocationQueue {
+ [key: string]: LocationMark
+}
+
+interface LocationMark {
+ loc_id: string;
+ latitude: number | undefined | null;
+ longitude: number | undefined | null;
+ delay?: number | undefined | null;
+ start_time: string | undefined | null;
+ end_time?: string | undefined | null ;
+}
+
+export interface SimulationControlResponse {
+ status: string;
+ command: SimulationCommands;
+ loc_id: string;
+ message?: string | undefined;
+ latitude?: number | undefined | null;
+ longitude?: number | undefined | null;
+ delay?: number | undefined | null;
+ start_time?: string | undefined | null;
+ end_time?: string | undefined | null;
+}
+
+interface DeviceControlResponse {
+ status: string;
+ command: DeviceCommands;
+ delay?: number;
+}
+
+interface StatusUpdate {
+ simulation_active: boolean;
+ set_location_enabled: boolean;
+ queue: number,
+ latitude: number | undefined | null;
+ longitude: number | undefined | null;
+ next_move?: number | undefined | null;
+ queue_list: LocationQueue[]
+ queue_state: string | undefined | null;
+ queue_status: boolean;
+ simulation_task: string | undefined | null;
+ test_mode: boolean
+ tunnel: string | undefined | null;
+ device_count?: number | undefined | null;
+ udid?: string | null;
+ device_name?: string | null | undefined;
+ product_version?: string | null | undefined;
+ phone_number?: string | null | undefined;
+ developer_mode_enabled?: boolean | undefined | null;
+ ddi_mounted?: boolean ;
+ rsd_address?: string | null | undefined;
+ rsd_port?: number | undefined | null;
+ lockdown_trusted_port?: number | undefined | null;
+ lockdown_untrusted_port?: number | undefined | null;
+ lockdown_trusted_reachable?: boolean | undefined | null;
+ lockdown_untrusted_reachable?: boolean | undefined | null;
+ dtservicehub_reachable?: boolean | undefined | null
+}
+
+export interface ServerToClientEvents {
+ noArg: () => void;
+ withAck: (a: string, callback: (b: number) => void) => void;
+ simulationStatus: (c: SimulationStatus) => void;
+ status: (d: StatusUpdate) => void;
+ device_status: (d: DeviceStatus) => void;
+ error: (data: ErrorFull) => void;
+ message: (e: string) => void;
+}
+
+export interface ClientToServerEvents {
+ message: (e: string, callback: (b: boolean, r: string) => void) => void;
+ simulation_control: (
+ args: {
+ command: SimulationCommands,
+ latitude?: number | null | undefined,
+ longitude?: number | null | undefined,
+ delay?: number | undefined
+ },
+ callback: (response: SimulationControlResponse) => void
+ ) => void;
+ device_control: (
+ args: {
+ command: DeviceCommands,
+ delay?: number
+ },
+ callback?: (response: DeviceControlResponse) => void
+ ) => void;
+}
+
+interface SimulationStatus {
+ status: boolean;
+ data: {
+ latitude: number;
+ longitude: number;
+ start: string;
+ end?: string;
+ next_move?: number;
+ };
}
export interface Meta {
totalCount: number;
}
+
+
+interface DeviceStatus {
+ device_connected: boolean;
+ device_count: number;
+ udid?: string | null;
+ device_name?: string | null;
+ product_version?: string | null;
+ phone_number?: string | null;
+ developer_mode_enabled?: boolean;
+ ddi_mounted?: boolean;
+ rsd_address?: string | null;
+ rsd_port?: number;
+ lockdown_trusted_port?: number;
+ lockdown_untrusted_port?: number;
+ lockdown_trusted_reachable?: boolean;
+ lockdown_untrusted_reachable?: boolean;
+ dtservicehub_reachable?: boolean;
+}
+
+export type Control = DeviceControl | SimulationControl;
+
+export interface DeviceControl {
+ id: number;
+ name: string;
+ cmd: DeviceCommands
+ cmdClass: "device_control"
+ icon: string;
+ confirm: boolean;
+}
+
+export interface SimulationControl {
+ id: number;
+ name: string;
+ cmd: SimulationCommands;
+ cmdClass: 'simulation_control';
+ icon: string;
+ confirm: boolean;
+}
+
+export interface coords {
+ lat: number;
+ lng: number;
+}
+
+import type { OpenStreetMapProvider } from 'leaflet-geosearch';
+export interface SearchControlProps {
+ provider: OpenStreetMapProvider;
+ showMarker: boolean;
+ autoClose: boolean;
+ updateMap: boolean;
+ showPopup: boolean;
+ style: 'button' | 'bar';
+ acceptAutoLoad: boolean;
+ autoComplete: boolean;
+ autoCompleteDelay: number;
+ retainZoomLevel: boolean;
+ animateZoom: boolean;
+ keepResult: boolean;
+}
+
+export interface CurrentLocation {
+ loc_id: string;
+ latitude: number;
+ longitude: number;
+ next_move?: number | null
+}
+
+export interface NextLocation {
+ loc_id: string;
+ latitude: number;
+ longitude: number;
+ time_at_location?: number | null;
+}
+
+export interface ErrorFull {
+ type: string;
+ error: string;
+}
diff --git a/src/constants/controls.ts b/src/constants/controls.ts
new file mode 100644
index 0000000..4a734c3
--- /dev/null
+++ b/src/constants/controls.ts
@@ -0,0 +1,62 @@
+import type { CtrlAttrs } from 'components/models';
+
+export const controls: CtrlAttrs = {
+ sim_start: {
+ name: 'Start Location Sim',
+ cmd: 'start',
+ cmdClass: 'simulation_control',
+ icon: 'play_arrow',
+ cnfrm: false,
+ delay: 0,
+ },
+ sim_pause: {
+ name: 'Pause Location Sim',
+ cmd: 'pause',
+ cmdClass: 'simulation_control',
+ icon: 'pause',
+ cnfrm: false,
+ delay: 0,
+ },
+ sim_resume: {
+ name: 'Resume Location Simulation',
+ cmd: 'resume',
+ cmdClass: 'simulation_control',
+ icon: 'play_arrow',
+ cnfrm: false,
+ delay: 0,
+ },
+ sim_clear: {
+ name: 'Clear Location Queue',
+ cmd: 'clear',
+ cmdClass: 'simulation_control',
+ icon: 'directions_off',
+ cnfrm: false,
+ delay: 0,
+ },
+ sim_end: {
+ name: 'End Location Sim',
+ cmd: 'end',
+ cmdClass: 'simulation_control',
+ icon: 'stop',
+ cnfrm: true,
+ delay: 0,
+ },
+ dev_shutdown: {
+ name: 'Shutdown',
+ cmd: 'shutdown',
+ cmdClass: 'device_control',
+ icon: 'power_settings_new',
+ cnfrm: true,
+ delay: 5,
+ },
+ dev_reboot: {
+ name: 'Reboot',
+ cmd: 'reboot',
+ cmdClass: 'device_control',
+ icon: 'restart_alt',
+ cnfrm: true,
+ delay: 5,
+ },
+};
+
+
diff --git a/src/constants/favorites.ts b/src/constants/favorites.ts
new file mode 100644
index 0000000..70f599f
--- /dev/null
+++ b/src/constants/favorites.ts
@@ -0,0 +1,79 @@
+export const favorites = [
+ {
+ name: 'Home',
+ icon: 'home',
+ coords: {
+ lat: 40.910773020811,
+ lng: -73.891069806448,
+ },
+ },
+ {
+ name: "Work Places",
+ icon: "work",
+ subitems: [
+ {
+ name: 'Jeong',
+ icon: 'language_korean_latin',
+ coords: {
+ lat: 40.76624975651346,
+ lng: -73.81444335286128,
+ },
+ address: '35-02 150th Pl, Flushing, NY 11354',
+ },
+ {
+ name: 'Santos',
+ icon: 'rice_bowl',
+ coords: {
+ lat: 40.74504671877868,
+ lng: -73.8880099638491,
+ },
+ address: '77-08 Broadway, Elmhurst, NY 11373'
+ },
+ {
+ name: 'Natalyaa (Qns)',
+ icon: 'currency_ruble',
+ coords: {
+ lat: 40.69644966409178,
+ lng: -73.837453217826,
+ },
+ address: '110-14 Jamaica Ave, Richmond Hill, NY 11418',
+ },
+ {
+ name: 'Natalyaa (Bronx)',
+ icon: 'currency_ruble',
+ coords: {
+ lat: 40.85384419116598,
+ lng: -73.86314767911834,
+ },
+ address: '2109 Matthews Ave, Bronx, NY 10462',
+ },
+ {
+ name: 'Linwood Plaza',
+ icon: 'dermatology',
+ coords: {
+ lat: 40.86141832913106,
+ lng: -73.96997583196286,
+ },
+ address: '158 Linwood Plaza, Fort Lee, NJ 07024',
+ },
+ ],
+ },
+ {
+ name: 'Man Mini Storage',
+ icon: 'box',
+ coords: {
+ lat: 40.75158955085288,
+ lng: -73.9328988710467,
+ },
+ address: '31-08 Northern Blvd, Long Island City, NY 11101',
+ },
+ {
+ name: 'Acmd',
+ icon: 'grocery',
+ coords: {
+ lat: 40.90930366920829,
+ lng: -73.87658695470259,
+ },
+ address: '31-08 Northern Blvd, Long Island City, NY 11101',
+ },
+];
diff --git a/src/functions/routingControl.ts b/src/functions/routingControl.ts
new file mode 100644
index 0000000..5d2e050
--- /dev/null
+++ b/src/functions/routingControl.ts
@@ -0,0 +1,89 @@
+import { Utilities } from "@vue-leaflet/vue-leaflet";
+import type * as L from "leaflet";
+import type { IRouter, IGeocoder, LineOptions } from "leaflet-routing-machine";
+
+// Props typing
+export interface RoutingControlProps {
+ waypoints: L.LatLng[];
+ router?: IRouter;
+ plan?: any; // L.Routing.Plan (can refine if you typed it)
+ fitSelectedRoutes?: string | boolean;
+ lineOptions?: LineOptions;
+ routeLine?: (...args: any[]) => any;
+ autoRoute?: boolean;
+ routeWhileDragging?: boolean;
+ routeDragInterval?: number;
+ waypointMode?: string;
+ useZoomParameter?: boolean;
+ showAlternatives?: boolean;
+ altLineOptions?: LineOptions;
+}
+
+// Vue-style prop definitions (still needed for runtime)
+export const routingControlProps = {
+ waypoints: {
+ type: Array as () => L.LatLng[],
+ default: () => [],
+ },
+ router: {
+ type: Object as () => IRouter,
+ default: undefined,
+ },
+ plan: {
+ type: Object as () => any,
+ default: undefined,
+ },
+ fitSelectedRoutes: {
+ type: [String, Boolean] as () => string | boolean,
+ default: "smart",
+ },
+ lineOptions: {
+ type: Object as () => LineOptions,
+ default: undefined,
+ },
+ routeLine: {
+ type: Function as () => (...args: any[]) => any,
+ default: undefined,
+ },
+ autoRoute: {
+ type: Boolean,
+ default: true,
+ },
+ routeWhileDragging: {
+ type: Boolean,
+ default: false,
+ },
+ routeDragInterval: {
+ type: Number,
+ default: 500,
+ },
+ waypointMode: {
+ type: String,
+ default: "connect",
+ },
+ useZoomParameter: {
+ type: Boolean,
+ default: false,
+ },
+ showAlternatives: {
+ type: Boolean,
+ default: false,
+ },
+ altLineOptions: {
+ type: Object as () => LineOptions,
+ default: undefined,
+ },
+};
+
+// Setup function
+export const setupRoutingControl = (props: RoutingControlProps) => {
+ const options = Utilities.propsToLeafletOptions(
+ props,
+ routingControlProps
+ );
+
+ return {
+ options,
+ methods: {} as Record,
+ };
+};
diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index 8caff60..e263030 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -1,5 +1,5 @@
-
+
@@ -16,7 +16,12 @@
-
+
@@ -36,12 +41,16 @@
diff --git a/src/pages/DeviceInfo.vue b/src/pages/DeviceInfo.vue
new file mode 100644
index 0000000..4b37411
--- /dev/null
+++ b/src/pages/DeviceInfo.vue
@@ -0,0 +1,59 @@
+
+
+
+
+
+
Device Info:
+
+ -
+ {{ key }}:
+
+
+ -
+ {{ subKey }}:
+
+
+ -
+ {{ subSubKey }}:
+
+
+ -
+ {{ subSubSubKey }}: {{ subSubSubValue }}
+
+
+
+ {{ subSubValue }}
+
+
+
+ {{ subValue }}
+
+
+
+ {{ value }}
+
+
+