Juan Comments - Answer Overflow

Topics

Juan

•Created by Juan on 3/18/2025 in #🙋questions

Setting up Cors in 0.16.0

Thank you. I think I found something. Because the db schema changed when updating to the latest wasp version. I may have broken my database when re-doing the wasp db migrate-dev to update the prod tables. Going to look into this and might just delete the db and recreate it. I think you're right in that some underlying issue was causing the Cors errors even though it wasn't a true Cors error. Is there documentation on doing db migrations to production environments? Appreciate your assistance.

19 replies

•Created by Juan on 3/18/2025 in #🙋questions

Setting up Cors in 0.16.0

This setup worked with 0.14. I did allow all origins though when deployed. Now I'm just trying to get it to work with more restrictions with latest wasp version.

19 replies

•Created by Juan on 3/18/2025 in #🙋questions

Setting up Cors in 0.16.0

No description

19 replies

•Created by Juan on 3/18/2025 in #🙋questions

Setting up Cors in 0.16.0

My current config: main.wasp

  server: {
    middlewareConfigFn: import { getGlobalMiddleware } from "@src/server/serverConfig",
  },

  server: {
    middlewareConfigFn: import { getGlobalMiddleware } from "@src/server/serverConfig",
  },

serverConfig.ts

import cors from "cors";
import { MiddlewareConfigFn } from "wasp/server";


export const getGlobalMiddleware: MiddlewareConfigFn = (config) => {
  const isDevelopment = process.env.NODE_ENV === "development";
  console.log("isDevelopment", isDevelopment);
  const clientUrl = process.env.WASP_WEB_CLIENT_URL ?? "http://localhost:3000";
  const serverUrl = process.env.WASP_SERVER_URL ?? "http://localhost:3001";

  const origin = isDevelopment ? "*" : [clientUrl, serverUrl];


  config.delete("cors");
  config.set(
    "cors",
    cors({
      origin,
      credentials: true,
      methods: ['GET', 'POST', 'PUT', 'DELETE', 'OPTIONS', 'PATCH'],
      allowedHeaders: [
        'Content-Type', 
        'Authorization', 
        'X-Requested-With',
        'Accept',
        'Origin'
      ],
      exposedHeaders: ['Access-Control-Allow-Origin'],
      preflightContinue: false,
      optionsSuccessStatus: 204      
    })
  );


  return config;
};

import cors from "cors";
import { MiddlewareConfigFn } from "wasp/server";


export const getGlobalMiddleware: MiddlewareConfigFn = (config) => {
  const isDevelopment = process.env.NODE_ENV === "development";
  console.log("isDevelopment", isDevelopment);
  const clientUrl = process.env.WASP_WEB_CLIENT_URL ?? "http://localhost:3000";
  const serverUrl = process.env.WASP_SERVER_URL ?? "http://localhost:3001";

  const origin = isDevelopment ? "*" : [clientUrl, serverUrl];


  config.delete("cors");
  config.set(
    "cors",
    cors({
      origin,
      credentials: true,
      methods: ['GET', 'POST', 'PUT', 'DELETE', 'OPTIONS', 'PATCH'],
      allowedHeaders: [
        'Content-Type', 
        'Authorization', 
        'X-Requested-With',
        'Accept',
        'Origin'
      ],
      exposedHeaders: ['Access-Control-Allow-Origin'],
      preflightContinue: false,
      optionsSuccessStatus: 204      
    })
  );


  return config;
};

19 replies

•Created by Juan on 3/18/2025 in #🙋questions

Setting up Cors in 0.16.0

That's just one variation. I'll come back to it tomorrow.

19 replies

•Created by Juan on 3/18/2025 in #🙋questions

Setting up Cors in 0.16.0

Not sure what the issue, but after multiple updates to my serverConfig (which sometimes works with localhost) file I keep getting the following error when I deploy: /login:1 Access to XMLHttpRequest at 'https://chordamigo-server.apps.chordamigo.com/auth/me' from origin 'https://chordamigo-client.apps.chordamigo.com' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: The 'Access-Control-Allow-Origin' header contains multiple values 'https://chordamigo-client.apps.chordamigo.com, https://chordamigo-server.apps.chordamigo.com', but only one is allowed.

19 replies

•Created by Juan on 11/14/2024 in #🙋questions

Windows development

Thanks. This should be enough for me to read through

6 replies

•Created by caqlarreizz on 10/8/2024 in #🙋questions

How to deploy existing wasp app to Electron for desktop application ?

Take a look at Capacitor by Ionic. It may be possible to create a cross platform app from the build folder of your wasp app. You can ask ChatGPT to help you out. The reason I looked into this is because when I use the mobile version of my app my phone auto locks (this is a general issue with using a web browser in general on mobile) and cant have it doing that so I want to convert my existing app to a native app so I can prevent the auto lock. I don't know what issues I might run into, but Capacitor seems promising since it's taking the static client output of the wasp app, in theory at least.

9 replies

•Created by Juan on 9/28/2024 in #🙋questions

Caching audio files on client

@kapa.ai Can you show an example of how and where to update the headers in an Opensaas app?

8 replies

•Created by Juan on 9/18/2024 in #🙋questions

Using Typescript on a Basic wasp project.

It works now. I think VSCode was being wonky in picking up my changes after I replaced the MainPage jsx with a tsx file.

5 replies

•Created by Juan on 8/31/2024 in #🙋questions

Accessing OpenSaas site from other devices when running locally

Thanks @kapa.ai I'll give creating a custom Middleware config a try.

17 replies

•Created by Juan on 8/31/2024 in #🙋questions

Accessing OpenSaas site from other devices when running locally

@kapa.ai looks like this is a cors error. Looks like localhost:3001/auth/me is refusing connection. How to disable cors locally?

17 replies

•Created by Juan on 8/31/2024 in #🙋questions

Accessing OpenSaas site from other devices when running locally

@kapa.ai My host machine is running Debian 12.

17 replies

•Created by Juan on 8/28/2024 in #🙋questions

How to integrate ShadCN components in Opensaas correctly?

@sodic This worked. @miho thanks for writing the gist up

7 replies

•Created by Juan on 8/28/2024 in #🙋questions

How to integrate ShadCN components in Opensaas correctly?

Haven't had a chance but I'll let y'all know once I try it out. Thanks

7 replies

•Created by Juan on 8/26/2024 in #🙋questions

wasp start

Not really. The bot just confirmed what I suspected. It's not bad managing a development .env file and renaming it properly when needed. Just wanted to see if there was a built in way already.

10 replies

•Created by Juan on 8/26/2024 in #🙋questions

wasp start

Thanks Kapa. That's all I needed.

10 replies

•Created by Kelly Ellie on 8/15/2024 in #🙋questions

Has anyone run into the following starting the runtime academy docker image?

Correct. Can't run docker inside docker unless you use the DnD image, but that would be a whole different complex set up that I haven't explored yet. Instead we can use a local installation of Postgresql and use DATABASE_URL to point to it.

17 replies

•Created by Kelly Ellie on 8/15/2024 in #🙋questions

Has anyone run into the following starting the runtime academy docker image?

No prob. I'm still working on more videos. Upcoming one is how to create a volume to store your wasp app in persistent data. So right now if the container is restarted, it will erase everything and reset your data. Just a heads up 🙂

17 replies

•Created by Kelly Ellie on 8/15/2024 in #🙋questions

Has anyone run into the following starting the runtime academy docker image?

No description

17 replies