@stoker-platform/web-app 0.2.10 → 0.2.11

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @stoker-platform/web-app
 
+## 0.2.11
+
+### Patch Changes
+
+- chore: support node >=22
+- fix(web-app): strip server code blocks from web bundle
+- Updated dependencies
+    - @stoker-platform/node-client@0.2.8
+    - @stoker-platform/web-client@0.2.9
+    - @stoker-platform/utils@0.2.7
+
 ## 0.2.10
 
 ### Patch Changes

package/bin/build.js

@@ -241,6 +241,133 @@ try {
 
     const stripServerAccess = (code) => removePropertyBlock(code, "serverAccess")
 
+    // AI-generated code to strip server code from config files
+
+    const findMatchingBrace = (code, startPos) => {
+        let depth = 1
+        let inSingle = false
+        let inDouble = false
+        let inTemplate = false
+        let inLineComment = false
+        let inBlockComment = false
+        let prevChar = ""
+        let i = startPos
+
+        for (; i < code.length && depth > 0; i++) {
+            const ch = code[i]
+            const nextCh = i + 1 < code.length ? code[i + 1] : ""
+
+            if (inLineComment) {
+                if (ch === "\n") inLineComment = false
+                continue
+            }
+            if (inBlockComment) {
+                if (ch === "*" && nextCh === "/") {
+                    inBlockComment = false
+                    i++
+                }
+                continue
+            }
+            if (!inSingle && !inDouble && !inTemplate) {
+                if (ch === "/" && nextCh === "/") {
+                    inLineComment = true
+                    i++
+                    continue
+                }
+                if (ch === "/" && nextCh === "*") {
+                    inBlockComment = true
+                    i++
+                    continue
+                }
+            }
+            if (!inDouble && !inTemplate && ch === "'" && prevChar !== "\\") {
+                inSingle = !inSingle
+            } else if (!inSingle && !inTemplate && ch === '"' && prevChar !== "\\") {
+                inDouble = !inDouble
+            } else if (!inSingle && !inDouble && ch === "`" && prevChar !== "\\") {
+                inTemplate = !inTemplate
+            } else if (!inSingle && !inDouble && !inTemplate) {
+                if (ch === "{") depth++
+                if (ch === "}") depth--
+            }
+            prevChar = ch
+        }
+
+        return depth === 0 ? i - 1 : -1
+    }
+
+    const stripServerGuards = (code) => {
+        let output = code
+        let changed = true
+
+        // Keep processing until no more changes (handles nested cases)
+        while (changed) {
+            changed = false
+
+            // Pattern 1: Remove entire if (sdk === "node") blocks
+            const nodeGuardPattern = /if\s*\(\s*sdk\s*===\s*["']node["']\s*\)\s*\{/g
+
+            let match
+            while ((match = nodeGuardPattern.exec(output)) !== null) {
+                const ifStart = match.index
+                const braceStart = match.index + match[0].length
+
+                const braceEnd = findMatchingBrace(output, braceStart)
+                if (braceEnd === -1) continue // Malformed, skip
+
+                // Find the start of the if statement (may include whitespace before)
+                let ifStatementStart = ifStart
+                while (ifStatementStart > 0 && /\s/.test(output[ifStatementStart - 1])) {
+                    ifStatementStart--
+                }
+
+                // Remove the entire if block
+                output = output.slice(0, ifStatementStart) + output.slice(braceEnd + 1)
+                changed = true
+
+                // Break and restart from beginning since we modified the string
+                break
+            }
+
+            if (changed) continue // Restart to handle nested cases
+
+            // Pattern 2: Remove else blocks following if (sdk === "web")
+            const webGuardPattern = /if\s*\(\s*sdk\s*===\s*["']web["']\s*\)\s*\{/g
+
+            while ((match = webGuardPattern.exec(output)) !== null) {
+                const braceStart = match.index + match[0].length
+
+                const ifBlockEnd = findMatchingBrace(output, braceStart)
+                if (ifBlockEnd === -1) continue // Malformed, skip
+
+                // Check if there's an else/else if after this
+                let j = ifBlockEnd + 1
+                while (j < output.length && /\s/.test(output[j])) j++
+
+                if (j >= output.length) continue
+
+                // Check for "else" or "else if"
+                const elseMatch = output.slice(j).match(/^\s*else\s*(if\s*\([^)]+\)\s*\{|\{)/)
+                if (!elseMatch) continue
+
+                const elseStart = j
+                const elseBlockStart = j + elseMatch[0].indexOf("{")
+
+                const elseBlockEnd = findMatchingBrace(output, elseBlockStart + 1)
+                if (elseBlockEnd === -1) continue // Malformed, skip
+
+                // Remove the else block (including "else" keyword and braces)
+                output = output.slice(0, elseStart) + output.slice(elseBlockEnd + 1)
+                changed = true
+
+                // Break and restart from beginning since we modified the string
+                break
+            }
+        }
+
+        return output
+    }
+
     const targetFiles = []
     const collectionsDir = join(systemCustomDir, "collections")
     if (existsSync(collectionsDir)) {
@@ -265,7 +392,8 @@ try {
     for (const file of targetFiles) {
         if (file.endsWith(".d.ts")) continue
         const original = readFileSync(file, "utf8")
-        const transformed = stripServerAccess(original)
+        let transformed = stripServerAccess(original)
+        transformed = stripServerGuards(transformed)
         if (transformed !== original) {
             writeFileSync(file, transformed)
         }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@stoker-platform/web-app",
-    "version": "0.2.10",
+    "version": "0.2.11",
     "type": "module",
     "license": "SEE LICENSE IN LICENSE.md",
     "scripts": {
@@ -51,9 +51,9 @@
         "@radix-ui/react-tooltip": "^1.2.8",
         "@react-google-maps/api": "^2.20.7",
         "@sentry/react": "^10.29.0",
-        "@stoker-platform/node-client": "0.2.7",
-        "@stoker-platform/utils": "0.2.6",
-        "@stoker-platform/web-client": "0.2.8",
+        "@stoker-platform/node-client": "0.2.8",
+        "@stoker-platform/utils": "0.2.7",
+        "@stoker-platform/web-client": "0.2.9",
         "@tanstack/react-table": "^8.21.3",
         "@types/react": "18.3.13",
         "@types/react-dom": "18.3.1",
@@ -95,7 +95,7 @@
         "deploy-web-app": "./bin/deploy.js"
     },
     "engines": {
-        "node": "22",
+        "node": ">=22",
         "npm": "11"
     },
     "devDependencies": {

package/vite.config.ts

@@ -14,7 +14,7 @@ export default defineConfig(async () => {
 
     return {
         plugins: [
-            eslint(),
+            // eslint(),
             react(),
             VitePWA({
                 registerType: "autoUpdate",