Merge pull request #15540 from Budibase/fix/app-preview

Remove typescript from SSR app - fix app preview

packages/server/jest.config.ts

@@ -21,20 +21,7 @@ const baseConfig: Config.InitialProjectOptions = {
   transform: {
     "^.+\\.ts?$": "@swc/jest",
     "^.+\\.js?$": "@swc/jest",
-    "^.+\\.svelte$": [
-      "jest-chain-transform", // https://github.com/svelteness/svelte-jester/issues/166
-      {
-        transformers: [
-          [
-            "svelte-jester",
-            {
-              preprocess: true,
-            },
-          ],
-          "@swc/jest",
-        ],
-      },
-    ],
+    "^.+\\.svelte?$": "<rootDir>/scripts/svelteTransformer.js",
   },
   transformIgnorePatterns: ["/node_modules/(?!svelte/).*"],
   moduleNameMapper: {

packages/server/package.json

@@ -139,7 +139,6 @@
     "@babel/core": "^7.22.5",
     "@babel/preset-env": "7.16.11",
     "@jest/types": "^29.6.3",
-    "@sveltejs/vite-plugin-svelte": "1.4.0",
     "@swc/core": "1.3.71",
     "@swc/jest": "0.2.27",
     "@types/archiver": "6.0.2",
@@ -165,7 +164,6 @@
     "docker-compose": "0.23.17",
     "ioredis-mock": "8.9.0",
     "jest": "29.7.0",
-    "jest-chain-transform": "^0.0.8",
     "jest-extended": "^4.0.2",
     "jest-openapi": "0.14.2",
     "nock": "13.5.4",

packages/server/scripts/svelteTransformer.js

@@ -0,0 +1,11 @@
+const { compile } = require("svelte/compiler")
+const { transformSync } = require("@babel/core")
+
+module.exports = {
+  process(sourceText) {
+    const { js } = compile(sourceText, { css: "injected", generate: "ssr" })
+    const { code } = transformSync(js.code, { babelrc: true })
+
+    return { code: code }
+  },
+}

packages/server/src/api/controllers/static/templates/BudibaseApp.svelte

@@ -1,8 +1,9 @@
-<script lang="ts">
+<script>
   import ClientAppSkeleton from "@budibase/frontend-core/src/components/ClientAppSkeleton.svelte"
-  import type { BudibaseAppProps } from "@budibase/types"
 
-  export let props: BudibaseAppProps
+  /** @type {BudibaseAppProps} this receives all the props in one structure, following
+   * the type from @budibase/types */
+  export let props
 </script>
 
 <svelte:head>

packages/server/svelte.config.js

@@ -1,5 +0,0 @@
-const { vitePreprocess } = require("@sveltejs/vite-plugin-svelte")
-
-module.exports = {
-  preprocess: vitePreprocess(),
-}

yarn.lock

@@ -13744,11 +13744,6 @@ jake@^10.8.5:
     filelist "^1.0.1"
     minimatch "^3.0.4"
 
-jest-chain-transform@^0.0.8:
-  version "0.0.8"
-  resolved "https://registry.yarnpkg.com/jest-chain-transform/-/jest-chain-transform-0.0.8.tgz#cbb4d3aef8d02678b1852968a9b0c861f75eef5a"
-  integrity sha512-AELTTzYJ34WrmQKAbxUGT+xqnAHu0/XJZhahYNGvBVUhnAayjm1QmT45DQjwEbQPQp7gn6CXzu6rZA03riwBuw==
-
 jest-changed-files@^29.7.0:
   version "29.7.0"
   resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-29.7.0.tgz#1c06d07e77c78e1585d020424dedc10d6e17ac3a"