onesignal-devcycle-sample/index.html at main · OneSignalDevelopers/onesignal-devcycle-sample · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>OneSignal Website SDK Sample</title>
    <script
      src="https://cdn.onesignal.com/sdks/web/v16/OneSignalSDK.page.js"
      defer
    ></script>
    <script
      src="https://js.devcycle.com/devcycle.min.js"
      type="text/javascript"
    ></script>
    <script>
      window.OneSignalDeferred = window.OneSignalDeferred || []

      const user = {
        user_id: 'iamwill@kronos',
        customData: { iphone: true },
      }

      const dvcOptions = { logLevel: 'debug' }
      const devcycleClient = DevCycle.initializeDevCycle(
        'dvc_client_bebf864b_f563_41d0_a124_13a6a4845455_52a3e63',
        user,
        dvcOptions
      )

      devcycleClient.onClientInitialized(err => {
        if (err) {
          console.error(`Devcycle failed to load`, JSON.stringify(err, null, 2))
          return
        }

        const isOnesignalIntegrationFeatureEnabled =
          devcycleClient.variableValue('onesignal-integration', false)
        if (!isOnesignalIntegrationFeatureEnabled) {
          OneSignalDeferred.push(function (OneSignal) {
            console.info('Initializing OneSignal...')
            OneSignal.init({
              appId: 'af1595b4-f433-46b6-a6be-536cfbe0bb75',
              serviceWorkerParam: {
                scope: '/onesignal-website-sdk-sample',
              },
              serviceWorkerPath:
                '/onesignal-website-sdk-sample/OneSignalSDKWorker.js',
              notifyButton: {
                enable: true,
              },
            })
          })
        } else {
          console.info('OneSignal integration is not enabled.')
        }

        const doesAppleRock = devcycleClient.variableValue(
          'apple_rocks',
          'Feature OFF'
        )
        if (doesAppleRock) {
          document.getElementById('message').innerText = doesAppleRock
        }
      })
    </script>
  </head>
  <body>
    <h1>OneSignal Website SDK Sample</h1>
    <p id="message"></p>
  </body>
</html>