Juan Comments - Answer Overflow

Topics

Juan

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

Setting up Cors in 0.16.0

I have resolved this issue, but I'm not sure I did anything. I just updated to version 0.16.2 just to have the latest. I started from scratch in cap rover so maybe some config in my old server had something corrupted. I'm just gonna say that it was a mystery. I'm just glad it's working now. Appreciate the assistance and time y'all took. Thanks.

20 replies

•Created by Juan on 4/6/2025 in #🙋questions

Server Dockerfile build failure

Thanks @kapa.ai

10 replies

•Created by Juan on 4/6/2025 in #🙋questions

Server Dockerfile build failure

Ah duh...my mistake I did have a Dockerfile in my root for some local testing.

10 replies

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

Testing dockerfile locally

Thank you. There was no rush. I'll try to get this working this week.

11 replies

•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.

20 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.

20 replies

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

Setting up Cors in 0.16.0

No description

20 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;
};

20 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.

20 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.

20 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