@explorer-1/vue 0.0.0 → 0.0.2

package/dist/src/components/MissionDetailStats/DistanceStats.vue.d.ts

@@ -0,0 +1,115 @@
+import { PropType } from 'vue';
+import { UnitSystemName } from './../BaseUnitToggle/BaseUnitToggle.vue';
+
+export declare const distanceTypes: {
+    readonly earth: "Distance from Earth";
+    readonly mars: "Distance traveled on Mars";
+};
+export type DistanceType = keyof typeof distanceTypes;
+type APIDistance = {
+    value: number;
+    system: UnitSystemName;
+};
+type SPICEPlanetsResponse = {
+    items: {
+        date: string;
+        value: string;
+    }[];
+    error: boolean;
+    units: 'KM';
+};
+/**
+ * Map from mars.nasa.gov API endpoint URLs to our corresponding proxied path.
+ */
+export declare const supportedAPIPaths: {
+    readonly '/api/v1/missions/': {
+        /**
+         * Query based on mission ID only.
+         * Throws an error if there is no mission ID.
+         */
+        readonly getPath: (endpointURL: string, match: string) => string;
+        /**
+         * Extract the distance from the single field.
+         */
+        readonly getDistance: (data: {
+            mi_traveled: number;
+        }) => APIDistance;
+    };
+    readonly '/spice_data/getRangefromT1/': {
+        /**
+         * Query SPICE data based on a planets pair and a pair of current time + future datetime (arbitrary).
+         * Fails if the endpoint URL is not of the expected format.
+         */
+        readonly getPath: (endpointURL: string, match: string) => string;
+        /**
+         * Extract a single value from a SPICE data array.
+         */
+        readonly getDistance: (data: SPICEPlanetsResponse, index: number) => APIDistance;
+    };
+};
+type SPICEAPIConfig = (typeof supportedAPIPaths)['/spice_data/getRangefromT1/'];
+type Timeout = ReturnType<typeof setTimeout>;
+/**
+ * Display a distance stat – label, value, unit toggle,
+ * either from a predefined value, or supported API endpoint.
+ */
+declare const _default: import('vue').DefineComponent<{
+    distanceType: {
+        type: PropType<"" | "earth" | "mars">;
+        required: true;
+        validator: (val: string) => boolean;
+    };
+    value: NumberConstructor;
+    valueSystem: {
+        type: PropType<keyof import('./../BaseUnitToggle/BaseUnitToggle.vue').UnitConfig>;
+        required: false;
+        default: string;
+    };
+    distanceApiUrls: {
+        type: StringConstructor;
+        required: false;
+        validator: (val: string) => boolean;
+    };
+    labelClass: StringConstructor;
+}, unknown, {
+    apiDistance: APIDistance | null;
+    showError: boolean;
+    timeout: Timeout | null;
+}, {
+    distanceTypeLabel(): string;
+    loadedValue(): number | undefined;
+    loadedSystem(): UnitSystemName;
+    isLoading(): boolean;
+}, {
+    /**
+     * Retrieve distance data from supported API endpoints.
+     */
+    getAPIDistance(): Promise<void>;
+    /**
+     * Special logic for SPICE data that can be live-updated.
+     * Automatically cycles through the data array, and
+     * automatically makes more requests for more data when needed.
+     */
+    updateSPICEData(apiConfig: SPICEAPIConfig, data: SPICEPlanetsResponse, index: number): Promise<void>;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    distanceType: {
+        type: PropType<"" | "earth" | "mars">;
+        required: true;
+        validator: (val: string) => boolean;
+    };
+    value: NumberConstructor;
+    valueSystem: {
+        type: PropType<keyof import('./../BaseUnitToggle/BaseUnitToggle.vue').UnitConfig>;
+        required: false;
+        default: string;
+    };
+    distanceApiUrls: {
+        type: StringConstructor;
+        required: false;
+        validator: (val: string) => boolean;
+    };
+    labelClass: StringConstructor;
+}>>, {
+    valueSystem: keyof import('./../BaseUnitToggle/BaseUnitToggle.vue').UnitConfig;
+}, {}>;
+export default _default;

package/dist/src/components/MissionDetailStats/MissionDetailStats.stories.d.ts

@@ -0,0 +1,268 @@
+import { default as MissionDetailStats } from './MissionDetailStats.vue';
+import { default as MissionDetailStatsMini } from './MissionDetailStatsMini.vue';
+import { default as MissionDetailStatsMicro } from './MissionDetailStatsMicro.vue';
+declare namespace _default {
+    export let title: string;
+    export { MissionDetailStats as component };
+    export namespace subcomponents {
+        export { MissionDetailStatsMini };
+        export { MissionDetailStatsMicro };
+    }
+    export let decorators: (() => {
+        template: string;
+    })[];
+    export namespace parameters {
+        namespace html {
+            let root: string;
+        }
+    }
+    export let excludeStories: RegExp;
+    export namespace argTypes {
+        namespace status {
+            namespace control {
+                let type: string;
+            }
+            let options: string[];
+        }
+        namespace clockType {
+            export namespace control_1 {
+                let type_1: string;
+                export { type_1 as type };
+            }
+            export { control_1 as control };
+            let options_1: string[];
+            export { options_1 as options };
+        }
+        namespace distanceType {
+            export namespace control_2 {
+                let type_2: string;
+                export { type_2 as type };
+            }
+            export { control_2 as control };
+            let options_2: string[];
+            export { options_2 as options };
+        }
+    }
+}
+export default _default;
+export namespace MissionDetailStatsData {
+    export let showClock: boolean;
+    export let showDistance: boolean;
+    let clockType_1: string;
+    export { clockType_1 as clockType };
+    export let startDateTime: string;
+    let distanceType_1: string;
+    export { distanceType_1 as distanceType };
+    export let distanceValue: number;
+    export let distanceApiUrls: string;
+    export let displayDate: string;
+    export let missionTypes: {
+        missionType: string;
+    }[];
+    export let missionTargets: {
+        target: string;
+    }[];
+    let status_1: string;
+    export { status_1 as status };
+}
+export namespace Full {
+    export { MissionDetailStatsData as args };
+    export function render(args: any): {
+        setup(): {
+            args: any;
+        };
+        components: {
+            MissionDetailStats: import("vue").DefineComponent<{
+                showClock: BooleanConstructor;
+                clockType: {
+                    type: import("vue").PropType<"countdown" | "time_in_orbit" | "time_on_mars" | "time_to_mars" | "time_to_dest">;
+                    required: true;
+                    validator: (val: "countdown" | "time_in_orbit" | "time_on_mars" | "time_to_mars" | "time_to_dest") => boolean;
+                };
+                startDateTime: StringConstructor;
+                displayDate: {
+                    type: StringConstructor;
+                    required: false;
+                };
+                missionTypes: {
+                    type: import("vue").PropType<{
+                        missionType: string;
+                    }[]>;
+                    required: true;
+                    default: () => never[];
+                };
+                missionTargets: {
+                    type: import("vue").PropType<{
+                        target: string;
+                    }[]>;
+                    required: true;
+                    default: () => never[];
+                };
+                status: {
+                    type: import("vue").PropType<"draft" | "current" | "future" | "proposed" | "past">;
+                    required: true;
+                    validator: (val: "draft" | "current" | "future" | "proposed" | "past") => boolean;
+                };
+                showDistance: BooleanConstructor;
+                distanceType: {
+                    type: import("vue").PropType<"" | "earth" | "mars">;
+                    required: false;
+                    default: string;
+                };
+                distanceValue: NumberConstructor;
+                distanceApiUrls: StringConstructor;
+            }, unknown, unknown, {
+                clockTypeLabel(): string;
+                statusLabel(): "draft" | "current" | "future" | "proposed" | "past" | ("Select status" | "Current" | "Future" | "Proposed" | "Past");
+            }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                showClock: BooleanConstructor;
+                clockType: {
+                    type: import("vue").PropType<"countdown" | "time_in_orbit" | "time_on_mars" | "time_to_mars" | "time_to_dest">;
+                    required: true;
+                    validator: (val: "countdown" | "time_in_orbit" | "time_on_mars" | "time_to_mars" | "time_to_dest") => boolean;
+                };
+                startDateTime: StringConstructor;
+                displayDate: {
+                    type: StringConstructor;
+                    required: false;
+                };
+                missionTypes: {
+                    type: import("vue").PropType<{
+                        missionType: string;
+                    }[]>;
+                    required: true;
+                    default: () => never[];
+                };
+                missionTargets: {
+                    type: import("vue").PropType<{
+                        target: string;
+                    }[]>;
+                    required: true;
+                    default: () => never[];
+                };
+                status: {
+                    type: import("vue").PropType<"draft" | "current" | "future" | "proposed" | "past">;
+                    required: true;
+                    validator: (val: "draft" | "current" | "future" | "proposed" | "past") => boolean;
+                };
+                showDistance: BooleanConstructor;
+                distanceType: {
+                    type: import("vue").PropType<"" | "earth" | "mars">;
+                    required: false;
+                    default: string;
+                };
+                distanceValue: NumberConstructor;
+                distanceApiUrls: StringConstructor;
+            }>>, {
+                distanceType: "" | "earth" | "mars";
+                showClock: boolean;
+                missionTypes: {
+                    missionType: string;
+                }[];
+                missionTargets: {
+                    target: string;
+                }[];
+                showDistance: boolean;
+            }, {}>;
+        };
+        template: string;
+    };
+}
+export namespace Mini {
+    export namespace args {
+        import showClock_1 = MissionDetailStatsData.showClock;
+        export { showClock_1 as showClock };
+        import showDistance_1 = MissionDetailStatsData.showDistance;
+        export { showDistance_1 as showDistance };
+        import clockType_2 = MissionDetailStatsData.clockType;
+        export { clockType_2 as clockType };
+        let startDateTime_1: string;
+        export { startDateTime_1 as startDateTime };
+        import distanceType_2 = MissionDetailStatsData.distanceType;
+        export { distanceType_2 as distanceType };
+        import distanceValue_1 = MissionDetailStatsData.distanceValue;
+        export { distanceValue_1 as distanceValue };
+    }
+    export function render_1(args: any): {
+        setup(): {
+            args: any;
+        };
+        components: {
+            MissionDetailStatsMini: import("vue").DefineComponent<{
+                showClock: BooleanConstructor;
+                clockType: {
+                    type: import("vue").PropType<"countdown" | "time_in_orbit" | "time_on_mars" | "time_to_mars" | "time_to_dest">;
+                    required: true;
+                    validator: (val: "countdown" | "time_in_orbit" | "time_on_mars" | "time_to_mars" | "time_to_dest") => boolean;
+                };
+                startDateTime: StringConstructor;
+                showDistance: BooleanConstructor;
+                distanceType: {
+                    type: import("vue").PropType<"" | "earth" | "mars">;
+                };
+                distanceValue: NumberConstructor;
+                distanceApiUrls: StringConstructor;
+            }, unknown, unknown, {
+                clockTypeLabel(): string;
+            }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                showClock: BooleanConstructor;
+                clockType: {
+                    type: import("vue").PropType<"countdown" | "time_in_orbit" | "time_on_mars" | "time_to_mars" | "time_to_dest">;
+                    required: true;
+                    validator: (val: "countdown" | "time_in_orbit" | "time_on_mars" | "time_to_mars" | "time_to_dest") => boolean;
+                };
+                startDateTime: StringConstructor;
+                showDistance: BooleanConstructor;
+                distanceType: {
+                    type: import("vue").PropType<"" | "earth" | "mars">;
+                };
+                distanceValue: NumberConstructor;
+                distanceApiUrls: StringConstructor;
+            }>>, {
+                showClock: boolean;
+                showDistance: boolean;
+            }, {}>;
+        };
+        template: string;
+    };
+    export { render_1 as render };
+}
+export namespace Micro {
+    export namespace args_1 {
+        import showClock_2 = MissionDetailStatsData.showClock;
+        export { showClock_2 as showClock };
+        import clockType_3 = MissionDetailStatsData.clockType;
+        export { clockType_3 as clockType };
+        let startDateTime_2: string;
+        export { startDateTime_2 as startDateTime };
+    }
+    export { args_1 as args };
+    export function render_2(args: any): {
+        setup(): {
+            args: any;
+        };
+        components: {
+            MissionDetailStatsMicro: import("vue").DefineComponent<{
+                showClock: BooleanConstructor;
+                startDateTime: StringConstructor;
+                clockType: {
+                    type: import("vue").PropType<"countdown" | "time_in_orbit" | "time_on_mars" | "time_to_mars" | "time_to_dest">;
+                    required: true;
+                    validator: (val: "countdown" | "time_in_orbit" | "time_on_mars" | "time_to_mars" | "time_to_dest") => boolean;
+                };
+            }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                showClock: BooleanConstructor;
+                startDateTime: StringConstructor;
+                clockType: {
+                    type: import("vue").PropType<"countdown" | "time_in_orbit" | "time_on_mars" | "time_to_mars" | "time_to_dest">;
+                    required: true;
+                    validator: (val: "countdown" | "time_in_orbit" | "time_on_mars" | "time_to_mars" | "time_to_dest") => boolean;
+                };
+            }>>, {
+                showClock: boolean;
+            }, {}>;
+        };
+        template: string;
+    };
+    export { render_2 as render };
+}

package/dist/src/components/MissionDetailStats/MissionDetailStats.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/MissionDetailStats/MissionDetailStats.vue.d.ts

@@ -0,0 +1,115 @@
+import { PropType } from 'vue';
+
+export declare const statuses: {
+    readonly draft: "Select status";
+    readonly current: "Current";
+    readonly future: "Future";
+    readonly proposed: "Proposed";
+    readonly past: "Past";
+};
+type Status = keyof typeof statuses;
+type StatusLabel = (typeof statuses)[Status];
+export declare const clockTypes: {
+    readonly countdown: "Countdown";
+    readonly time_in_orbit: "Time in Orbit";
+    readonly time_on_mars: "Time on Mars";
+    readonly time_to_mars: "Time to Mars";
+    readonly time_to_dest: "Time to Destination";
+};
+export type ClockType = keyof typeof clockTypes;
+/**
+ * Displays mission-related metrics or metadata. All fields optional.
+ */
+declare const _default: import('vue').DefineComponent<{
+    showClock: BooleanConstructor;
+    clockType: {
+        type: PropType<"countdown" | "time_in_orbit" | "time_on_mars" | "time_to_mars" | "time_to_dest">;
+        required: true;
+        validator: (val: ClockType) => boolean;
+    };
+    startDateTime: StringConstructor;
+    displayDate: {
+        type: StringConstructor;
+        required: false;
+    };
+    missionTypes: {
+        type: PropType<{
+            missionType: string;
+        }[]>;
+        required: true;
+        default: () => never[];
+    };
+    missionTargets: {
+        type: PropType<{
+            target: string;
+        }[]>;
+        required: true;
+        default: () => never[];
+    };
+    status: {
+        type: PropType<"draft" | "current" | "future" | "proposed" | "past">;
+        required: true;
+        validator: (val: Status) => boolean;
+    };
+    showDistance: BooleanConstructor;
+    distanceType: {
+        type: PropType<"" | "earth" | "mars">;
+        required: false;
+        default: string;
+    };
+    distanceValue: NumberConstructor;
+    distanceApiUrls: StringConstructor;
+}, unknown, unknown, {
+    clockTypeLabel(): string;
+    statusLabel(): StatusLabel | Status;
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    showClock: BooleanConstructor;
+    clockType: {
+        type: PropType<"countdown" | "time_in_orbit" | "time_on_mars" | "time_to_mars" | "time_to_dest">;
+        required: true;
+        validator: (val: ClockType) => boolean;
+    };
+    startDateTime: StringConstructor;
+    displayDate: {
+        type: StringConstructor;
+        required: false;
+    };
+    missionTypes: {
+        type: PropType<{
+            missionType: string;
+        }[]>;
+        required: true;
+        default: () => never[];
+    };
+    missionTargets: {
+        type: PropType<{
+            target: string;
+        }[]>;
+        required: true;
+        default: () => never[];
+    };
+    status: {
+        type: PropType<"draft" | "current" | "future" | "proposed" | "past">;
+        required: true;
+        validator: (val: Status) => boolean;
+    };
+    showDistance: BooleanConstructor;
+    distanceType: {
+        type: PropType<"" | "earth" | "mars">;
+        required: false;
+        default: string;
+    };
+    distanceValue: NumberConstructor;
+    distanceApiUrls: StringConstructor;
+}>>, {
+    distanceType: "" | "earth" | "mars";
+    showClock: boolean;
+    missionTypes: {
+        missionType: string;
+    }[];
+    missionTargets: {
+        target: string;
+    }[];
+    showDistance: boolean;
+}, {}>;
+export default _default;

package/dist/src/components/MissionDetailStats/MissionDetailStatsMicro.vue.d.ts

@@ -0,0 +1,23 @@
+import { PropType } from 'vue';
+import { ClockType } from './MissionDetailStats.vue';
+
+declare const _default: import('vue').DefineComponent<{
+    showClock: BooleanConstructor;
+    startDateTime: StringConstructor;
+    clockType: {
+        type: PropType<"countdown" | "time_in_orbit" | "time_on_mars" | "time_to_mars" | "time_to_dest">;
+        required: true;
+        validator: (val: ClockType) => boolean;
+    };
+}, unknown, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    showClock: BooleanConstructor;
+    startDateTime: StringConstructor;
+    clockType: {
+        type: PropType<"countdown" | "time_in_orbit" | "time_on_mars" | "time_to_mars" | "time_to_dest">;
+        required: true;
+        validator: (val: ClockType) => boolean;
+    };
+}>>, {
+    showClock: boolean;
+}, {}>;
+export default _default;

package/dist/src/components/MissionDetailStats/MissionDetailStatsMini.vue.d.ts

@@ -0,0 +1,41 @@
+import { PropType } from 'vue';
+import { ClockType } from './MissionDetailStats.vue';
+
+/**
+ * Displays mission-related metrics or metadata. All fields optional.
+ */
+declare const _default: import('vue').DefineComponent<{
+    showClock: BooleanConstructor;
+    clockType: {
+        type: PropType<"countdown" | "time_in_orbit" | "time_on_mars" | "time_to_mars" | "time_to_dest">;
+        required: true;
+        validator: (val: ClockType) => boolean;
+    };
+    startDateTime: StringConstructor;
+    showDistance: BooleanConstructor;
+    distanceType: {
+        type: PropType<"" | "earth" | "mars">;
+    };
+    distanceValue: NumberConstructor;
+    distanceApiUrls: StringConstructor;
+}, unknown, unknown, {
+    clockTypeLabel(): string;
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    showClock: BooleanConstructor;
+    clockType: {
+        type: PropType<"countdown" | "time_in_orbit" | "time_on_mars" | "time_to_mars" | "time_to_dest">;
+        required: true;
+        validator: (val: ClockType) => boolean;
+    };
+    startDateTime: StringConstructor;
+    showDistance: BooleanConstructor;
+    distanceType: {
+        type: PropType<"" | "earth" | "mars">;
+    };
+    distanceValue: NumberConstructor;
+    distanceApiUrls: StringConstructor;
+}>>, {
+    showClock: boolean;
+    showDistance: boolean;
+}, {}>;
+export default _default;

package/dist/src/components/MissionDetailStreamfield/MissionDetailStreamfield.stories.d.ts

@@ -0,0 +1,76 @@
+import { default as MissionDetailStreamfield } from './MissionDetailStreamfield.vue';
+declare namespace _default {
+    export let title: string;
+    export { MissionDetailStreamfield as component };
+    export let excludeStories: RegExp;
+}
+export default _default;
+export namespace MissionDetailStreamfieldData {
+    let feature: ({
+        blockType: string;
+        heading: string;
+        alignTo?: undefined;
+        image?: undefined;
+        text?: undefined;
+        attribution?: undefined;
+        quote?: undefined;
+        quoteLink?: undefined;
+    } | {
+        alignTo: string;
+        blockType: string;
+        image: {
+            src: {
+                height: number;
+                url: string;
+                width: number;
+            };
+            screenXs: {
+                url: string;
+                width: number;
+            };
+            screenLg: {
+                url: string;
+                width: number;
+            };
+            alt: string;
+            caption: string;
+            credit: string;
+            detailUrl: string;
+        };
+        text: string;
+        heading?: undefined;
+        attribution?: undefined;
+        quote?: undefined;
+        quoteLink?: undefined;
+    } | {
+        blockType: string;
+        attribution: string;
+        quote: string;
+        quoteLink: {
+            externalLink: string;
+            page: null;
+        }[];
+        heading?: undefined;
+        alignTo?: undefined;
+        image?: undefined;
+        text?: undefined;
+    } | {
+        blockType: string;
+        title: string;
+        caption: string;
+        url: string;
+        heading?: undefined;
+        alignTo?: undefined;
+        image?: undefined;
+        text?: undefined;
+        attribution?: undefined;
+        quote?: undefined;
+        quoteLink?: undefined;
+    })[];
+}
+export namespace Streamfield {
+    namespace args {
+        import data = MissionDetailStreamfieldData.feature;
+        export { data };
+    }
+}

package/dist/src/components/MissionDetailStreamfield/MissionDetailStreamfield.vue.d.ts

@@ -0,0 +1,12 @@
+declare const _default: import('vue').DefineComponent<{
+    data: {
+        type: ArrayConstructor;
+        required: false;
+    };
+}, unknown, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    data: {
+        type: ArrayConstructor;
+        required: false;
+    };
+}>>, {}, {}>;
+export default _default;