Louis Deconinck Comments - Answer Overflow

Louis Deconinck

Explore posts from servers

•Created by Louis Deconinck on 5/5/2024 in #🙋questions

Dummy Email Provider OpenSaas

@Wasp Team Kapa gives this as a reason why I still need an email provider: "This is because Wasp uses the email provider for features like email verification and password reset flows.". However I'm explicitly only using Google OAuth, so I assume that does not apply to me. Do I still need an email provider for using OpenSaas (the docs say I do, but I just don't know why).

11 replies

WWasp-lang

•Created by Louis Deconinck on 5/3/2024 in #🙋questions

checkStripePortalLInkExists in shared/constants.ts

@Wasp Team Any idea how to deal with missing isDev and checkStripePortalLinkExists in sec/shared/constants.ts file when following OpenSaas docs. Do we have to implement these functions ourselves? Like this?

const development = true;

// isDev function checks if the current environment is development
function isDev() {
  return development;
}

// checkStripePortalLinkExists function checks if the Stripe portal link exists
function checkStripePortalLinkExists(link: string | undefined) {
  if (!link) {
    throw new Error("Stripe customer portal link is not set");
  }
}

const development = true;

// isDev function checks if the current environment is development
function isDev() {
  return development;
}

// checkStripePortalLinkExists function checks if the Stripe portal link exists
function checkStripePortalLinkExists(link: string | undefined) {
  if (!link) {
    throw new Error("Stripe customer portal link is not set");
  }
}

9 replies

WWasp-lang

•Created by Louis Deconinck on 5/2/2024 in #🙋questions

Remove email login

@Wasp Team I'm using OpenSaas and would like to use only Google OAuth. What is the best way to go about that? Here's what I did: - Removed Email auth in wasp.main - Removed Email pages under src/client/auth - Removed Email routes from wasp.main Is this the recommended way to go about this? After doing that, my app compiles correctly and seems to function correctly (including login and logout). I do get some console log warnings (see message above), but not sure if those are related or something to worry about?

33 replies

WWasp-lang

•Created by Louis Deconinck on 5/2/2024 in #🙋questions

Remove email login

@kapa.ai So I commented out these routes: RequestPasswordResetRoute, PasswordResetRoute & EmailVerificationRoute. Now there are no errors when compiling and my website shows up. However I still get quite some console log errors. Are these normal?

Uncaught SyntaxError: Unexpected end of input
script.js:1 
        
        
        Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
script.local.js:1 
        
        
        Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
react-dom.development.js:29895 Download the React DevTools for a better development experience: https://reactjs.org/link/react-devtools
react-jsx-dev-runtime.development.js:87  Warning: Each child in a list should have a unique "key" prop.

Check the render method of `LandingPage`. See https://reactjs.org/link/warning-keys for more information.
    at figure
    at LandingPage (http://localhost:3000/@fs/home/louis/projects/skoolanalytics_opensaas/skool-analytics/app/src/client/landing-page/LandingPage.tsx?t=1714721150425:34:47)
    at Route2 (http://localhost:3000/node_modules/.vite/deps/react-router-dom.js?v=439057e1:2502:29)
    at Switch2 (http://localhost:3000/node_modules/.vite/deps/react-router-dom.js?v=439057e1:2646:29)
    at div
    at div
    at App (http://localhost:3000/@fs/home/louis/projects/skoolanalytics_opensaas/skool-analytics/app/src/client/App.tsx?t=1714721150425:24:31)
    at Router2 (http://localhost:3000/node_modules/.vite/deps/react-router-dom.js?v=439057e1:2215:30)
    at BrowserRouter2 (http://localhost:3000/node_modules/.vite/deps/react-router-dom.js?v=439057e1:2763:35)
    at QueryClientProvider (http://localhost:3000/node_modules/.vite/deps/@tanstack_react-query.js?v=06358fa4:2847:3)
printWarning @ react-jsx-dev-runtime.development.js:87
Show 1 more frame
Show less
react-dom.development.js:86  Warning: Invalid DOM property `fill-rule`. Did you mean `fillRule`?
    at g
    at svg
    at div
    at div
    at div
    at main
    at div
...

Uncaught SyntaxError: Unexpected end of input
script.js:1 
        
        
        Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
script.local.js:1 
        
        
        Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
react-dom.development.js:29895 Download the React DevTools for a better development experience: https://reactjs.org/link/react-devtools
react-jsx-dev-runtime.development.js:87  Warning: Each child in a list should have a unique "key" prop.

Check the render method of `LandingPage`. See https://reactjs.org/link/warning-keys for more information.
    at figure
    at LandingPage (http://localhost:3000/@fs/home/louis/projects/skoolanalytics_opensaas/skool-analytics/app/src/client/landing-page/LandingPage.tsx?t=1714721150425:34:47)
    at Route2 (http://localhost:3000/node_modules/.vite/deps/react-router-dom.js?v=439057e1:2502:29)
    at Switch2 (http://localhost:3000/node_modules/.vite/deps/react-router-dom.js?v=439057e1:2646:29)
    at div
    at div
    at App (http://localhost:3000/@fs/home/louis/projects/skoolanalytics_opensaas/skool-analytics/app/src/client/App.tsx?t=1714721150425:24:31)
    at Router2 (http://localhost:3000/node_modules/.vite/deps/react-router-dom.js?v=439057e1:2215:30)
    at BrowserRouter2 (http://localhost:3000/node_modules/.vite/deps/react-router-dom.js?v=439057e1:2763:35)
    at QueryClientProvider (http://localhost:3000/node_modules/.vite/deps/@tanstack_react-query.js?v=06358fa4:2847:3)
printWarning @ react-jsx-dev-runtime.development.js:87
Show 1 more frame
Show less
react-dom.development.js:86  Warning: Invalid DOM property `fill-rule`. Did you mean `fillRule`?
    at g
    at svg
    at div
    at div
    at div
    at main
    at div
...

33 replies

WWasp-lang

•Created by Louis Deconinck on 5/2/2024 in #🙋questions

Remove email login

@kapa.ai I'm using OpenSaas. Where in my project folder can I find the router.tsx file?

33 replies

WWasp-lang

•Created by Louis Deconinck on 5/2/2024 in #🙋questions

Remove email login

@kapa.ai This is the console log:

Uncaught SyntaxError: Unexpected end of input
script.js:1 
        
        
        Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
script.local.js:1 
        
        
        Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
router.tsx:12  Uncaught SyntaxError: The requested module '/@fs/home/louis/projects/skoolanalytics_opensaas/skool-analytics/app/src/client/auth/EmailVerification.tsx?t=1714720523733' does not provide an export named 'EmailVerification' (at router.tsx:12:10)

Uncaught SyntaxError: Unexpected end of input
script.js:1 
        
        
        Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
script.local.js:1 
        
        
        Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
router.tsx:12  Uncaught SyntaxError: The requested module '/@fs/home/louis/projects/skoolanalytics_opensaas/skool-analytics/app/src/client/auth/EmailVerification.tsx?t=1714720523733' does not provide an export named 'EmailVerification' (at router.tsx:12:10)

33 replies

WWasp-lang

•Created by Louis Deconinck on 5/2/2024 in #🙋questions

Remove email login

@kapa.ai I commented out the entirety of these pages: ext-src/client/auth/EmailVerification.tsx ext-src/client/auth/PasswordReset.tsx ext-src/client/auth/RequestPasswordReset.tsx ext-src/server/auth/email.ts Compiling now works without erros, but my website remains blank. This is the source code of the homepage:

<!DOCTYPE html>
<html lang="en">
    <head>
      <script type="module">
import RefreshRuntime from "/@react-refresh"
RefreshRuntime.injectIntoGlobalHook(window)
window.$RefreshReg$ = () => {}
window.$RefreshSig$ = () => (type) => type
window.__vite_plugin_react_preamble_installed__ = true
</script>

      <script type="module" src="/@vite/client"></script>

        <meta charset="utf-8" />
        <link rel="shortcut icon" href="/favicon.ico" />
        <meta
            name="viewport"
            content="minimum-scale=1, initial-scale=1, width=device-width, shrink-to-fit=no"
        />
        <meta name="theme-color" content="#000000" />

        <link rel="manifest" href="/manifest.json" />

        <!-- Meta tags -->
<script defer data-domain='<your-site-id>' src='https://plausible.io/js/script.js'></script>
<script defer data-domain='<your-site-id>' src='https://plausible.io/js/script.local.js'></script>
<!-- Google tag (gtag.js) --><script>...</script>

        <title>Skool Analytics</title>
    </head>

    <body>
        <noscript>You need to enable JavaScript to run this app.</noscript>
        <div id="root"></div>
        <script type="module" src="/src/index.tsx?t=1714720674308"></script>
    </body>
</html>

<!DOCTYPE html>
<html lang="en">
    <head>
      <script type="module">
import RefreshRuntime from "/@react-refresh"
RefreshRuntime.injectIntoGlobalHook(window)
window.$RefreshReg$ = () => {}
window.$RefreshSig$ = () => (type) => type
window.__vite_plugin_react_preamble_installed__ = true
</script>

      <script type="module" src="/@vite/client"></script>

        <meta charset="utf-8" />
        <link rel="shortcut icon" href="/favicon.ico" />
        <meta
            name="viewport"
            content="minimum-scale=1, initial-scale=1, width=device-width, shrink-to-fit=no"
        />
        <meta name="theme-color" content="#000000" />

        <link rel="manifest" href="/manifest.json" />

        <!-- Meta tags -->
<script defer data-domain='<your-site-id>' src='https://plausible.io/js/script.js'></script>
<script defer data-domain='<your-site-id>' src='https://plausible.io/js/script.local.js'></script>
<!-- Google tag (gtag.js) --><script>...</script>

        <title>Skool Analytics</title>
    </head>

    <body>
        <noscript>You need to enable JavaScript to run this app.</noscript>
        <div id="root"></div>
        <script type="module" src="/src/index.tsx?t=1714720674308"></script>
    </body>
</html>

33 replies

WWasp-lang

•Created by Louis Deconinck on 5/2/2024 in #🙋questions

Remove email login

@kapa.ai This is what came before:

[  Wasp  ] ext-src/client/auth/EmailVerification.tsx(1,10): error TS2305: Module '"wasp/client/auth"' has no exported member 'VerifyEmailForm'.
[  Wasp  ] ext-src/client/auth/PasswordReset.tsx(1,10): error TS2305: Module '"wasp/client/auth"' has no exported member 'ResetPasswordForm'.
[  Wasp  ] ext-src/client/auth/RequestPasswordReset.tsx(1,10): error TS2305: Module '"wasp/client/auth"' has no exported member 'ForgotPasswordForm'.
[  Wasp  ] ext-src/server/auth/email.ts(1,15): error TS2305: Module '"wasp/server/auth"' has no exported member 'GetVerificationEmailContentFn'.
[  Wasp  ] ext-src/server/auth/email.ts(1,51): error TS2305: Module '"wasp/server/auth"' has no exported member 'GetPasswordResetEmailContentFn'.

❌ --- [Error] Your wasp project failed to compile: -------------------------------

- SDK build failed with exit code: 2

[  Wasp  ] ext-src/client/auth/EmailVerification.tsx(1,10): error TS2305: Module '"wasp/client/auth"' has no exported member 'VerifyEmailForm'.
[  Wasp  ] ext-src/client/auth/PasswordReset.tsx(1,10): error TS2305: Module '"wasp/client/auth"' has no exported member 'ResetPasswordForm'.
[  Wasp  ] ext-src/client/auth/RequestPasswordReset.tsx(1,10): error TS2305: Module '"wasp/client/auth"' has no exported member 'ForgotPasswordForm'.
[  Wasp  ] ext-src/server/auth/email.ts(1,15): error TS2305: Module '"wasp/server/auth"' has no exported member 'GetVerificationEmailContentFn'.
[  Wasp  ] ext-src/server/auth/email.ts(1,51): error TS2305: Module '"wasp/server/auth"' has no exported member 'GetPasswordResetEmailContentFn'.

❌ --- [Error] Your wasp project failed to compile: -------------------------------

- SDK build failed with exit code: 2

33 replies

WWasp-lang

•Created by Louis Deconinck on 5/2/2024 in #🙋questions

Remove email login

@kapa.ai This is how my wasp.main file looks like:

auth: {
    userEntity: User,
    methods: {
      google: {
        userSignupFields: import { getGoogleUserFields } from "@src/server/auth/setUsername.js",
        configFn: import { getGoogleAuthConfig } from "@src/server/auth/setUsername.js",
      },

auth: {
    userEntity: User,
    methods: {
      google: {
        userSignupFields: import { getGoogleUserFields } from "@src/server/auth/setUsername.js",
        configFn: import { getGoogleAuthConfig } from "@src/server/auth/setUsername.js",
      },

This is the error I'm getting:

...
/@fs/home/louis/projects/skoolanalytics_opensaas/skool-analytics/app/.wasp/out/sdk/wasp/dist/auth/forms/internal/email/VerifyEmailForm.jsx, /@fs/home/louis/projects/skoolanalytics_opensaas/skool-analytics/app/.wasp/out/sdk/wasp/dist/auth/forms/internal/common/LoginSignupForm.jsx, /@fs/home/louis/projects/skoolanalytics_opensaas/skool-analytics/app/.wasp/out/sdk/wasp/dist/auth/forms/internal/email/ForgotPasswordForm.jsx, /@fs/home/louis/projects/skoolanalytics_opensaas/skool-analytics/app/.wasp/out/sdk/wasp/dist/auth/forms/internal/email/ResetPasswordForm.jsx
[ Client ] 9:06:28 AM [vite] hmr invalidate /src/auth/pages/createAuthRequiredPage.jsx Could not Fast Refresh. Learn more at https://github.com/vitejs/vite-plugin-react/tree/main/packages/plugin-react#consistent-components-exports
[ Client ] 9:06:28 AM [vite] page reload src/auth/pages/createAuthRequiredPage.jsx
[ Client ] 9:06:28 AM [vite] hmr invalidate /@fs/home/louis/projects/skoolanalytics_opensaas/skool-analytics/app/src/client/app/PricingPage.tsx Could not Fast Refresh. Learn more at https://github.com/vitejs/vite-plugin-react/tree/main/packages/plugin-react#consistent-components-exports
[ Client ] 9:06:28 AM [vite] page reload /home/louis/projects/skoolanalytics_opensaas/skool-analytics/app/src/client/app/PricingPage.tsx


❌ --- [Error] Your wasp project failed to compile: -------------------------------

- SDK build failed with exit code: 2

...
/@fs/home/louis/projects/skoolanalytics_opensaas/skool-analytics/app/.wasp/out/sdk/wasp/dist/auth/forms/internal/email/VerifyEmailForm.jsx, /@fs/home/louis/projects/skoolanalytics_opensaas/skool-analytics/app/.wasp/out/sdk/wasp/dist/auth/forms/internal/common/LoginSignupForm.jsx, /@fs/home/louis/projects/skoolanalytics_opensaas/skool-analytics/app/.wasp/out/sdk/wasp/dist/auth/forms/internal/email/ForgotPasswordForm.jsx, /@fs/home/louis/projects/skoolanalytics_opensaas/skool-analytics/app/.wasp/out/sdk/wasp/dist/auth/forms/internal/email/ResetPasswordForm.jsx
[ Client ] 9:06:28 AM [vite] hmr invalidate /src/auth/pages/createAuthRequiredPage.jsx Could not Fast Refresh. Learn more at https://github.com/vitejs/vite-plugin-react/tree/main/packages/plugin-react#consistent-components-exports
[ Client ] 9:06:28 AM [vite] page reload src/auth/pages/createAuthRequiredPage.jsx
[ Client ] 9:06:28 AM [vite] hmr invalidate /@fs/home/louis/projects/skoolanalytics_opensaas/skool-analytics/app/src/client/app/PricingPage.tsx Could not Fast Refresh. Learn more at https://github.com/vitejs/vite-plugin-react/tree/main/packages/plugin-react#consistent-components-exports
[ Client ] 9:06:28 AM [vite] page reload /home/louis/projects/skoolanalytics_opensaas/skool-analytics/app/src/client/app/PricingPage.tsx


❌ --- [Error] Your wasp project failed to compile: -------------------------------

- SDK build failed with exit code: 2

33 replies

Gaming

Programming