arProdFrontend/model-viewer.d.ts at dev · Reality-loops/arProdFrontend · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
import type React from 'react';

declare global {
  namespace JSX {
    interface IntrinsicElements {
      'model-viewer': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & {
        src?: string;
        alt?: string;
        poster?: string;
        loading?: 'auto' | 'lazy' | 'eager';
        reveal?: 'auto' | 'interaction' | 'manual';

        // AR features
        ar?: boolean | string;
        'ar-modes'?: string;
        'ar-scale'?: 'auto' | 'fixed';
        'ar-placement'?: 'floor' | 'wall';
        'ios-src'?: string;
        'xr-environment'?: boolean | string;

        // Camera controls
        'camera-controls'?: boolean | string;
        'camera-orbit'?: string;
        'camera-target'?: string;
        'field-of-view'?: string;
        'max-camera-orbit'?: string;
        'min-camera-orbit'?: string;
        'max-field-of-view'?: string;
        'min-field-of-view'?: string;
        'interpolation-decay'?: number | string;

        // Interaction
        'disable-zoom'?: boolean | string;
        'disable-pan'?: boolean | string;
        'disable-tap'?: boolean | string;
        'touch-action'?: string;
        'interaction-prompt'?: 'auto' | 'when-focused' | 'none';
        'interaction-prompt-threshold'?: number | string;
        'interaction-prompt-style'?: 'basic' | 'wiggle';

        // Lighting & Environment
        'environment-image'?: string;
        'skybox-image'?: string;
        exposure?: number | string;
        'shadow-intensity'?: number | string;
        'shadow-softness'?: number | string;

        // Staging & Presentation
        autoplay?: boolean | string;
        'animation-name'?: string;
        'animation-crossfade-duration'?: number | string;
        'auto-rotate'?: boolean | string;
        'auto-rotate-delay'?: number | string;
        'rotation-per-second'?: string;

        // Loading
        preload?: boolean | string;
        withCredentials?: boolean | string;

        // Dimensions & Scaling
        bounds?: 'tight' | 'legacy';
        scale?: string;

        // Annotations
        'quick-look-browsers'?: string;
      };
    }
  }

  interface HTMLElementTagNameMap {
    'model-viewer': HTMLElement & {
      src: string;
      alt: string;
      canActivateAR: boolean;
      activateAR(): Promise<void>;
    };
  }
}