feat(html-test-app): add default index file

siemens · Oct 10, 2022 · a9a0608 · a9a0608
1 parent cd9ac90
commit a9a0608
Show file tree

Hide file tree

Showing 3 changed files with 49 additions and 1 deletion.
diff --git a/packages/html-test-app/src/index.html b/packages/html-test-app/src/index.html
@@ -0,0 +1,22 @@
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+-->
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App</title>
+  </head>
+  <body>
+    <!-- Preview code -->
+    <ix-button id="test-button" class="m-1" variant="primary">Button</ix-button>
+    <!-- Preview code -->
+    <script type="module" src="./main.js"></script>
+  </body>
+</html>
diff --git a/packages/html-test-app/src/main.js b/packages/html-test-app/src/main.js
@@ -0,0 +1,23 @@
+/*
+ * SPDX-FileCopyrightText: 2022 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import '@siemens/ix-icons/dist/css/ix-icons.css';
+import '@siemens/ix/dist/siemens-ix/siemens-ix.css';
+import { applyPolyfills, defineCustomElements } from '@siemens/ix/loader';
+
+(async () => {
+  await applyPolyfills();
+  await defineCustomElements();
+
+  console.log('Hello World!');
+
+  const button = document.getElementById('test-button');
+  button.addEventListener('click', () => {
+    alert('Alert works!');
+  });
+})();
diff --git a/packages/html-test-app/vite.config.ts b/packages/html-test-app/vite.config.ts
@@ -53,7 +53,10 @@ export default defineConfig({
   build: {
     minify: false,
     rollupOptions: {
-      input,
+      input: {
+        index: './src/index.html',
+        ...input,
+      },
     },
     outDir: path.join(__dirname, 'dist'),
   },