fix(html-test-app): place public dir inside src folder

.github/workflows/deploy-pages.yml

@@ -13,6 +13,7 @@ jobs:
     steps:
       - uses: actions/checkout@v3
       - uses: ./.github/workflows/actions/install
+      - uses: ./.github/workflows/actions/build
       - name: 'Download @siemens/ix-brand-theme'
         run: |
           ROOT=$(pwd)
@@ -21,11 +22,11 @@ jobs:
           echo "//code.siemens.com/api/v4/projects/249177/packages/npm/:_authToken=${{ secrets.READ_CSC_TOKEN }}" >> .npmrc
           curl --header "PRIVATE-TOKEN: ${{ secrets.READ_CSC_TOKEN }}" $(yarn info @siemens/ix-brand-theme dist.tarball | sed -n 2p) -o ix-brand-theme.tgz
           tar zxvf ix-brand-theme.tgz
-          mv packages ix-brand-theme
+          mv package ix-brand-theme
           rm ix-brand-theme.tgz
           sed -i -e '/\"publishConfig\"/,/}/ d; /^$/d' ix-brand-theme/package.json
-          cd ROOT
-      - uses: ./.github/workflows/actions/build
+          rm ix-brand-theme/package.json-e
+          cp -R ./ix-brand-theme $ROOT/node_modules/@siemens
       - name: 'Build documentation'
         run: |
           yarn workspace documentation run build

.gitignore

@@ -1,10 +1,6 @@
 # See http://help.github.com/ignore-files/ for more about ignoring files.
 
-###
-# @siemens/html-test-app
-###
 
-packages/html-test-app/public/additional-theme
 
 # compiled output
 /dist
@@ -45,11 +41,6 @@ testem.log
 .DS_Store
 Thumbs.db
 
-dist/
-www/
-loader/
-dist-transpiled/
-build/
 
 *~
 *.sw[mnpcod]
@@ -94,7 +85,6 @@ coverage
 # See http://help.github.com/ignore-files/ for more about ignoring files.
 
 # compiled output
-dist
 /tmp
 /out-tsc
 
@@ -153,3 +143,25 @@ Thumbs.db
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+
+###
+# Build output
+##
+packages/*/dist/
+packages/*/www/
+packages/*/loader/
+packages/*/dist-transpiled/
+packages/*/build/
+
+###
+# @siemens/html-test-app
+###
+
+packages/html-test-app/src/public/additional-theme
+
+###
+# documentation
+###
+
+packages/documentation/static/webcomponent-examples/*
+!packages/documentation/static/versioned_examples/*/webcomponent-examples

packages/documentation/src/components/Demo.tsx

@@ -33,12 +33,13 @@ export default function Demo(props: {
     const currentVersion: string = preferredVersion?.name;
     if (currentVersion === undefined || currentVersion === 'current') {
       setBase(
-        baseUrl + `webcomponent-examples/preview-examples/${props.name}.html`
+        baseUrl +
+          `webcomponent-examples/dist/preview-examples/${props.name}.html`
       );
     } else {
       setBase(
         baseUrl +
-          `versioned_examples/version-${currentVersion}/webcomponent-examples/preview-examples/${props.name}.html`
+          `versioned_examples/version-${currentVersion}/webcomponent-examples/dist/preview-examples/${props.name}.html`
       );
     }
   }, [baseUrl, preferredVersion?.name, props.name]);

packages/html-test-app/src/preview-examples/init.js

@@ -12,9 +12,9 @@ import '@siemens/ix-aggrid/dist/ix-aggrid/ix-aggrid.css';
 import { defineCustomElements, applyPolyfills } from '@siemens/ix/loader';
 
 function loadAdditionalTheme() {
-  const theme = globalThis['additionalTheme'];
+  const theme = __THEME__;
   if (theme?.css) {
-    const base = `../../additional-theme`;
+    const base = `./../additional-theme`;
     const css = theme.css;
     const head = document.head;
 

packages/html-test-app/vite.config.ts

@@ -29,29 +29,32 @@ entryPoints.forEach((file) => {
 const isBrandThemeExisting = fs.existsSync(
   path.join(
     __dirname,
+    'src',
     'public',
     'additional-theme',
-    '@siemens/ix-brand-theme/package.json'
+    'ix-brand-theme/package.json'
   )
 );
 
 let additionalTheme = {};
 
 if (isBrandThemeExisting) {
   additionalTheme = {
-    loader: '@siemens/ix-brand-theme/loader',
-    css: '@siemens/ix-brand-theme/dist/ix-brand-theme/ix-brand-theme.css',
+    loader: 'ix-brand-theme/loader',
+    css: 'ix-brand-theme/dist/ix-brand-theme/ix-brand-theme.css',
   };
 }
 
 // https://vitejs.dev/config/
 export default defineConfig({
   base: './',
   root: './src',
+  publicDir: 'public',
   define: {
-    additionalTheme: JSON.stringify(additionalTheme),
+    __THEME__: JSON.stringify(additionalTheme),
   },
   build: {
+    emptyOutDir: true,
     minify: false,
     rollupOptions: {
       input: {