AGill Comments - Answer Overflow

AGill

Explore posts from servers

NNuxt CDCloudflare Developers DTDrizzle Team

•Created by AGill on 3/24/2025 in #❓・help

Question about consistently increasing number of nodes, listeners and heap? Is this a memory leak?

@kapa.ai can you give me more details on point number 3 and 4 above? Sourcemap + build process issues and payload caching. Because I'm trying to understand increasing heap size in Chrome devtools. So the issue is memory on the client side and not server side.

10 replies

NNuxt

•Created by ズ　Zu169 on 3/19/2025 in #❓・help

Difficulty Integrating Drizzle Database with Nuxt

You can init a db instance in a file like server/utils/db.ts

import { drizzle } from 'drizzle-orm/better-sqlite3';
import type { H3Event } from 'h3';

export const useDb = (event: H3Event) => {
  const { url, authToken } = useRuntimeConfig(event);

  const db = drizzle({
    connection: {
      url,
      authToken,
    },
    logger: true,
  });

  return db;
};

import { drizzle } from 'drizzle-orm/better-sqlite3';
import type { H3Event } from 'h3';

export const useDb = (event: H3Event) => {
  const { url, authToken } = useRuntimeConfig(event);

  const db = drizzle({
    connection: {
      url,
      authToken,
    },
    logger: true,
  });

  return db;
};

The import depends on what db driver you are using. The url and authToken env variables can be set in nuxt.config.ts Then use it in your routes like this

export defineEventHandler(async (event) => {
  const db = useDb(event);

  db.insert(...)...
});

export defineEventHandler(async (event) => {
  const db = useDb(event);

  db.insert(...)...
});

Plus drizzle docs are pretty good: https://orm.drizzle.team/docs/data-querying

6 replies

NNuxt

•Created by reina on 3/16/2025 in #❓・help

Resize UModal

        <UModal
          :ui="{ content: 'max-w-4xl' }"
        >

        <UModal
          :ui="{ content: 'max-w-4xl' }"
        >

^ for example. The default is max-w-lg See Theme section https://ui.nuxt.com/components/modal#theme

7 replies

NNuxt

•Created by AGill on 3/18/2025 in #❓・help

Nuxt UI starter template fails to boot on stackblitz

Thanks @kapa.ai looks like Code Sandbox environment does boot so I can use that. Good robot.

9 replies

CDCloudflare Developers

•Created by Edge on 3/15/2025 in #pages-help

Getting errors on this log after trying to deploy

Why 23? LTS versions are even numbers so 22 then 24

6 replies

CDCloudflare Developers

•Created by TW on 3/7/2025 in #workers-help

Regression in Browser Rendering: PDF timeout

Any more details you can share about the PDF document?

14 replies

CDCloudflare Developers

•Created by TW on 3/7/2025 in #workers-help

Regression in Browser Rendering: PDF timeout

What's the issue? Can you share an error message

14 replies

CDCloudflare Developers

•Created by TW on 3/7/2025 in #workers-help

Regression in Browser Rendering: PDF timeout

@TW I am also generating PDFs with images. There is an issue with chromium pdf renderer that redraws images as pngs if they need to be cropped or scaled in anyway. The resulting png is easily 10x the original image size. To get around this problem I made sure to resize the image (in pixels) on the server side before serving to my page template for the pdf. The image is resized for the desired page size (A4). Jimp works well in workerd environment to perform this if you serving images directly from R2. By resizing the image to what your pdf template actually needs (assuming legal size A4) it will greatly reduce PDF file size and speed up rendering times. See resources: - https://github.com/puppeteer/puppeteer/issues/458 - https://jimp-dev.github.io/jimp/

14 replies

CDCloudflare Developers

•Created by AGill on 3/2/2025 in #pages-help

Real-Time Logs not showing error responses

To close this thread. It looks like the intermittent errors have stopped. Don't know the cause maybe a hiccup in worker runtime.

16 replies

CDCloudflare Developers

•Created by TW on 3/7/2025 in #workers-help

Regression in Browser Rendering: PDF timeout

still going on?

14 replies

CDCloudflare Developers

•Created by TW on 3/7/2025 in #workers-help

Regression in Browser Rendering: PDF timeout

no time outs on my end using pdf method. generating 10-15 page count documents

14 replies

CDCloudflare Developers

•Created by Idris on 3/2/2025 in #pages-help

Public system env variables

I'm also curious about the answer, just wondering

9 replies

CDCloudflare Developers

•Created by Idris on 3/2/2025 in #pages-help

Public system env variables

can you expose it via process.env?

9 replies

CDCloudflare Developers

•Created by AGill on 3/6/2025 in #workers-and-pages-discussions

Hey peeps I'm encountering some

Here is my Nitro middleware that handles auth:

import type { EventHandler, EventHandlerRequest } from 'h3';

export const defineProtectedEventHandler = <T extends EventHandlerRequest, D>(
  handler: EventHandler<T, D>,
): EventHandler<T, D> =>
  defineEventHandler<T>(async (event) => {
    console.info('Initializing auth client, authenticating request...');

    const propelAuth = usePropelAuth(event);

    // throws 401
    const userClass = await propelAuth.validateAuthHeaderAndGetUserClass(
      getRequestHeader(event, 'Authorization') || '',
    );

    event.context.auth = {
      user: userClass,
    };

    console.info('Authorized user');

    return handler(event);
  });

import type { EventHandler, EventHandlerRequest } from 'h3';

export const defineProtectedEventHandler = <T extends EventHandlerRequest, D>(
  handler: EventHandler<T, D>,
): EventHandler<T, D> =>
  defineEventHandler<T>(async (event) => {
    console.info('Initializing auth client, authenticating request...');

    const propelAuth = usePropelAuth(event);

    // throws 401
    const userClass = await propelAuth.validateAuthHeaderAndGetUserClass(
      getRequestHeader(event, 'Authorization') || '',
    );

    event.context.auth = {
      user: userClass,
    };

    console.info('Authorized user');

    return handler(event);
  });

1 replies

CDCloudflare Developers

•Created by AGill on 3/2/2025 in #pages-help

Real-Time Logs not showing error responses

Well I called someone who's a few cities away and they also get the same behaviour as me. So relieved to know it's not someone hijacking my network

16 replies

CDCloudflare Developers

•Created by AGill on 3/2/2025 in #pages-help

Real-Time Logs not showing error responses

Hm OK maybe something fishy is going on. I deployed a change to throw some dummy errors and they should up in the log stream as expected. But this random 401 error is also not being caught in my global try catch I set up... so with that behaviour plus the log not showing up in the stream... makes me wonder if the request isn't being sent to my server at all? In other words, is the request being routed to another server? Like a MITM attack? 😬

16 replies

NNuxt

•Created by pinefin on 3/4/2025 in #❓・help

how to use node:crpyto in a cloudflare-pages application

You'll want to use the web crypto API that's what I'm using: https://developer.mozilla.org/en-US/docs/Web/API/Window/crypto

6 replies

Gaming

Programming