Use `clientOnly` without isolating component in its own file

Beschreibung

import { clientOnly } from "@solidjs/start"

function ClientOnlyComponent() {
  const location = window.document.location
  return <div>{location.href}</div>
}

type ResolveClientComponent = (value: {
  default: Component
}) => void

export default clientOnly(
  () =>
    new Promise((resolve: ResolveClientComponent) => {
      resolve({ default: ClientOnlyComponent })
    }),
)

Contributor Guide

Tech Stack

typescriptnodejs

Domain

frontenddeveloper experience

Issue Type

feature

SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.

3

Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.

1-2 days

AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.

active

KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.

clear

Voraussetzungen

SolidJSasync lazy loadingPromiseTypeScript

EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.

60

Research-Richtung

Examine the current `clientOnly` function implementation in solid start (likely in `packages/start`). Consider modifying the API to accept a component directly instead of a dynamic import. Review existing comments and discussions for alternative approaches. Implement a new overload or helper function that wraps the component in a promise resolve.