Update Sample

Author: git-babel

css/main.css

@@ -1,4 +1,4 @@
-export const TEST_APP_ID = undefined;
+export const TEST_APP_ID = 'YOUR_APP_ID';
 export const USER_ID = undefined;
 export const ACCESS_TOKEN = undefined;
 export const IS_ACCESS_TOKEN_NEEDED = false;

envs.js

@@ -0,0 +1 @@
+import "../css/main.css";

js/index.js

@@ -0,0 +1,30 @@
+import "../css/main.css";
+import MainApp from "../lib/components/MainApp";
+import DialView from "../lib/views/DialView";
+import CallView from "../lib/views/CallView";
+import LoginView from "../lib/views/LoginView";
+import { ACCESS_TOKEN, IS_ACCESS_TOKEN_NEEDED, TEST_APP_ID, USER_ID } from "../envs";
+
+function onLoadedHandler() {
+  const app = new MainApp({
+    id: 'main_app',
+    pages: {
+      'index': LoginView,
+      'login_view': LoginView,
+      'dial_view': DialView,
+      'call_view': CallView
+    },
+    styles: {},
+    args: {
+      appId: TEST_APP_ID,
+      userId: USER_ID,
+      accessToken: ACCESS_TOKEN,
+      isAccessTokenNeeded: IS_ACCESS_TOKEN_NEEDED,
+    }
+  });
+
+  const container = document.querySelector('#container');
+  app.appendToHTML(container);
+}
+
+document.addEventListener('DOMContentLoaded', onLoadedHandler);

js/main.js

@@ -0,0 +1,30 @@
+import "../css/main.css";
+import LoginView from "../lib/views/LoginView";
+import CallView from "../lib/views/CallView";
+import WidgetDialView from "../lib/views/WidgetDialView";
+import { TEST_APP_ID, USER_ID, ACCESS_TOKEN, IS_ACCESS_TOKEN_NEEDED } from "../envs.js";
+import WidgetApp from "../lib/components/WidgetApp";
+
+function onLoadedHandler() {
+  const widgetDiv = document.querySelector('#widget');
+  const app = new WidgetApp({
+    id: 'widget_app',
+    pages: {
+      'index': LoginView,
+      'login_view': LoginView,
+      'dial_view': WidgetDialView,
+      'call_view': CallView
+    },
+    styles: {
+    },
+    args: {
+      appId: TEST_APP_ID,
+      userId: USER_ID,
+      accessToken: ACCESS_TOKEN,
+      isAccessTokenNeeded: IS_ACCESS_TOKEN_NEEDED
+    }
+  });
+  app.appendToHTML(widgetDiv);
+}
+
+document.addEventListener('DOMContentLoaded', onLoadedHandler);