@lightspeed/crane 1.1.1 → 1.1.2

package/types.d.ts

@@ -1,55 +1,83 @@
 /// <reference types="vite/client" />
 
 declare module '*.vue' {
-    import type { DefineComponent } from 'vue';
-
-    const component: DefineComponent<{}, {}, any>;
-    export default component;
+  import type { DefineComponent } from 'vue';
+  // eslint-disable-next-line
+  const component: DefineComponent<{}, {}, any>;
+  export default component;
 }
 
-type ButtonType =
-    'SCROLL_TO_TILE'
-    | 'HYPER_LINK'
-    | 'MAIL_LINK'
-    | 'TEL_LINK'
-    | 'GO_TO_STORE_LINK'
-    | 'GO_TO_PAGE';
+type ActionLinkType
+  = 'SCROLL_TO_TILE'
+  | 'HYPER_LINK'
+  | 'MAIL_LINK'
+  | 'TEL_LINK'
+  | 'GO_TO_STORE'
+  | 'GO_TO_STORE_LINK'
+  | 'GO_TO_PAGE';
 
 interface ButtonContentData {
-    readonly title: string;
-    readonly type: ButtonType;
-    readonly link?: string;
-    readonly email?: string;
-    readonly phone?: string;
-    readonly tileId?: string;
-    readonly pageId?: string;
-    readonly pageUrl?: string;
+  readonly title: string;
+  readonly type: ActionLinkType;
+  readonly link?: string;
+  readonly email?: string;
+  readonly phone?: string;
+  readonly tileId?: string;
+  readonly pageId?: string;
+  readonly pageUrl?: string;
 }
 
 interface ImageInfoData {
-    readonly url: string;
-    readonly width: number;
-    readonly height: number;
+  readonly url: string;
+  readonly width: number;
+  readonly height: number;
 }
 
 interface ImageBorderInfoData {
-    readonly homogeneity: boolean;
-    readonly color: {
-        readonly r: number;
-        readonly g: number;
-        readonly b: number;
-        readonly a: number;
-    };
+  readonly homogeneity: boolean;
+  readonly color: {
+    readonly r: number;
+    readonly g: number;
+    readonly b: number;
+    readonly a: number;
+  };
 }
 
 interface ImageContentData {
-    readonly bucket: string;
-    readonly borderInfo: ImageBorderInfoData;
-    readonly set: Record<string, ImageInfoData>;
+  readonly bucket: string;
+  readonly borderInfo: ImageBorderInfoData;
+  readonly set: Record<string, ImageInfoData>;
 }
 
 interface ToggleContentData {
-    readonly enabled: boolean;
+  readonly enabled: boolean;
+}
+
+interface ActionLink {
+  id: string;
+  title?: string;
+  type?: string;
+  link?: string;
+  email?: string;
+  phone?: string;
+  tileIdForScroll?: string;
+  pageIdForNavigate?: string;
+  showStoreCategories?: boolean;
+  isSubmenuOpened?: boolean;
+  categoryId?: number;
+  performAction?: () => void;
+}
+
+interface MenuContentData {
+  readonly items: ReadonlyArray<ActionLink>;
+}
+
+type LogoType = 'TEXT' | 'IMAGE';
+
+interface LogoContentData {
+  readonly type: LogoType;
+  readonly text: string;
+  readonly image: ImageContentData
 }
 
 type GlobalColorsString =
@@ -69,242 +97,311 @@ type GlobalTextSizeString =
   'global.textSize.body';
 
 interface HSLColor {
-    h: number;
-    s: number;
-    l: number;
-    a: number;
+  h: number;
+  s: number;
+  l: number;
+  a: number;
 }
 interface RGBAColor {
-    r: number;
-    g: number;
-    b: number;
-    a: number;
+  r: number;
+  g: number;
+  b: number;
+  a: number;
 }
 
 interface Color {
-    raw: string;
-    hex: string;
-    hsl: HSLColor;
-    rgba: RGBAColor;
-    auto?: boolean;
+  raw: string;
+  hex: string;
+  hsl: HSLColor;
+  rgba: RGBAColor;
+  auto?: boolean;
 }
 
 interface SolidColor {
-    color: Color | GlobalColorsString | undefined;
+  color: Color | GlobalColorsString | undefined;
 }
 
 interface GradientColor {
-    fromColor: Color | GlobalColorsString| undefined;
-    toColor: Color | GlobalColorsString| undefined;
+  fromColor: Color | GlobalColorsString | undefined;
+  toColor: Color | GlobalColorsString | undefined;
 }
 
 interface TextDesignData {
-    font: string | GlobalFontsString | undefined;
-    size: number | GlobalTextSizeString | undefined;
-    bold: boolean | undefined;
-    italic: boolean | undefined;
-    color: Color | GlobalColorsString | undefined;
-    visible: boolean;
+  font: string | GlobalFontsString | undefined;
+  size: number | GlobalTextSizeString | undefined;
+  bold: boolean | undefined;
+  italic: boolean | undefined;
+  color: Color | GlobalColorsString | undefined;
+  visible: boolean;
 }
 
 interface TextareaDesignData extends TextDesignData {
-    readonly whiteSpace: string;
+  readonly whiteSpace: string;
+}
+
+type CapitalizationType =
+  'none'
+  | 'all'
+  | 'small';
+
+interface Frame {
+  visible: boolean;
+  width: number | undefined;
+  color: Color | GlobalColorsString | undefined;
+}
+
+interface LogoDesignData {
+  font: string | GlobalFontsString | undefined;
+  size: number | GlobalTextSizeString | undefined;
+  bold: boolean | undefined;
+  italic: boolean | undefined;
+  color: Color | GlobalColorsString | undefined;
+  visible: boolean;
+  spacing: number | undefined;
+  capitalization: CapitalizationType | undefined;
+  frame: Frame | undefined;
 }
 
 type ButtonAppearance =
-    'solid-button'
-    | 'outline-button'
-    | 'text-link';
+  'solid-button'
+  | 'outline-button'
+  | 'text-link';
 
 type ButtonSize =
-    'small'
-    | 'medium'
-    | 'large';
+  'small'
+  | 'medium'
+  | 'large';
 
 type ButtonStyle =
-    'round-corner'
-    | 'rectangle'
-    | 'pill';
+  'round-corner'
+  | 'rectangle'
+  | 'pill';
 
 interface ButtonDesignData {
-    appearance: ButtonAppearance | undefined;
-    font: string | GlobalFontsString | undefined;
-    size: ButtonSize | undefined;
-    style: ButtonStyle | undefined;
-    color: Color | GlobalColorsString | undefined;
-    visible: boolean;
+  appearance: ButtonAppearance | undefined;
+  font: string | GlobalFontsString | undefined;
+  size: ButtonSize | undefined;
+  style: ButtonStyle | undefined;
+  color: Color | GlobalColorsString | undefined;
+  visible: boolean;
 }
 
 type OverlayType =
-    'solid'
-    | 'gradient'
-    | 'none';
+  'solid'
+  | 'gradient'
+  | 'none';
 
 interface Overlay {
-    type: OverlayType | undefined;
-    solid: SolidColor | undefined;
-    gradient: GradientColor | undefined;
+  type: OverlayType | undefined;
+  solid: SolidColor | undefined;
+  gradient: GradientColor | undefined;
 }
 
 interface ImageDesignData {
-    overlay: Overlay | undefined;
-    visible: boolean;
+  overlay: Overlay | undefined;
+  visible: boolean;
 }
 
 interface SelectboxDesignData {
-    value: string | undefined;
+  value: string | undefined;
 }
 
 interface ToggleDesignData {
-    enabled: boolean | undefined;
+  enabled: boolean | undefined;
 }
 
 type BackgroundType =
-    'solid'
-    | 'gradient';
+  'solid'
+  | 'gradient';
 
 interface Background {
-    type: BackgroundType | undefined;
-    solid: SolidColor | undefined;
-    gradient: GradientColor | undefined;
+  type: BackgroundType | undefined;
+  solid: SolidColor | undefined;
+  gradient: GradientColor | undefined;
 }
 
 interface BackgroundDesignData {
-    background: Background | undefined;
+  background: Background | undefined;
 }
 
 type MapEditorContentTypes = {
-    readonly INPUTBOX: string;
-    readonly TEXTAREA: string;
-    readonly BUTTON: ButtonContentData;
-    readonly IMAGE: ImageContentData;
-    readonly TOGGLE: ToggleContentData;
-    readonly SELECTBOX: string;
+  readonly INPUTBOX: string;
+  readonly TEXTAREA: string;
+  readonly BUTTON: ButtonContentData;
+  readonly IMAGE: ImageContentData;
+  readonly TOGGLE: ToggleContentData;
+  readonly SELECTBOX: string;
+  readonly MENU: MenuContentData;
+  readonly LOGO: LogoContentData;
 };
 
 interface InputboxContentEditor {
-    readonly type: 'INPUTBOX';
-    readonly label: Record<string, string>;
-    readonly placeholder: Record<string, string>;
+  readonly type: 'INPUTBOX';
+  readonly label: Record<string, string>;
+  readonly placeholder: Record<string, string>;
 }
 
 interface TextareaContentEditor {
-    readonly type: 'TEXTAREA';
-    readonly label: Record<string, string>;
-    readonly placeholder: Record<string, string>;
+  readonly type: 'TEXTAREA';
+  readonly label: Record<string, string>;
+  readonly placeholder: Record<string, string>;
 }
 
-interface ExternalContentData {
-    readonly reportAbuse?: ReportAbuse;
+interface SimpleLink {
+    readonly url?: string,
+    readonly title?: string,
+    readonly target?: string,
 }
 
-interface ReportAbuse {
-    readonly url: string,
-    readonly title: string,
-    readonly target: string,
+interface SimpleLink {
+    readonly url?: string,
+    readonly title?: string,
+    readonly target?: string,
+}
+
+interface Language {
+    readonly code: string;
+    readonly description: string;
+    readonly main: boolean;
+    readonly selected: boolean;
+    readonly url?: string;
+}
+
+interface ExternalContentData {
+    readonly reportAbuse?: SimpleLink;
+    readonly account?: SimpleLink;
+    readonly languages?: Language[];
+    readonly legalLinks?: SimpleLink[];
+    readonly isPreviewMode?: boolean;
 }
 
 interface ButtonContentEditor {
-    readonly type: 'BUTTON';
-    readonly label: Record<string, string>;
+  readonly type: 'BUTTON';
+  readonly label: Record<string, string>;
 }
 
 interface ImageContentEditor {
-    readonly type: 'IMAGE';
-    readonly label: Record<string, string>;
+  readonly type: 'IMAGE';
+  readonly label: Record<string, string>;
 }
 
 interface ToggleContentEditor {
-    readonly type: 'TOGGLE';
-    readonly label: Record<string, string>;
-    readonly description?: Record<string, string>;
+  readonly type: 'TOGGLE';
+  readonly label: Record<string, string>;
+  readonly description?: Record<string, string>;
 }
 
 interface SelectboxContentOption {
-    readonly value: string;
-    readonly label: Record<string, string>;
+  readonly value: string;
+  readonly label: Record<string, string>;
 }
 
 interface SelectboxContentEditor {
-    readonly type: 'SELECTBOX';
-    readonly label: Record<string, string>;
-    readonly placeholder: Record<string, string>;
-    readonly description?: Record<string, string>;
-    readonly options: ReadonlyArray<SelectboxOption>;
+  readonly type: 'SELECTBOX';
+  readonly label: Record<string, string>;
+  readonly placeholder: Record<string, string>;
+  readonly description?: Record<string, string>;
+  readonly options: ReadonlyArray<SelectboxOption>;
+}
+
+interface MenuContentEditor {
+  readonly type: 'MENU';
+  readonly label: Record<string, string>;
+  readonly items: ReadonlyArray<ActionLink>;
+}
+
+interface NavigationMenuContentEditor {
+  readonly type: 'NAVIGATION_MENU';
+}
+
+interface LogoContentEditor {
+  readonly type: 'LOGO';
+  readonly label: Record<string, string>;
 }
 
 type ContentEditor =
-    TextContentEditor
-    | MultilineTextContentEditor
-    | ButtonContentEditor
-    | ImageContentEditor
-    | ToggleContentEditor
-    | SelectboxContentEditor;
+  TextContentEditor
+  | MultilineTextContentEditor
+  | ButtonContentEditor
+  | ImageContentEditor
+  | ToggleContentEditor
+  | SelectboxContentEditor
+  | MenuContentEditor
+  | NavigationMenuContentEditor
+  | LogoContentEditor;
 
 type InferContentType<T extends Record<string, ContentEditor>> = {
-    readonly [P in keyof T]: MapEditorContentTypes[T[P]['type']]
+  readonly [P in keyof T]: MapEditorContentTypes[T[P]['type']]
 }
 
 type MapEditorDesignTypes = {
-    readonly TEXT: string;
-    readonly BUTTON: string;
-    readonly IMAGE: string;
-    readonly TOGGLE: string;
-    readonly SELECTBOX: string;
-    readonly BACKGROUND: string;
-    readonly COLOR_PICKER: string;
+  readonly TEXT: string;
+  readonly BUTTON: string;
+  readonly IMAGE: string;
+  readonly TOGGLE: string;
+  readonly SELECTBOX: string;
+  readonly BACKGROUND: string;
+  readonly COLOR_PICKER: string;
+  readonly LOGO: string;
 };
 
 interface TextDesignEditor {
-    readonly type: 'TEXT';
-    readonly label: string | Record<string, string>;
-    defaults: Record<string, unknown>;
+  readonly type: 'TEXT';
+  readonly label: string | Record<string, string>;
+  defaults: Record<string, unknown>;
 }
 
 interface ButtonDesignEditor {
-    readonly type: 'BUTTON';
-    readonly label: string | Record<string, string>;
-    defaults: Record<string, unknown>;
+  readonly type: 'BUTTON';
+  readonly label: string | Record<string, string>;
+  defaults: Record<string, unknown>;
 }
 
 interface ImageDesignEditor {
-    readonly type: 'IMAGE';
-    readonly label: string | Record<string, string>;
-    defaults: Record<string, unknown>;
+  readonly type: 'IMAGE';
+  readonly label: string | Record<string, string>;
+  defaults: Record<string, unknown>;
 }
 
 interface ToggleDesignEditor {
-    readonly type: 'TOGGLE';
-    readonly label: string | Record<string, string>;
-    defaults: Record<string, unknown>;
+  readonly type: 'TOGGLE';
+  readonly label: string | Record<string, string>;
+  defaults: Record<string, unknown>;
 }
 
 interface SelectboxDesignEditor {
-    readonly type: 'SELECTBOX';
-    readonly label: string | Record<string, string>;
-    defaults: Record<string, unknown>;
+  readonly type: 'SELECTBOX';
+  readonly label: string | Record<string, string>;
+  defaults: Record<string, unknown>;
 }
 
 interface BackgroundDesignEditor {
-    readonly type: 'BACKGROUND';
-    readonly label: string | Record<string, string>;
-    defaults: Record<string, unknown>;
+  readonly type: 'BACKGROUND';
+  readonly label: string | Record<string, string>;
+  defaults: Record<string, unknown>;
 }
 
 interface ColorPickerDesignEditor {
-    readonly type: 'COLOR_PICKER';
-    defaults: Record<string, unknown>;
+  readonly type: 'COLOR_PICKER';
+  defaults: Record<string, unknown>;
+}
+
+interface LogoDesignEditor {
+  readonly type: 'LOGO';
+  readonly label: string | Record<string, string>;
+  defaults: Record<string, unknown>;
 }
 
 type DesignEditor =
-    TextDesignEditor
-    | ButtonDesignEditor
-    | ImageDesignEditor
-    | ToggleDesignEditor
-    | SelectboxDesignEditor
-    | BackgroundDesignEditor
-    | ColorPickerDesignEditor;
+  TextDesignEditor
+  | ButtonDesignEditor
+  | ImageDesignEditor
+  | ToggleDesignEditor
+  | SelectboxDesignEditor
+  | BackgroundDesignEditor
+  | ColorPickerDesignEditor
+  | LogoDesignEditor;
 
 type InferDesignType<T extends Record<string, DesignEditor>> = {
-    readonly [P in keyof T]: MapEditorDesignTypes[T[P]['type']]
+  readonly [P in keyof T]: MapEditorDesignTypes[T[P]['type']]
 }

package/template/headers/example-header/component/SampleComponent.vue

@@ -1,11 +0,0 @@
-<script setup lang="ts">
-
-</script>
-
-<template>
-
-</template>
-
-<style scoped lang="scss">
-
-</style>