Wurfle Posts - Answer Overflow

Wurfle

•Created by Wurfle on 1/10/2024 in #support

How to create a library that uses @solidjs/meta as a dependency

I'm writing a library that uses the @solidjs/meta Style component. I should be able to use this component in any Solid Start app because Start wraps everything in MetaProvider. However, I'm getting <MetaProvider /> should be in the tree error. How should I write my package dependencies to make sure the same instance of @solidjs/meta is used?

8 replies

SSolidJS

•Created by Wurfle on 8/24/2023 in #support

Is it possible to create a resource of type HTMLImageElement with SSR?

Is it possible to create a resource of type HTMLImageElement with SSR? The server would have to render the suspense fallback and then load the image right away on hydration. I tried delaying the resource until onMount, but that wouldn’t render the suspense fallback in the meantime

7 replies

SSolidJS

•Created by Wurfle on 6/19/2023 in #support

`ERR_INVALID_ARG_TYPE` on solid-start build

Getting this error. Not sure what's wrong with URL passed to rmSync because it should be supported in node 17.

 solid-start build 
 version  0.2.26
 adapter  vercel
node:internal/errors:464
    ErrorCaptureStackTrace(err);
    ^

TypeError [ERR_INVALID_ARG_TYPE]: The first argument must be of type string or an instance of Buffer, ArrayBuffer, or Array or an Array-like Object. Received an instance of URL
    at new NodeError (node:internal/errors:371:5)
    at Function.from (node:buffer:322:9)
    at _rmdirSync (node:internal/fs/rimraf:248:30)
    at rimrafSync (node:internal/fs/rimraf:193:7)
    at rmSync (node:fs:1214:10)
    at emptyDir (file:///Users/jonasluebbers/Repos/mala-project/node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/solid-start-vercel/index.js:26:3)
    at Object.build (file:///Users/jonasluebbers/Repos/mala-project/node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/solid-start-vercel/index.js:144:7)
    at /Users/jonasluebbers/Repos/mala-project/node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected][email protected]/node_modules/solid-start/bin.cjs:185:20 {
  code: 'ERR_INVALID_ARG_TYPE'
}

Node.js v17.0.1
 ELIFECYCLE  Command failed with exit code 1.

 solid-start build 
 version  0.2.26
 adapter  vercel
node:internal/errors:464
    ErrorCaptureStackTrace(err);
    ^

TypeError [ERR_INVALID_ARG_TYPE]: The first argument must be of type string or an instance of Buffer, ArrayBuffer, or Array or an Array-like Object. Received an instance of URL
    at new NodeError (node:internal/errors:371:5)
    at Function.from (node:buffer:322:9)
    at _rmdirSync (node:internal/fs/rimraf:248:30)
    at rimrafSync (node:internal/fs/rimraf:193:7)
    at rmSync (node:fs:1214:10)
    at emptyDir (file:///Users/jonasluebbers/Repos/mala-project/node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/solid-start-vercel/index.js:26:3)
    at Object.build (file:///Users/jonasluebbers/Repos/mala-project/node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/solid-start-vercel/index.js:144:7)
    at /Users/jonasluebbers/Repos/mala-project/node_modules/.pnpm/[email protected]_@[email protected]_@[email protected][email protected][email protected][email protected]/node_modules/solid-start/bin.cjs:185:20 {
  code: 'ERR_INVALID_ARG_TYPE'
}

Node.js v17.0.1
 ELIFECYCLE  Command failed with exit code 1.

2 replies

SSolidJS

•Created by Wurfle on 4/21/2023 in #support

Client-only resource with SSR

Is there a way to make a client-only resource? that is, don't even bother on the server, render the fallback, then start fetching immediately on the client? I can use refetch in an effect but it briefly returns the server value before refetch starts without showing the fallback. Using a source signal does not render the fallback on the server

7 replies

SSolidJS

•Created by Wurfle on 3/29/2023 in #support

"WARN Issues with peer dependencies found" on fresh project

 WARN  Issues with peer dependencies found
.
└─┬ solid-start-node 0.2.24
  └─┬ @rollup/plugin-node-resolve 13.3.0
    ├── ✕ unmet peer rollup@^2.42.0: found 3.20.2 in solid-start-node
    └─┬ @rollup/pluginutils 3.1.0
      └── ✕ unmet peer rollup@^1.20.0||^2.0.0: found 3.20.2 in solid-start-node

 WARN  Issues with peer dependencies found
.
└─┬ solid-start-node 0.2.24
  └─┬ @rollup/plugin-node-resolve 13.3.0
    ├── ✕ unmet peer rollup@^2.42.0: found 3.20.2 in solid-start-node
    └─┬ @rollup/pluginutils 3.1.0
      └── ✕ unmet peer rollup@^1.20.0||^2.0.0: found 3.20.2 in solid-start-node

Getting this warning when running pnpm create solid and choosing "bare" with typescript and SSR

1 replies

SSolidJS

•Created by Wurfle on 3/1/2023 in #support

What's the simplest way to combine the classList prop?

I have a component that takes a classList prop, and I want to combine it with a reactive classList object of its own before setting it on an internal element. What's the easiest way to do that while keeping the prop and the internal object reactive?

5 replies

SSolidJS

•Created by Wurfle on 1/30/2023 in #support

Global style tags get added before page is actually visible

I'm trying to get a better understanding of how data loading works in Start. It seems that when I have a <Style> tag in a layout, but the actual route takes a long time to load, the Style tag will still render even when the rest of that route is not. Here's the repro: https://github.com/nonphoto/solid-test-global-page-styles

1 replies

SSolidJS

•Created by Wurfle on 12/15/2022 in #support

Passing data from route to layout in solid-start

I have a group of pages with one parent layout (ie /menu/lunch, /menu/dinner, with the layout under menu.tsx). The layout has a tab bar listing each of the pages under /menu. The color of this tab bar should change depending on the current route. Therefore I would like to be able to specify the color in the routeData of that route and read it from the layout but it appears this is not possible (and I can see why things would get confusing if this were the case). What is the best way to pass data from a route to its parent layout?

11 replies

Gaming

Programming