introduce rollup build script (#1298)

* introduce rollup build script

* remove unused theme

* fix theme loading in showcase

* remove cypress e2e test, we will yse playwright

* inject css for additional components, add missing shell dependencies

* emit exports on package.json, more styleINject

* add style injection to all remaining package css

* make sure licence is published

* ensure types are refernced in package.json exports

* add top level css to exports in package json

* record UI types in correct location in exports

* fix style in exports

.github/workflows/test-ui.yml

@@ -11,6 +11,7 @@ jobs:
         uses: actions/checkout@v3
       - name: Install Node & dependencies
         uses: ./.github/actions/setup-vuu-ui
+      - run: cd ./vuu-ui && npm run build:worker
       - run: cd ./vuu-ui && npm run lint
       - run: cd ./vuu-ui && npm run typecheck
 
@@ -46,42 +47,15 @@ jobs:
           path: ./vuu-ui/playwright/reports/
           retention-days: 10
 
-  cypress-e2e:
-    # As a third party action, cypress-io is pinned to a full length commit SHA for security purposes.
-    # This is also a requirement for the semgrep (static code analysis) scan to pass.
-    # https://docs.github.com/en/actions/security-guides/security-hardening-for-github-actions#using-third-party-actions
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v3
-      - name: Install Node & dependencies
-        uses: ./.github/actions/setup-vuu-ui
-      - name: Run end-to-end tests in Chrome
-        uses: cypress-io/github-action@bd9dda317ed2d4fbffc808ba6cdcd27823b2a13b
-        with:
-          install: false
-          working-directory: ./vuu-ui
-          browser: chrome
-          build: npm run showcase:build
-          start: npm run showcase:preview
-          wait-on: "http://localhost:4173"
-      - name: Run end-to-end tests in Edge
-        uses: cypress-io/github-action@bd9dda317ed2d4fbffc808ba6cdcd27823b2a13b
-        with:
-          install: false
-          working-directory: ./vuu-ui
-          browser: edge
-          build: npm run showcase:build
-          start: npm run showcase:preview
-          wait-on: "http://localhost:4173"
-
   cypress-component:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
         uses: actions/checkout@v3
       - name: Install Node & dependencies
         uses: ./.github/actions/setup-vuu-ui
+      - name: Build Worker
+        run: cd ./vuu-ui && npm run build:worker
       - name: Run component tests in Chrome
         uses: cypress-io/github-action@bd9dda317ed2d4fbffc808ba6cdcd27823b2a13b
         with:

.semgrepignore

@@ -26,8 +26,10 @@ vuu-ui/sample-apps/app-vuu-basket-trader/scripts/build.mjs
 vuu-ui/sample-apps/app-vuu-example/scripts/build.mjs
 vuu-ui/showcase/scripts/build-docs.mjs
 vuu-ui/showcase/scripts/build.mjs
+vuu-ui/showcase/scripts/build-rollup.mjs
 vuu-ui/showcase/scripts/parse-stories.mjs
 vuu-ui/showcase/scripts/utils.mjs
+vuu-ui/scripts/build-rollup.mjs
 vuu-ui/scripts/utils.mjs
 vuu-ui/tools/vuu-showcase/src/showcase-utils.ts
 example/order/src/main/scala/org/finos/vuu/order/oms/impl/InMemOmsApi.scala

vuu-ui/cypress.config.ts

@@ -3,9 +3,10 @@ import react from "@vitejs/plugin-react";
 import tsconfigPaths from "vite-tsconfig-paths";
 import { UserConfig } from "vite";
 import { version as reactVersion } from "react";
+import { cssInline } from "./tools/vite-plugin-inline-css/src";
 
 const viteConfig: UserConfig = {
-  plugins: [react(), tsconfigPaths() /*, IstanbulPlugin()*/],
+  plugins: [react(), tsconfigPaths(), /*, IstanbulPlugin()*/ cssInline()],
   server: {
     watch: {
       ignored: ["**/coverage"],
@@ -54,21 +55,4 @@ export default defineConfig({
     specPattern: "packages/**/src/**/*.cy.{js,ts,jsx,tsx}",
     indexHtmlFile: "cypress/support/component/component-index.html",
   },
-
-  e2e: {
-    baseUrl: "http://localhost:4173/",
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    setupNodeEvents(on, config) {
-      // implement node event listeners here
-      on("task", {
-        log(message: string) {
-          console.log(message);
-
-          return null;
-        },
-      });
-    },
-    chromeWebSecurity: false,
-    defaultCommandTimeout: 10000,
-  },
 });

vuu-ui/cypress/support/component/component-index.html

@@ -7,6 +7,6 @@
     <title>Components App</title>
   </head>
   <body>
-    <div data-cy-root class="vuu-theme vuu-density-high" data-mode="light"></div>
+    <div data-cy-root class="vuu-theme salt-density-high" data-mode="light"></div>
   </body>
 </html>

vuu-ui/global.d.ts

@@ -1,3 +1,8 @@
 declare module "@thomaschaplin/isin-generator" {
   export const isinGenerator = () => undefined;
 }
+
+declare module "*.css" {
+  const content: string;
+  export default content;
+}