johnk
johnk
Explore posts from servers
NNuxt
Created by johnk on 9/10/2024 in #❓・help
How would I listen for a websocket message in Nuxt 3, for user initiated notifications to users?
Hello, as the title described, I have a websocket server, and I would like users to send notifications to eachother and listen for notifications. How would I do this? There's not any utilities I can use in a typical nuxt plugin. Thank you!
3 replies
NNuxt
Created by johnk on 8/30/2024 in #❓・help
Type is completely ignored in generated mjs, causes Nuxt #imports issues
Hello, I am using nuxt-open-fetch and all was going well. However it randomly started breaking, and I found out it is because the OpenFetchClient type is completely ignored in the generated .mjs. First, in the nuxt console, I get this error
WARN [nuxt] #imports should be transformed with real imports. There seems to be something wrong with the imports plugin.
WARN [nuxt] #imports should be transformed with real imports. There seems to be something wrong with the imports plugin.
, then in the browser console I get this error
Uncaught SyntaxError: The requested module '/_nuxt/node_modules/.pnpm/[email protected][email protected][email protected][email protected]/node_modules/nuxt-open-fetch/dist/runtime/fetch.mjs?v=ef996c48' does not provide an export named 'OpenFetchClient' (at imports.mjs:31:56)
Uncaught SyntaxError: The requested module '/_nuxt/node_modules/.pnpm/[email protected][email protected][email protected][email protected]/node_modules/nuxt-open-fetch/dist/runtime/fetch.mjs?v=ef996c48' does not provide an export named 'OpenFetchClient' (at imports.mjs:31:56)
. In the server it has the proper export of
export type OpenFetchClient<Paths> = <ReqT extends Extract<keyof Paths, string>, ....
export declare function openFetchRequestInterceptor(...)
export declare function createOpenFetch<Paths>(...)
export declare function fillPath(...)
export type OpenFetchClient<Paths> = <ReqT extends Extract<keyof Paths, string>, ....
export declare function openFetchRequestInterceptor(...)
export declare function createOpenFetch<Paths>(...)
export declare function fillPath(...)
, but in the browser, fetch.mjs has the content of just
export function openFetchRequestInterceptor(ctx) {
ctx.request = fillPath(ctx.request, ctx.options.path);
}
export function createOpenFetch(options, localFetch) {
return (url, opts) => {
opts = typeof options === "function" ? options(opts) : {
...options,
...opts
};
const $fetch = getFetch(url, opts, localFetch);
return $fetch(fillPath(url, opts?.path), opts);
};
}
function getFetch(url, opts, localFetch) {
if (import.meta.server && localFetch) {
const isLocalFetch = url[0] === "/" && (!opts.baseURL || opts.baseURL[0] === "/");
if (isLocalFetch)
return localFetch;
}
return globalThis.$fetch;
}
export function fillPath(path, params = {}) {
for (const [k, v] of Object.entries(params))
path = path.replace(`{${k}}`, encodeURIComponent(String(v)));
return path;
}
export function openFetchRequestInterceptor(ctx) {
ctx.request = fillPath(ctx.request, ctx.options.path);
}
export function createOpenFetch(options, localFetch) {
return (url, opts) => {
opts = typeof options === "function" ? options(opts) : {
...options,
...opts
};
const $fetch = getFetch(url, opts, localFetch);
return $fetch(fillPath(url, opts?.path), opts);
};
}
function getFetch(url, opts, localFetch) {
if (import.meta.server && localFetch) {
const isLocalFetch = url[0] === "/" && (!opts.baseURL || opts.baseURL[0] === "/");
if (isLocalFetch)
return localFetch;
}
return globalThis.$fetch;
}
export function fillPath(path, params = {}) {
for (const [k, v] of Object.entries(params))
path = path.replace(`{${k}}`, encodeURIComponent(String(v)));
return path;
}
What do I do to make sure OpenFetchClient is kept in the generated .mjs?
2 replies
CCoder.com
Created by johnk on 7/23/2024 in #help
Coder docker container works on N4 Google Compute instance but no longer C4
Hello, I have been using coder a ton lately and it's been amazing! I have been using the C4 instance for a few weeks, then recently (within the last few days) used N4 instead. In that time, it appears coder's docker template has become incompatible. To reproduce: 1. Create c4-standard-8 machine 2. Run the following commands 2.a sudo apt install docker.io 2.b sudo usermod -aG docker ${USER} 2.c sudo chmod 666 /var/run/docker.sock 2.d curl -L https://coder.com/install.sh | sh 2.e coder server 3. Open coder, login, and create a workspace using the docker template, you will notice it hangs at docker_image.main: Still creating. forever. if you find the dockerfile and manually run it with docker build . -t test:1 you will see it's an endless loop of this
---> 35a88802559d
Step 2/6 : RUN apt-get update && apt-get install -y curl git golang sudo vim wget && rm -rf /var/lib/apt/lists/*
---> Running in b9f76bfbc76d
Ign:1 http://security.ubuntu.com/ubuntu noble-security InRelease
Ign:2 http://archive.ubuntu.com/ubuntu noble InRelease
Ign:3 http://archive.ubuntu.com/ubuntu noble-updates InRelease
Ign:1 http://security.ubuntu.com/ubuntu noble-security InRelease
Ign:4 http://archive.ubuntu.com/ubuntu noble-backports InRelease
Ign:1 http://security.ubuntu.com/ubuntu noble-security InRelease
Ign:2 http://archive.ubuntu.com/ubuntu noble InRelease
Err:1 http://security.ubuntu.com/ubuntu noble-security InRelease
Connection failed [IP: 91.189.91.81 80]
Ign:3 http://archive.ubuntu.com/ubuntu noble-updates InRelease
---> 35a88802559d
Step 2/6 : RUN apt-get update && apt-get install -y curl git golang sudo vim wget && rm -rf /var/lib/apt/lists/*
---> Running in b9f76bfbc76d
Ign:1 http://security.ubuntu.com/ubuntu noble-security InRelease
Ign:2 http://archive.ubuntu.com/ubuntu noble InRelease
Ign:3 http://archive.ubuntu.com/ubuntu noble-updates InRelease
Ign:1 http://security.ubuntu.com/ubuntu noble-security InRelease
Ign:4 http://archive.ubuntu.com/ubuntu noble-backports InRelease
Ign:1 http://security.ubuntu.com/ubuntu noble-security InRelease
Ign:2 http://archive.ubuntu.com/ubuntu noble InRelease
Err:1 http://security.ubuntu.com/ubuntu noble-security InRelease
Connection failed [IP: 91.189.91.81 80]
Ign:3 http://archive.ubuntu.com/ubuntu noble-updates InRelease
None of this happens for N4 or others. How do I fix this?
4 replies
PPrisma
Created by johnk on 6/20/2024 in #help-and-questions
Prisma Nuxt RollupError
Hello, I am trying to use @prisma/nuxt, but after installation and when I run npm run dev, it results in the error
ℹ Vite server warmed up in 3864ms 9:33:51 AM
ℹ Vite client warmed up in 5284ms 9:33:52 AM

[9:33:52 AM] WARN [plugin inject] node_modules/.pnpm/@[email protected][email protected][email protected]_@[email protected]_@[email protected]_2uyq5cr4225ns57lx4llpfiydq/node_modules/@prisma/nuxt/dist/runtime/server/utils/prisma.d.ts: rollup-plugin-inject: failed to parse /home/joe/novaint/node_modules/.pnpm/@[email protected][email protected][email protected]_@[email protected]_@[email protected]_2uyq5cr4225ns57lx4llpfiydq/node_modules/@prisma/nuxt/dist/runtime/server/utils/prisma.d.ts. Consider restricting the plugin to particular files via options.include


[nitro 9:33:52 AM] ERROR RollupError: node_modules/.pnpm/@[email protected][email protected][email protected]_@[email protected]_@[email protected]_2uyq5cr4225ns57lx4llpfiydq/node_modules/@prisma/nuxt/dist/runtime/server/utils/prisma.d.ts (2:8): Expected ';', '}' or <eof> (Note that you need plugins to import files that are not JavaScript)


1: import { PrismaClient } from "@prisma/client";
2: declare const prismaClientSingleton: () => PrismaClient<import(".prisma/client").Prisma.PrismaClientOptions, never, i...
^
3: declare const prisma: PrismaClient<import(".prisma/client").Prisma.PrismaClientOptions, never, import("@prisma/client...
4: export type CustomPrismaClient = ReturnType<typeof prismaClientSingleton>;

✔ Nuxt Nitro server built in 2407 ms
ℹ Vite server warmed up in 3864ms 9:33:51 AM
ℹ Vite client warmed up in 5284ms 9:33:52 AM

[9:33:52 AM] WARN [plugin inject] node_modules/.pnpm/@[email protected][email protected][email protected]_@[email protected]_@[email protected]_2uyq5cr4225ns57lx4llpfiydq/node_modules/@prisma/nuxt/dist/runtime/server/utils/prisma.d.ts: rollup-plugin-inject: failed to parse /home/joe/novaint/node_modules/.pnpm/@[email protected][email protected][email protected]_@[email protected]_@[email protected]_2uyq5cr4225ns57lx4llpfiydq/node_modules/@prisma/nuxt/dist/runtime/server/utils/prisma.d.ts. Consider restricting the plugin to particular files via options.include


[nitro 9:33:52 AM] ERROR RollupError: node_modules/.pnpm/@[email protected][email protected][email protected]_@[email protected]_@[email protected]_2uyq5cr4225ns57lx4llpfiydq/node_modules/@prisma/nuxt/dist/runtime/server/utils/prisma.d.ts (2:8): Expected ';', '}' or <eof> (Note that you need plugins to import files that are not JavaScript)


1: import { PrismaClient } from "@prisma/client";
2: declare const prismaClientSingleton: () => PrismaClient<import(".prisma/client").Prisma.PrismaClientOptions, never, i...
^
3: declare const prisma: PrismaClient<import(".prisma/client").Prisma.PrismaClientOptions, never, import("@prisma/client...
4: export type CustomPrismaClient = ReturnType<typeof prismaClientSingleton>;

✔ Nuxt Nitro server built in 2407 ms
Does anyone have any ideas?
8 replies
NNuxt
Created by johnk on 4/5/2024 in #❓・help
Set header from server middleware
Hello! I am trying to set the "Authorization" header from server middleware, for an API.
export default defineEventHandler(async (event) => {
const token = await $fetch('https://xxx.kinde.com/oauth2/token', {
method: 'POST',
headers: {
'Content-Type': 'application/x-www-form-urlencoded',
},
body: new URLSearchParams({
audience: "https://xxx.kinde.com/api",
grant_type: "client_credentials",
client_id: "xxx",
client_secret: "xxx",
})
}) as { access_token: string };

// I have tried
event.headers.set('authorization', token.access_token);
// I have tried
event.node.req.headers.authorization = token.access_token;
})
export default defineEventHandler(async (event) => {
const token = await $fetch('https://xxx.kinde.com/oauth2/token', {
method: 'POST',
headers: {
'Content-Type': 'application/x-www-form-urlencoded',
},
body: new URLSearchParams({
audience: "https://xxx.kinde.com/api",
grant_type: "client_credentials",
client_id: "xxx",
client_secret: "xxx",
})
}) as { access_token: string };

// I have tried
event.headers.set('authorization', token.access_token);
// I have tried
event.node.req.headers.authorization = token.access_token;
})
but nothing seems to be working. I am getting 403 forbidden from my API
const properties = await $fetch(`https://xxx.kinde.com/api/v1/users/${event.context.params?.user}/properties`, {
method: 'GET',
headers: {
'Accept': 'application/json',
}
});
const properties = await $fetch(`https://xxx.kinde.com/api/v1/users/${event.context.params?.user}/properties`, {
method: 'GET',
headers: {
'Accept': 'application/json',
}
});
5 replies