Use `clientOnly` without isolating component in its own file · solidjs/solid-start#1929

Métriques du dépôt

Stars: (4 187 stars)
Métriques de merge PR: (Merge moyen 22h 5m) (3 PRs mergées en 30 j)

Description

What is this request related to?

Request

📋 General description or bullet points

Provide a way of using clientOnly without creating a separate file. Code wise, this could be more ergonomic.

Could also create a helper function to directly translate component function to client only component.

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 })
    }),
)

🖥️ Reproduction of code samples in StackBlitz

StackBlitz doesn't support solid-start

Guide contributeur

Direction de recherche: Examinez l'implémentation actuelle de la fonction `clientOnly` dans solid start (probablement dans `packages/start`). Envisagez de modifier l'API pour accepter directement un composant au lieu d'une importation dynamique. Passez en revue les commentaires et discussions existants pour des approches alternatives. Implémentez une nouvelle surcharge ou fonction d'aide qui enveloppe le composant dans une résolution de Promise.
Stack technique: typescriptsolidjs
Domaine: frontend
Type d'issue: Fonctionnalité
Difficulté: 2
Temps estimé: Une demi journée
Statut d'activité: Active
Clarté: Claire
Prérequis: Aucun
Accessibilité débutant: 70