0.2.82 • Published 2 years ago

@byondrnd/byondxr-web-visualizer-ui v0.2.82

Weekly downloads
4,966
License
-
Repository
-
Last release
2 years ago

Visualizer UI Documentation

Get Started

<html>
  <head>
    <link
      href="https://unpkg.com/@byondrnd/byondxr-web-visualizer-ui@0.1.230/build/index.css"
      rel="stylesheet"
    />
  </head>
  <body>
    <div class="visualizer" data-role="visualizer" experienceId="<your experience id here>"></div>
    <script src="https://unpkg.com/@byondrnd/byondxr-web-visualizer@0.1.208/dist/index.js"></script>
    <script src="https://unpkg.com/@byondrnd/byondxr-web-visualizer-ui@0.1.230/build/index.js"></script>
  </body>
</html>

this project is a plugin for the visualizer, see https://www.npmjs.com/package/@byondrnd/byondxr-web-visualizer for more information

Theming Supported & css variables

It can be given as a configuration linked to the experienceId. Otherwise as a HTML and CSS as in the examples bellow.

To override a css rules add a css file like in the example https://unpkg.com/@byondrnd/byondxr-web-visualizer-ui@0.1.230/build/examples/globalVariables.css

Changing constant titles labels and icons

pass a stringified object as an attribute into the base div element

example

<html>
  <head>
    <link
      href="https://unpkg.com/@byondrnd/byondxr-web-visualizer-ui@0.1.230/build/index.css"
      rel="stylesheet"
    />
  </head>
  <body>
    <div
      class="visualizer"
      data-role="visualizer"
      experienceId="<your experience id here>"
      constants='{"menu":{"hotspots":{"label":"Hotspots"}}}'
    ></div>
    <script src="https://unpkg.com/@byondrnd/byondxr-web-visualizer@0.1.208/dist/index.js"></script>
    <script src="https://unpkg.com/@byondrnd/byondxr-web-visualizer-ui@0.1.230/build/index.js"></script>
  </body>
</html>

a full Documentation of custom labels titles and icons can be found under the Constants section

https://unpkg.com/@byondrnd/byondxr-web-visualizer-ui@0.1.230/doc/globals.html#constants"

an example for a constant object can be found at

https://unpkg.com/@byondrnd/byondxr-web-visualizer-ui@0.1.230/build/examples/Constants.json"

Launcher

type TParams = {
    sceneId?: string
    defaultProduct?: string  // sku, assigns product to each application, overrides defaultProducts
    defaultProducts?: Record<string, string>   // <application,sku>
    scene_configuration?: string // Scene configuration key (like country/language)
    experienceId?: string // either hashExperienceId
    hashExperienceId?: string // either experienceId
}

window.launchVisualizer(params: TParams): void
        <button
            onClick={() => {
                window.launchVisualizer({
                    experienceId: 'G2GcP2',
                    defaultProducts: { Countertop: '1200302000' },
                    defaultProduct: '1200302000',
                    sceneId: '6',
                    scene_configuration: 'US-EN',
                })
            }}
        >
            Launch
        </button>
@google/model-viewer@lottiefiles/react-lottie-player@tweenjs/tween.js@xstate/inspect@xstate/reactblueimp-load-imageclsxexenvfile-saverfocus-visiblefscreenhtml2canvasimmerjspdflodash-espreactpreact-habitatpreact-render-to-stringpreact-transitioningreact-a11y-dialogreact-deltareact-from-domreact-handler-hooksreact-hot-toastreact-inlinesvgreact-json-viewreact-laagreact-perfect-scrollbarreact-usereact-virtualreactjs-popupreakitthrottle-debouncetraverseua-parser-jsuse-immeruse-resize-observeruuidwretchxstatezodzustand
@infinitebrahmanuniverse/nolb-_byo@everything-registry/sub-chunk-150@zalastax/nolb-_byo
3.0.98

2 years ago

3.0.99

2 years ago

3.0.97

2 years ago

3.0.108

2 years ago

3.0.112

2 years ago

3.0.111

2 years ago

3.0.114

2 years ago

3.0.113

2 years ago

3.0.116

2 years ago

3.0.110

2 years ago

3.0.101

2 years ago

3.0.103

2 years ago

3.0.102

2 years ago

3.0.105

2 years ago

3.0.104

2 years ago

3.0.107

2 years ago

3.0.106

2 years ago

3.0.87

2 years ago

3.0.88

2 years ago

3.0.81

2 years ago

3.0.82

2 years ago

3.0.85

2 years ago

3.0.86

2 years ago

3.0.84

2 years ago

3.0.96

2 years ago

3.0.95

2 years ago

3.0.67

2 years ago

3.0.68

2 years ago

3.0.65

2 years ago

3.0.66

2 years ago

3.0.69

2 years ago

3.0.60

2 years ago

3.0.63

2 years ago

3.0.64

2 years ago

3.0.61

2 years ago

3.0.62

2 years ago

3.0.78

2 years ago

3.0.76

2 years ago

3.0.70

2 years ago

3.0.71

2 years ago

3.0.75

2 years ago

3.0.72

2 years ago

3.0.73

2 years ago

3.0.48

2 years ago

3.0.56

2 years ago

3.0.57

2 years ago

3.0.54

2 years ago

3.0.55

2 years ago

3.0.58

2 years ago

3.0.59

2 years ago

3.0.52

2 years ago

3.0.53

2 years ago

3.0.50

2 years ago

3.0.51

2 years ago

3.0.15

3 years ago

3.0.45

2 years ago

3.0.46

2 years ago

3.0.44

2 years ago

3.0.47

2 years ago

3.0.23

2 years ago

3.0.24

2 years ago

3.0.22

2 years ago

3.0.27

2 years ago

3.0.25

2 years ago

3.0.18

2 years ago

3.0.32

2 years ago

3.0.33

2 years ago

3.0.30

2 years ago

3.0.31

2 years ago

3.0.7

3 years ago

3.0.9

3 years ago

2.1.58

3 years ago

2.1.59

3 years ago

2.1.69

3 years ago

2.1.68

3 years ago

2.1.65

3 years ago

2.1.66

3 years ago

2.1.63

3 years ago

2.1.64

3 years ago

2.1.62

3 years ago

2.1.78

3 years ago

2.1.79

3 years ago

2.1.77

3 years ago

2.1.74

3 years ago

2.1.73

3 years ago

2.1.70

3 years ago

2.1.81

3 years ago

3.0.12

3 years ago

3.0.13

3 years ago

3.0.10

3 years ago

3.0.11

3 years ago

3.0.14

3 years ago

2.1.56

3 years ago

2.1.57

3 years ago

2.1.54

3 years ago

2.1.55

3 years ago

3.0.2

3 years ago

2.1.53

3 years ago

2.1.52

3 years ago

2.1.50

3 years ago

2.1.51

3 years ago

2.1.49

3 years ago

2.1.47

3 years ago

2.1.48

3 years ago

2.1.46

3 years ago

3.0.1

3 years ago

2.1.45

3 years ago

2.1.43

3 years ago

2.1.38

3 years ago

2.1.39

3 years ago

2.1.36

3 years ago

2.1.37

3 years ago

2.1.35

3 years ago

2.1.41

3 years ago

2.1.42

3 years ago

2.1.34

3 years ago

2.1.33

3 years ago

2.1.32

3 years ago

2.1.30

3 years ago

2.1.31

3 years ago

2.1.27

3 years ago

2.1.28

3 years ago

2.1.26

3 years ago

2.1.23

3 years ago

2.1.21

3 years ago

2.1.16

3 years ago

2.1.17

3 years ago

2.1.18

3 years ago

2.1.19

3 years ago

2.1.20

3 years ago

2.1.8

3 years ago

2.1.14

3 years ago

2.1.13

3 years ago

2.1.9

3 years ago

2.1.6

3 years ago

2.1.7

3 years ago

2.1.2

3 years ago

2.1.4

3 years ago

2.1.3

3 years ago

2.1.5

3 years ago

2.0.179

3 years ago

2.0.178

3 years ago

2.0.180

3 years ago

2.0.177

3 years ago

2.0.176

3 years ago

2.0.175

3 years ago

2.0.174

3 years ago

2.0.173

3 years ago

2.0.172

3 years ago

2.0.171

3 years ago

2.0.170

3 years ago

2.0.169

3 years ago

2.0.166

3 years ago

2.0.165

3 years ago

2.0.163

3 years ago

2.0.162

3 years ago

2.0.161

3 years ago

2.0.159

3 years ago

2.0.158

3 years ago

2.0.157

3 years ago

2.0.160

3 years ago

2.0.156

3 years ago

2.0.155

3 years ago

2.0.154

3 years ago

2.0.153

3 years ago

2.0.152

3 years ago

2.0.151

3 years ago

2.0.150

3 years ago

2.0.149

3 years ago

2.0.148

3 years ago

2.0.147

3 years ago

2.0.146

3 years ago

2.0.145

3 years ago

2.0.139

3 years ago

2.0.138

3 years ago

2.0.144

3 years ago

2.0.143

3 years ago

2.0.141

3 years ago

2.0.140

3 years ago

0.2.172

3 years ago

0.2.171

3 years ago

2.0.137

3 years ago

2.0.135

3 years ago

2.0.134

3 years ago

2.0.133

3 years ago

2.0.132

3 years ago

0.2.170

3 years ago

0.2.169

3 years ago

0.2.167

3 years ago

2.0.127

3 years ago

2.0.126

3 years ago

2.0.125

3 years ago

2.0.124

3 years ago

2.0.123

3 years ago

0.2.166

3 years ago

0.2.165

3 years ago

0.2.164

3 years ago

0.2.163

3 years ago

0.2.162

3 years ago

0.2.161

3 years ago

0.2.160

3 years ago

0.2.159

3 years ago

0.2.158

3 years ago

0.2.157

3 years ago

0.2.156

3 years ago

0.2.155

3 years ago

0.2.154

3 years ago

0.2.153

3 years ago

0.2.152

3 years ago

2.0.122

3 years ago

2.0.121

3 years ago

0.2.149

3 years ago

0.2.147

3 years ago

0.2.151

3 years ago

0.2.150

3 years ago

0.2.146

3 years ago

0.2.145

3 years ago

2.0.118

3 years ago

2.0.120

3 years ago

2.0.117

3 years ago

0.2.144

3 years ago

0.2.143

3 years ago

2.0.116

3 years ago

2.0.115

3 years ago

2.0.114

3 years ago

2.0.113

3 years ago

2.0.112

3 years ago

0.2.142

3 years ago

2.0.111

3 years ago

2.0.110

3 years ago

0.2.141

3 years ago

0.2.140

3 years ago

0.2.139

3 years ago

0.2.138

3 years ago

2.0.109

3 years ago

2.0.107

3 years ago

0.2.137

3 years ago

2.0.106

3 years ago

2.0.105

3 years ago

2.0.104

3 years ago

2.0.103

3 years ago

2.0.102

3 years ago

2.0.101

3 years ago

2.0.100

3 years ago

0.2.136

3 years ago

2.0.99

3 years ago

0.2.135

3 years ago

0.2.134

3 years ago

2.0.97

3 years ago

2.0.95

3 years ago

2.0.96

3 years ago

0.2.132

3 years ago

0.2.131

3 years ago

2.0.94

3 years ago

0.2.130

3 years ago

0.2.128

3 years ago

0.2.127

3 years ago

2.0.92

3 years ago

0.2.126

3 years ago

0.2.125

3 years ago

0.2.124

3 years ago

0.2.123

3 years ago

0.2.121

3 years ago

2.0.88

3 years ago

2.0.87

3 years ago

0.2.120

3 years ago

2.0.86

3 years ago

2.0.84

3 years ago

2.0.85

3 years ago

2.0.82

3 years ago

2.0.83

3 years ago

2.0.81

3 years ago

0.2.118

3 years ago

2.0.79

3 years ago

2.0.77

3 years ago

2.0.78

3 years ago

2.0.75

3 years ago

2.0.76

3 years ago

2.0.74

3 years ago

2.0.80

3 years ago

2.0.73

3 years ago

0.2.117

3 years ago

0.2.116

3 years ago

0.2.115

3 years ago

0.2.114

3 years ago

0.2.113

3 years ago

0.2.111

3 years ago

0.2.110

3 years ago

0.2.109

3 years ago

2.0.48

3 years ago

2.0.49

3 years ago

2.0.47

3 years ago

2.0.59

3 years ago

2.0.57

3 years ago

2.0.58

3 years ago

2.0.53

3 years ago

2.0.54

3 years ago

2.0.52

3 years ago

2.0.50

3 years ago

2.0.68

3 years ago

2.0.69

3 years ago

2.0.66

3 years ago

2.0.67

3 years ago

2.0.64

3 years ago

2.0.65

3 years ago

2.0.62

3 years ago

2.0.63

3 years ago

2.0.61

3 years ago

2.0.71

3 years ago

2.0.70

3 years ago

2.0.46

3 years ago

2.0.45

3 years ago

0.2.108

3 years ago

0.2.107

3 years ago

0.2.96

3 years ago

0.2.95

3 years ago

0.2.94

3 years ago

0.2.93

3 years ago

0.2.92

3 years ago

0.2.91

3 years ago

0.2.99

3 years ago

0.2.98

3 years ago

0.2.97

3 years ago

0.2.85

3 years ago

0.2.82

3 years ago

0.2.81

3 years ago

0.2.80

3 years ago

0.2.87

3 years ago

0.2.86

3 years ago

2.0.17

3 years ago

2.0.26

3 years ago

2.0.24

3 years ago

2.0.25

3 years ago

2.0.29

3 years ago

2.0.37

3 years ago

2.0.38

3 years ago

2.0.36

3 years ago

2.0.33

3 years ago

2.0.34

3 years ago

2.0.31

3 years ago

2.0.32

3 years ago

2.0.30

3 years ago

2.0.39

3 years ago

2.0.44

3 years ago

2.0.42

3 years ago

2.0.43

3 years ago

2.0.40

3 years ago

2.0.41

3 years ago

0.2.106

3 years ago

0.2.105

3 years ago

0.2.104

3 years ago

0.2.103

3 years ago

0.2.102

3 years ago

0.2.101

3 years ago

0.2.100

3 years ago

0.2.78

3 years ago

0.2.77

3 years ago

0.2.76

3 years ago

0.2.75

3 years ago

2.0.15

3 years ago

2.0.16

3 years ago

0.2.74

3 years ago

0.2.73

3 years ago

2.0.14

3 years ago

0.2.64

3 years ago

0.2.63

3 years ago

0.2.61

3 years ago

0.2.60

3 years ago

0.2.59

3 years ago

0.2.58

3 years ago

0.2.57

3 years ago

0.2.56

3 years ago

0.2.52

3 years ago

0.2.51

3 years ago

0.2.50

3 years ago

0.2.53

3 years ago

2.0.4

3 years ago

0.2.49

3 years ago

2.0.3

3 years ago

0.2.48

3 years ago

0.2.47

3 years ago

0.2.45

3 years ago

0.2.44

3 years ago

0.2.41

3 years ago

0.2.40

3 years ago

0.2.43

3 years ago

0.2.39

3 years ago

0.2.38

3 years ago

0.2.27

3 years ago

0.2.26

3 years ago

0.2.25

3 years ago

0.2.24

3 years ago

0.2.23

3 years ago

0.2.22

3 years ago

0.2.21

3 years ago

0.2.30

3 years ago

0.2.37

3 years ago

0.2.36

3 years ago

0.2.35

3 years ago

0.2.34

3 years ago

0.2.33

3 years ago

0.2.32

3 years ago

0.2.31

3 years ago

0.2.29

3 years ago

0.2.28

3 years ago

0.2.20

3 years ago

0.2.19

3 years ago

0.2.18

3 years ago

0.2.17

3 years ago

0.2.16

3 years ago

0.2.15

3 years ago

0.2.14

3 years ago

0.2.13

3 years ago

0.2.12

3 years ago

0.2.11

3 years ago

0.2.10

3 years ago

0.2.9

3 years ago

0.2.8

3 years ago

0.2.7

3 years ago

0.2.6

3 years ago

0.1.248

3 years ago

0.2.4

3 years ago

0.1.247

3 years ago

0.2.1

3 years ago

0.2.3

3 years ago

0.1.246

3 years ago

0.2.0

3 years ago

0.1.244

3 years ago

0.1.243

3 years ago

0.1.241

3 years ago

0.1.240

3 years ago

0.1.237

3 years ago

0.1.235

3 years ago

0.1.234

3 years ago

0.1.233

3 years ago

0.1.231

3 years ago

0.1.230

3 years ago

0.1.232

3 years ago

0.1.228

3 years ago

0.1.229

3 years ago

0.1.226

3 years ago

0.1.225

3 years ago

0.1.224

3 years ago

0.1.223

3 years ago

0.1.222

3 years ago

0.1.221

3 years ago

0.1.220

3 years ago

0.1.217

3 years ago

0.1.219

3 years ago

0.1.218

3 years ago

0.1.215

3 years ago

0.1.214

3 years ago

0.1.213

3 years ago

0.1.212

3 years ago

0.1.211

3 years ago

0.1.208

3 years ago

0.1.209

3 years ago

0.1.210

3 years ago

0.1.207

3 years ago

0.1.206

3 years ago

0.1.205

3 years ago

0.1.204

3 years ago

0.1.203

3 years ago

0.1.198

3 years ago

0.1.199

3 years ago

0.1.201

3 years ago

0.1.200

3 years ago

0.1.197

3 years ago

0.1.196

3 years ago

0.1.195

3 years ago

0.1.192

3 years ago

0.1.193

3 years ago

0.1.191

3 years ago

0.1.190

3 years ago

0.1.189

3 years ago

0.1.188

3 years ago

0.1.183

3 years ago

0.1.182

3 years ago

0.1.185

3 years ago

0.1.179

3 years ago

0.1.178

3 years ago

0.1.177

3 years ago

0.1.181

3 years ago

0.1.180

3 years ago

0.1.176

3 years ago

0.1.175

3 years ago

0.1.174

3 years ago

0.1.173

3 years ago

0.1.172

3 years ago

0.1.165

3 years ago

0.1.164

3 years ago

0.1.167

3 years ago

0.1.166

3 years ago

0.1.163

3 years ago

0.1.162

3 years ago

0.1.161

3 years ago

0.1.159

3 years ago

0.1.158

3 years ago

0.1.157

3 years ago

0.1.155

3 years ago

0.1.154

3 years ago

0.1.153

3 years ago

0.1.152

3 years ago

0.1.151

3 years ago

0.1.149

3 years ago

0.1.148

3 years ago

0.1.150

3 years ago

0.1.147

3 years ago

0.1.146

3 years ago

0.1.145

3 years ago

0.1.143

3 years ago

0.1.144

3 years ago

0.1.142

3 years ago

0.1.141

3 years ago

0.1.140

3 years ago

0.1.139

3 years ago

0.1.136

3 years ago

0.1.138

3 years ago

0.1.133

3 years ago

0.1.132

3 years ago

0.1.131

3 years ago

0.1.129

3 years ago

0.1.128

3 years ago

0.1.130

3 years ago

0.1.126

3 years ago

0.1.127

3 years ago

0.1.125

3 years ago

0.1.124

3 years ago

0.1.123

3 years ago

0.1.121

3 years ago

0.1.122

3 years ago

0.1.119

3 years ago

0.1.120

3 years ago

0.1.118

3 years ago

0.1.116

3 years ago

0.1.115

3 years ago

0.1.114

3 years ago

0.1.113

3 years ago

0.1.111

3 years ago

0.1.110

3 years ago

0.1.109

3 years ago

0.1.108

3 years ago

0.1.107

3 years ago

0.1.106

3 years ago

0.1.103

3 years ago

0.1.102

3 years ago

0.1.105

3 years ago

0.1.104

3 years ago

0.1.101

3 years ago

0.1.100

3 years ago

0.1.98

3 years ago

0.1.99

3 years ago

0.1.97

3 years ago

0.1.96

3 years ago

0.1.95

3 years ago

0.1.94

3 years ago

0.1.93

3 years ago

0.1.91

3 years ago

0.1.92

3 years ago

0.1.90

3 years ago

0.1.89

3 years ago

0.1.88

3 years ago

0.1.86

3 years ago

0.1.85

3 years ago

0.1.84

3 years ago

0.1.83

3 years ago

0.1.82

3 years ago

0.1.81

3 years ago

0.1.80

3 years ago

0.1.79

3 years ago

0.1.78

3 years ago

0.1.74

3 years ago

0.1.75

3 years ago

0.1.76

3 years ago

0.1.77

3 years ago

0.1.71

3 years ago

0.1.72

3 years ago

0.1.73

3 years ago

0.1.70

3 years ago

0.1.69

3 years ago

0.1.68

3 years ago

0.1.67

3 years ago

0.1.66

3 years ago

0.1.65

3 years ago

0.1.64

3 years ago

0.1.63

3 years ago

0.1.62

3 years ago

0.1.60

3 years ago

0.1.61

3 years ago

0.1.55

3 years ago

0.1.58

3 years ago

0.1.59

3 years ago

0.1.54

3 years ago

0.1.53

3 years ago

0.1.52

3 years ago

0.1.50

3 years ago

0.1.49

3 years ago

0.1.48

3 years ago

0.1.47

3 years ago

0.1.41

3 years ago

0.1.42

3 years ago

0.1.43

3 years ago

0.1.44

3 years ago

0.1.45

3 years ago

0.1.46

3 years ago

0.1.40

3 years ago

0.1.37

3 years ago

0.1.38

3 years ago

0.1.39

3 years ago

0.1.35

3 years ago

0.1.36

3 years ago

0.1.34

3 years ago

0.1.33

3 years ago

0.1.32

3 years ago

0.1.31

3 years ago

0.1.30

3 years ago

0.1.29

3 years ago

0.1.28

3 years ago

0.1.22

3 years ago

0.1.23

3 years ago

0.1.24

3 years ago

0.1.25

3 years ago

0.1.21

3 years ago

0.1.19

3 years ago

0.1.18

3 years ago

0.1.16

3 years ago

0.1.15

3 years ago

0.1.14

3 years ago

0.1.13

3 years ago