hyperknot Comments - Answer Overflow

hyperknot

Explore posts from servers

CDCloudflare Developers SSolidJS DTDrizzle Team

Posts Comments

DTDrizzle Team

•Created by hyperknot on 4/22/2025 in #help

How to use in browser environment?

I think that'll be the plan I take.

3 replies

SSolidJS

•Created by hyperknot on 4/5/2025 in #support

Can I use Solid for rendering DOM elements under non-Solid parts of the website?

I don't yet know what it does. I guess by hooking into it and returning true I tell it not to modify it.

9 replies

SSolidJS

•Created by hyperknot on 4/5/2025 in #support

Can I use Solid for rendering DOM elements under non-Solid parts of the website?

I guess the update might need some custom logic, but render and destroy seems to be straightforward.

9 replies

SSolidJS

•Created by hyperknot on 4/5/2025 in #support

Can I use Solid for rendering DOM elements under non-Solid parts of the website?

ProseMirror seems to support an update function and a destroy function. I'm thinking about using it like this:

function createSolidNodeView(node, view, getPos) {
  // Create the DOM element
  const dom = document.createElement('div');
  
  // Render a Solid component into this element
  const dispose = render(() => <MyInteractiveComponent {...node.attrs} />, dom);
  
  // Return a ProseMirror NodeView
  return {
    dom,
    update(newNode) {
      // You'd need to handle updates here
      // This might require re-rendering the component
      return true;
    },
    destroy() {
      // Important: call dispose when the node is removed
      dispose();
    },
    // other NodeView properties as needed
  };
}

function createSolidNodeView(node, view, getPos) {
  // Create the DOM element
  const dom = document.createElement('div');
  
  // Render a Solid component into this element
  const dispose = render(() => <MyInteractiveComponent {...node.attrs} />, dom);
  
  // Return a ProseMirror NodeView
  return {
    dom,
    update(newNode) {
      // You'd need to handle updates here
      // This might require re-rendering the component
      return true;
    },
    destroy() {
      // Important: call dispose when the node is removed
      dispose();
    },
    // other NodeView properties as needed
  };
}

9 replies

SSolidJS

•Created by hyperknot on 3/29/2025 in #support

How to trigger focus and scroll across the app?

for subscribing, do you mean createEffect()?

10 replies

SSolidJS

•Created by hyperknot on 3/29/2025 in #support

How to trigger focus and scroll across the app?

but what is the signal then? it needs to be something, a number, a boolean, something

10 replies

SSolidJS

•Created by hyperknot on 3/29/2025 in #support

How to trigger focus and scroll across the app?

maybe a handleClick or similar triggers a store.setState('randomInt', Math.random()...)

10 replies

SSolidJS