UNPKG

7.2 kBTypeScriptView Raw
1type Styles = ViewportStyles | ((s: ViewportStyles | undefined) => ViewportStyles) | null;
2interface Viewport {
3 name: string;
4 styles: Styles;
5 type: 'desktop' | 'mobile' | 'tablet' | 'other';
6}
7interface ModernViewport {
8 name: string;
9 styles: ViewportStyles;
10 type: 'desktop' | 'mobile' | 'tablet' | 'other';
11}
12interface ViewportStyles {
13 height: string;
14 width: string;
15}
16type ViewportMap = Record<string, Viewport>;
17interface Config {
18 options: Record<string, ModernViewport>;
19 disable: boolean;
20}
21type GlobalState = {
22 value: string | undefined;
23 isRotated: boolean;
24};
25type GlobalStateUpdate = Partial<GlobalState>;
26
27declare const INITIAL_VIEWPORTS_DATA: {
28 readonly iphone5: {
29 readonly name: "iPhone 5";
30 readonly styles: {
31 readonly height: "568px";
32 readonly width: "320px";
33 };
34 readonly type: "mobile";
35 };
36 readonly iphone6: {
37 readonly name: "iPhone 6";
38 readonly styles: {
39 readonly height: "667px";
40 readonly width: "375px";
41 };
42 readonly type: "mobile";
43 };
44 readonly iphone6p: {
45 readonly name: "iPhone 6 Plus";
46 readonly styles: {
47 readonly height: "736px";
48 readonly width: "414px";
49 };
50 readonly type: "mobile";
51 };
52 readonly iphone8p: {
53 readonly name: "iPhone 8 Plus";
54 readonly styles: {
55 readonly height: "736px";
56 readonly width: "414px";
57 };
58 readonly type: "mobile";
59 };
60 readonly iphonex: {
61 readonly name: "iPhone X";
62 readonly styles: {
63 readonly height: "812px";
64 readonly width: "375px";
65 };
66 readonly type: "mobile";
67 };
68 readonly iphonexr: {
69 readonly name: "iPhone XR";
70 readonly styles: {
71 readonly height: "896px";
72 readonly width: "414px";
73 };
74 readonly type: "mobile";
75 };
76 readonly iphonexsmax: {
77 readonly name: "iPhone XS Max";
78 readonly styles: {
79 readonly height: "896px";
80 readonly width: "414px";
81 };
82 readonly type: "mobile";
83 };
84 readonly iphonese2: {
85 readonly name: "iPhone SE (2nd generation)";
86 readonly styles: {
87 readonly height: "667px";
88 readonly width: "375px";
89 };
90 readonly type: "mobile";
91 };
92 readonly iphone12mini: {
93 readonly name: "iPhone 12 mini";
94 readonly styles: {
95 readonly height: "812px";
96 readonly width: "375px";
97 };
98 readonly type: "mobile";
99 };
100 readonly iphone12: {
101 readonly name: "iPhone 12";
102 readonly styles: {
103 readonly height: "844px";
104 readonly width: "390px";
105 };
106 readonly type: "mobile";
107 };
108 readonly iphone12promax: {
109 readonly name: "iPhone 12 Pro Max";
110 readonly styles: {
111 readonly height: "926px";
112 readonly width: "428px";
113 };
114 readonly type: "mobile";
115 };
116 readonly iphoneSE3: {
117 readonly name: "iPhone SE 3rd generation";
118 readonly styles: {
119 readonly height: "667px";
120 readonly width: "375px";
121 };
122 readonly type: "mobile";
123 };
124 readonly iphone13: {
125 readonly name: "iPhone 13";
126 readonly styles: {
127 readonly height: "844px";
128 readonly width: "390px";
129 };
130 readonly type: "mobile";
131 };
132 readonly iphone13pro: {
133 readonly name: "iPhone 13 Pro";
134 readonly styles: {
135 readonly height: "844px";
136 readonly width: "390px";
137 };
138 readonly type: "mobile";
139 };
140 readonly iphone13promax: {
141 readonly name: "iPhone 13 Pro Max";
142 readonly styles: {
143 readonly height: "926px";
144 readonly width: "428px";
145 };
146 readonly type: "mobile";
147 };
148 readonly iphone14: {
149 readonly name: "iPhone 14";
150 readonly styles: {
151 readonly height: "844px";
152 readonly width: "390px";
153 };
154 readonly type: "mobile";
155 };
156 readonly iphone14pro: {
157 readonly name: "iPhone 14 Pro";
158 readonly styles: {
159 readonly height: "852px";
160 readonly width: "393px";
161 };
162 readonly type: "mobile";
163 };
164 readonly iphone14promax: {
165 readonly name: "iPhone 14 Pro Max";
166 readonly styles: {
167 readonly height: "932px";
168 readonly width: "430px";
169 };
170 readonly type: "mobile";
171 };
172 readonly ipad: {
173 readonly name: "iPad";
174 readonly styles: {
175 readonly height: "1024px";
176 readonly width: "768px";
177 };
178 readonly type: "tablet";
179 };
180 readonly ipad10p: {
181 readonly name: "iPad Pro 10.5-in";
182 readonly styles: {
183 readonly height: "1112px";
184 readonly width: "834px";
185 };
186 readonly type: "tablet";
187 };
188 readonly ipad11p: {
189 readonly name: "iPad Pro 11-in";
190 readonly styles: {
191 readonly height: "1194px";
192 readonly width: "834px";
193 };
194 readonly type: "tablet";
195 };
196 readonly ipad12p: {
197 readonly name: "iPad Pro 12.9-in";
198 readonly styles: {
199 readonly height: "1366px";
200 readonly width: "1024px";
201 };
202 readonly type: "tablet";
203 };
204 readonly galaxys5: {
205 readonly name: "Galaxy S5";
206 readonly styles: {
207 readonly height: "640px";
208 readonly width: "360px";
209 };
210 readonly type: "mobile";
211 };
212 readonly galaxys9: {
213 readonly name: "Galaxy S9";
214 readonly styles: {
215 readonly height: "740px";
216 readonly width: "360px";
217 };
218 readonly type: "mobile";
219 };
220 readonly nexus5x: {
221 readonly name: "Nexus 5X";
222 readonly styles: {
223 readonly height: "660px";
224 readonly width: "412px";
225 };
226 readonly type: "mobile";
227 };
228 readonly nexus6p: {
229 readonly name: "Nexus 6P";
230 readonly styles: {
231 readonly height: "732px";
232 readonly width: "412px";
233 };
234 readonly type: "mobile";
235 };
236 readonly pixel: {
237 readonly name: "Pixel";
238 readonly styles: {
239 readonly height: "960px";
240 readonly width: "540px";
241 };
242 readonly type: "mobile";
243 };
244 readonly pixelxl: {
245 readonly name: "Pixel XL";
246 readonly styles: {
247 readonly height: "1280px";
248 readonly width: "720px";
249 };
250 readonly type: "mobile";
251 };
252};
253type InitialViewportKeys = keyof typeof INITIAL_VIEWPORTS_DATA;
254declare const INITIAL_VIEWPORTS: ViewportMap;
255declare const DEFAULT_VIEWPORT = "responsive";
256declare const MINIMAL_VIEWPORTS: ViewportMap;
257
258export { Config, DEFAULT_VIEWPORT, GlobalState, GlobalStateUpdate, INITIAL_VIEWPORTS, InitialViewportKeys, MINIMAL_VIEWPORTS, ModernViewport, Styles, Viewport, ViewportMap, ViewportStyles };
259
\No newline at end of file