diff --git a/src/device_manager/config/config.js b/src/device_manager/config/config.js deleted file mode 100644 index bdf2e36e6..000000000 --- a/src/device_manager/config/config.js +++ /dev/null @@ -1,31 +0,0 @@ -export default { - // The device `id` to select on start, if not indicated, the first available from `devices` will be used. - default: null, - - // Default devices - devices: [ - { - id: 'desktop', - name: 'Desktop', - width: '', - }, - { - id: 'tablet', - name: 'Tablet', - width: '770px', - widthMedia: '992px', - }, - { - id: 'mobileLandscape', - name: 'Mobile landscape', - width: '568px', - widthMedia: '768px', - }, - { - id: 'mobilePortrait', - name: 'Mobile portrait', - width: '320px', - widthMedia: '480px', - }, - ], -}; diff --git a/src/device_manager/config/config.ts b/src/device_manager/config/config.ts new file mode 100644 index 000000000..891d321fe --- /dev/null +++ b/src/device_manager/config/config.ts @@ -0,0 +1,55 @@ +export interface DeviceManagerConfig { + /** + * The device `id` to select on start, if not indicated, the first available from `devices` will be used. + * @default '' + */ + default?: string; + /** + * Default devices. + * @example + * devices: [{ + * id: 'desktop', + * name: 'Desktop', + * width: '', + * }, { + * id: 'tablet', + * name: 'Tablet', + * width: '770px', + * widthMedia: '992px', + * }, + * ... + * ] + */ + devices?: Array; // TODO +} + +const config: DeviceManagerConfig = { + default: '', + devices: [ + { + id: 'desktop', + name: 'Desktop', + width: '', + }, + { + id: 'tablet', + name: 'Tablet', + width: '770px', + widthMedia: '992px', + }, + { + id: 'mobileLandscape', + name: 'Mobile landscape', + width: '568px', + widthMedia: '768px', + }, + { + id: 'mobilePortrait', + name: 'Mobile portrait', + width: '320px', + widthMedia: '480px', + }, + ], +}; + +export default config;