Add support for, and verify, all common web bundlers (#278)

Co-authored-by: Lucas Castro <lucasamonrc@gmail.com>
trinsic-id · Sep 25, 2024 · 7631e40 · 7631e40
1 parent 8bf1da7
commit 7631e40
Show file tree

Hide file tree

Showing 34 changed files with 11,031 additions and 88 deletions.
diff --git a/ui-web/build-bundler.ps1 b/ui-web/build-bundler.ps1
@@ -0,0 +1,30 @@
+param (
+    [Parameter(Mandatory = $true)]
+    [string]$bundlerName
+)
+try {
+    Push-Location "$PSScriptRoot/samples/bundlers/$bundlerName"
+
+    & npm ci
+
+    if ($LASTEXITCODE -ne 0) {
+        throw "npm ci failed"
+    }
+
+    Write-Host "Building bundler $bundlerName project..."
+
+    &npm run build
+
+    if ($LASTEXITCODE -ne 0) {
+        throw "npm build $bundlerName failed"
+    }
+}
+catch {
+    Write-Host "An error occurred: $_" -ForegroundColor Red
+    Exit 1
+}
+finally {
+    Pop-Location
+}
+
+
diff --git a/ui-web/build-samples.ps1 b/ui-web/build-samples.ps1
@@ -14,6 +14,18 @@ try {
     if ($LASTEXITCODE -ne 0) {
         throw "npm build failed"
     }
+
+    Write-Host "Building bundlers"
+    $bundlers = Get-ChildItem "$PSScriptRoot/samples/bundlers" -Directory
+    foreach ($bundler in $bundlers) {
+        Write-Host "Building bundler $($bundler.Name) project..."
+        . "$PSScriptRoot/build-bundler.ps1" -bundlerName $bundler.Name
+
+        if ($LASTEXITCODE -ne 0) {
+            throw "build-bundler.ps1 failed for bundler $($bundler.Name)"
+        }
+        Write-Host "Bundler $($bundler.Name) project built successfully"
+    }
 }
 catch {
     Write-Host "An error occurred: $_" -ForegroundColor Red
@@ -22,3 +34,5 @@ catch {
 finally {
     Pop-Location
 }
+
+
diff --git a/ui-web/samples/bundlers/esbuild/.gitignore b/ui-web/samples/bundlers/esbuild/.gitignore
@@ -0,0 +1 @@
+dist/
diff --git a/ui-web/samples/bundlers/esbuild/build.js b/ui-web/samples/bundlers/esbuild/build.js
@@ -0,0 +1,8 @@
+// build.js
+require("esbuild")
+  .build({
+    entryPoints: ["index.js"],
+    bundle: true,
+    outfile: "dist/bundle.js",
+  })
+  .catch(() => process.exit(1));
diff --git a/ui-web/samples/bundlers/esbuild/index.html b/ui-web/samples/bundlers/esbuild/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>esbuild Example</title>
+</head>
+<body>
+    <h1>Hello esbuild!</h1>
+    <script src="dist/bundle.js"></script> <!-- The bundled file -->
+</body>
+</html>
diff --git a/ui-web/samples/bundlers/esbuild/index.js b/ui-web/samples/bundlers/esbuild/index.js
@@ -0,0 +1,3 @@
+import { launchPopup } from "@trinsic/web-ui";
+
+launchPopup(() => Promise.resolve("https://google.com"));
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		import { launchPopup } from "@trinsic/web-ui";

		launchPopup(() => Promise.resolve("https://google.com"));