@geenius/adapters 0.1.0

package/packages/solidjs-css/src/components/AdapterCard.tsx

@@ -0,0 +1,43 @@
+// @geenius-adapters/solidjs-css — AdapterCard (vanilla CSS)
+
+import { Show } from 'solid-js'
+import type { AdapterDomain, AdapterStatusInfo } from '@geenius-adapters/shared'
+import { DOMAIN_LABELS, DOMAIN_ICONS, DOMAIN_DESCRIPTIONS } from '@geenius-adapters/shared'
+import { AdapterStatusBadge } from './AdapterStatusBadge'
+
+export interface AdapterCardProps {
+  domain: AdapterDomain
+  status: AdapterStatusInfo
+  onClick?: () => void
+}
+
+export function AdapterCard(props: AdapterCardProps) {
+  return (
+    <button
+      type="button"
+      onClick={() => props.onClick?.()}
+      class="adapter-card"
+      aria-label={`${DOMAIN_LABELS[props.domain]} adapter — ${props.status.status}`}
+    >
+      <div class="adapter-card__icon">{DOMAIN_ICONS[props.domain]}</div>
+      <div class="adapter-card__body">
+        <div class="adapter-card__header">
+          <h3 class="adapter-card__name">{DOMAIN_LABELS[props.domain]}</h3>
+          <AdapterStatusBadge status={props.status.status} />
+        </div>
+        <p class="adapter-card__desc">{DOMAIN_DESCRIPTIONS[props.domain]}</p>
+        <Show when={props.status.provider && props.status.provider !== 'none'}>
+          <div class="adapter-card__meta">
+            <span class="adapter-card__provider">{props.status.provider}</span>
+            <Show when={props.status.latency}>
+              <span class="adapter-card__latency">{props.status.latency}ms</span>
+            </Show>
+          </div>
+        </Show>
+        <Show when={props.status.error}>
+          <p class="adapter-card__error">{props.status.error}</p>
+        </Show>
+      </div>
+    </button>
+  )
+}

package/packages/solidjs-css/src/components/AdapterConfigForm.tsx

@@ -0,0 +1,119 @@
+// @geenius-adapters/solidjs-css — AdapterConfigForm (vanilla CSS)
+
+import { createSignal, Show, For } from 'solid-js'
+import type { AdapterDomain, DomainAdapterConfig } from '@geenius-adapters/shared'
+import { DOMAIN_LABELS, getProvidersForDomain } from '@geenius-adapters/shared'
+
+export interface AdapterConfigFormProps {
+  domain: AdapterDomain
+  initialConfig?: DomainAdapterConfig
+  onSave: (config: DomainAdapterConfig) => Promise<void> | void
+  onCancel?: () => void
+}
+
+export function AdapterConfigForm(props: AdapterConfigFormProps) {
+  const providers = getProvidersForDomain(props.domain)
+  const [provider, setProvider] = createSignal(props.initialConfig?.provider ?? providers[0]?.id ?? '')
+  const [apiKey, setApiKey] = createSignal(props.initialConfig?.apiKey ?? '')
+  const [baseUrl, setBaseUrl] = createSignal(props.initialConfig?.baseUrl ?? '')
+  const [isSaving, setIsSaving] = createSignal(false)
+  const [error, setError] = createSignal<string | null>(null)
+
+  const needsApiKey = () => !['localStorage', 'noop'].includes(provider())
+  const needsBaseUrl = () => ['ollama', 'minio', 'neon', 'supabase'].includes(provider())
+
+  const handleSubmit = async (e: Event) => {
+    e.preventDefault()
+    setError(null)
+    if (!provider()) { setError('Select a provider'); return }
+    if (needsApiKey() && !apiKey().trim()) { setError('API key is required'); return }
+    setIsSaving(true)
+    try {
+      await props.onSave({
+        provider: provider(),
+        apiKey: apiKey() || undefined,
+        baseUrl: baseUrl() || undefined,
+      })
+    } catch (err) {
+      setError(err instanceof Error ? err.message : 'Failed to save')
+    } finally {
+      setIsSaving(false)
+    }
+  }
+
+  return (
+    <form onSubmit={handleSubmit} class="adapter-form" noValidate>
+      <h3 class="adapter-form__title">Configure {DOMAIN_LABELS[props.domain]}</h3>
+      <p class="adapter-form__subtitle">Select and configure your preferred provider.</p>
+
+      <Show when={error()}>
+        <div class="adapter-alert adapter-alert--error" role="alert" style={{ 'margin-top': '1rem' }}>
+          {error()}
+        </div>
+      </Show>
+
+      <div class="adapter-field">
+        <span class="adapter-field__label">Provider</span>
+        <div class="adapter-provider-grid">
+          <For each={providers}>
+            {(p) => (
+              <button
+                type="button"
+                onClick={() => setProvider(p.id)}
+                class={`adapter-provider-option ${provider() === p.id ? 'adapter-provider-option--selected' : ''}`}
+              >
+                <span class="adapter-provider-option__name">{p.name}</span>
+                <span class="adapter-provider-option__desc">{p.description}</span>
+                <span class={`adapter-tier-badge adapter-tier-badge--${p.tier}`}>{p.tier}</span>
+              </button>
+            )}
+          </For>
+        </div>
+      </div>
+
+      <Show when={needsApiKey()}>
+        <div class="adapter-field">
+          <label class="adapter-field__label" for={`adapter-${props.domain}-apiKey`}>API Key</label>
+          <input
+            id={`adapter-${props.domain}-apiKey`}
+            type="password"
+            value={apiKey()}
+            onInput={(e) => setApiKey(e.currentTarget.value)}
+            placeholder={`Enter API key`}
+            class="adapter-field__input"
+            autocomplete="off"
+          />
+        </div>
+      </Show>
+
+      <Show when={needsBaseUrl()}>
+        <div class="adapter-field">
+          <label class="adapter-field__label" for={`adapter-${props.domain}-url`}>Base URL</label>
+          <input
+            id={`adapter-${props.domain}-url`}
+            type="url"
+            value={baseUrl()}
+            onInput={(e) => setBaseUrl(e.currentTarget.value)}
+            placeholder="https://..."
+            class="adapter-field__input"
+          />
+        </div>
+      </Show>
+
+      <div style={{ display: 'flex', 'justify-content': 'flex-end', gap: '0.75rem', 'margin-top': '1.5rem' }}>
+        <Show when={props.onCancel}>
+          <button type="button" onClick={() => props.onCancel?.()} class="adapter-btn adapter-btn--ghost">
+            Cancel
+          </button>
+        </Show>
+        <button
+          type="submit"
+          disabled={isSaving() || !provider()}
+          class="adapter-btn adapter-btn--primary"
+        >
+          {isSaving() ? 'Saving…' : 'Save Configuration'}
+        </button>
+      </div>
+    </form>
+  )
+}

package/packages/solidjs-css/src/components/AdapterList.tsx

@@ -0,0 +1,68 @@
+// @geenius-adapters/solidjs-css — AdapterList (vanilla CSS)
+
+import { createSignal, createMemo, Show, For } from 'solid-js'
+import { createAdapters } from '../primitives'
+import { AdapterCard } from './AdapterCard'
+import { ADAPTER_DOMAINS, DOMAIN_LABELS } from '@geenius-adapters/shared'
+import type { AdapterDomain, AdapterStatusType } from '@geenius-adapters/shared'
+
+export interface AdapterListProps {
+  onSelect?: (domain: AdapterDomain) => void
+  filterStatus?: AdapterStatusType
+}
+
+export function AdapterList(props: AdapterListProps) {
+  const ctx = createAdapters()
+  const [search, setSearch] = createSignal('')
+
+  const filtered = createMemo(() => {
+    let domains = [...ADAPTER_DOMAINS]
+    const q = search().toLowerCase()
+    if (q) {
+      domains = domains.filter((d) => {
+        return DOMAIN_LABELS[d].toLowerCase().includes(q) || d.includes(q)
+          || (ctx.statuses[d]?.provider?.toLowerCase().includes(q) ?? false)
+      })
+    }
+    if (props.filterStatus) {
+      domains = domains.filter((d) => ctx.statuses[d]?.status === props.filterStatus)
+    }
+    return domains
+  })
+
+  return (
+    <div>
+      <input
+        type="text"
+        value={search()}
+        onInput={(e) => setSearch(e.currentTarget.value)}
+        placeholder="Search adapters..."
+        class="adapter-search"
+        aria-label="Search adapters"
+      />
+
+      <Show
+        when={filtered().length > 0}
+        fallback={
+          <div class="adapter-empty">
+            <p class="adapter-empty__text">
+              {search() ? 'No adapters match your search' : 'No adapters configured'}
+            </p>
+          </div>
+        }
+      >
+        <div class="adapter-grid" role="list" aria-label="Adapter list">
+          <For each={filtered()}>
+            {(domain) => (
+              <AdapterCard
+                domain={domain}
+                status={ctx.statuses[domain]}
+                onClick={() => props.onSelect?.(domain)}
+              />
+            )}
+          </For>
+        </div>
+      </Show>
+    </div>
+  )
+}

package/packages/solidjs-css/src/components/AdapterStatusBadge.tsx

@@ -0,0 +1,24 @@
+// @geenius-adapters/solidjs-css — AdapterStatusBadge (vanilla CSS)
+
+import type { AdapterStatusType } from '@geenius-adapters/shared'
+
+const LABELS: Record<AdapterStatusType, string> = {
+  connected: 'Connected',
+  disconnected: 'Disconnected',
+  error: 'Error',
+  initializing: 'Initializing',
+}
+
+export interface AdapterStatusBadgeProps {
+  status: AdapterStatusType
+  showLabel?: boolean
+}
+
+export function AdapterStatusBadge(props: AdapterStatusBadgeProps) {
+  return (
+    <span class={`adapter-badge adapter-badge--${props.status}`}>
+      <span class="adapter-badge__dot" />
+      {props.showLabel !== false && <span>{LABELS[props.status]}</span>}
+    </span>
+  )
+}

package/packages/solidjs-css/src/components/index.ts

@@ -0,0 +1,8 @@
+export { AdapterStatusBadge } from './AdapterStatusBadge'
+export type { AdapterStatusBadgeProps } from './AdapterStatusBadge'
+export { AdapterCard } from './AdapterCard'
+export type { AdapterCardProps } from './AdapterCard'
+export { AdapterList } from './AdapterList'
+export type { AdapterListProps } from './AdapterList'
+export { AdapterConfigForm } from './AdapterConfigForm'
+export type { AdapterConfigFormProps } from './AdapterConfigForm'

package/packages/solidjs-css/src/index.tsx

@@ -0,0 +1,30 @@
+// @geenius-adapters/solidjs-css — Barrel export
+// Vanilla CSS variant: import '@geenius-adapters/solidjs-css/styles.css'
+
+export type {
+  AuthAdapter, DbAdapter, PaymentsAdapter, AiAdapter, FileStorageAdapter,
+  AdminAdapter, AdapterDomain, AdapterConfig, AdapterStatusType, AdapterStatusInfo,
+} from '@geenius-adapters/shared'
+
+export {
+  ADAPTER_DOMAINS, DOMAIN_LABELS, DOMAIN_ICONS, DOMAIN_DESCRIPTIONS,
+  configureAdapters, getAdapterConfig,
+} from '@geenius-adapters/shared'
+
+// Provider
+export { AdapterProvider, useAdapterContext } from './provider'
+export type { AdapterProviderProps, AdapterSet, AdapterContextValue } from './provider'
+
+// Primitives
+export {
+  createDb, createAuth, createPayments, createAi, createStorage, createAdmin,
+  createAdapters, createAdapterStatuses, createAdapterStatus, createIsAdapterReady,
+} from './primitives'
+
+// Components
+export { AdapterStatusBadge, AdapterCard, AdapterList, AdapterConfigForm } from './components'
+export type { AdapterStatusBadgeProps, AdapterCardProps, AdapterListProps, AdapterConfigFormProps } from './components'
+
+// Pages
+export { AdaptersPage, AdapterDetailPage } from './pages'
+export type { AdaptersPageProps, AdapterDetailPageProps } from './pages'

package/packages/solidjs-css/src/pages/AdapterDetailPage.tsx

@@ -0,0 +1,107 @@
+// @geenius-adapters/solidjs-css — AdapterDetailPage (vanilla CSS)
+
+import { createSignal, Show, For } from 'solid-js'
+import { createAdapterStatus } from '../primitives'
+import { AdapterStatusBadge } from '../components/AdapterStatusBadge'
+import { AdapterConfigForm } from '../components/AdapterConfigForm'
+import type { AdapterDomain } from '@geenius-adapters/shared'
+import { DOMAIN_LABELS, DOMAIN_ICONS, DOMAIN_DESCRIPTIONS, getProvidersForDomain } from '@geenius-adapters/shared'
+
+export interface AdapterDetailPageProps {
+  domain: AdapterDomain
+  onBack?: () => void
+}
+
+export function AdapterDetailPage(props: AdapterDetailPageProps) {
+  const status = createAdapterStatus(props.domain)
+  const providers = getProvidersForDomain(props.domain)
+  const [isEditing, setIsEditing] = createSignal(false)
+
+  return (
+    <div class="adapter-page">
+      {/* Back */}
+      <Show when={props.onBack}>
+        <button onClick={() => props.onBack?.()} class="adapter-btn adapter-btn--ghost adapter-btn--sm" style={{ 'margin-bottom': '1rem' }}>
+          ← Back to Adapters
+        </button>
+      </Show>
+
+      {/* Header */}
+      <div style={{ display: 'flex', 'align-items': 'flex-start', gap: '1.25rem', 'margin-bottom': '2rem' }}>
+        <div class="adapter-detail__icon">{DOMAIN_ICONS[props.domain]}</div>
+        <div style={{ flex: '1' }}>
+          <div style={{ display: 'flex', 'align-items': 'center', gap: '0.75rem' }}>
+            <h1 class="adapter-page__title">{DOMAIN_LABELS[props.domain]}</h1>
+            <AdapterStatusBadge status={status().status} />
+          </div>
+          <p class="adapter-page__subtitle">{DOMAIN_DESCRIPTIONS[props.domain]}</p>
+        </div>
+      </div>
+
+      {/* Status card */}
+      <div class="adapter-summary__card" style={{ 'margin-bottom': '2rem' }}>
+        <h2 class="adapter-summary__label" style={{ 'margin-bottom': '1rem' }}>Current Status</h2>
+        <div class="adapter-detail__status-grid">
+          <div>
+            <p class="adapter-detail__label">Provider</p>
+            <p class="adapter-detail__value">{status().provider !== 'none' ? status().provider : '—'}</p>
+          </div>
+          <div>
+            <p class="adapter-detail__label">Status</p>
+            <div class="adapter-detail__value"><AdapterStatusBadge status={status().status} /></div>
+          </div>
+          <div>
+            <p class="adapter-detail__label">Last Checked</p>
+            <p class="adapter-detail__value">{status().lastCheckedAt ? new Date(status().lastCheckedAt!).toLocaleTimeString() : '—'}</p>
+          </div>
+        </div>
+        <Show when={status().error}>
+          <div class="adapter-alert adapter-alert--error" style={{ 'margin-top': '1rem' }}>
+            <strong>Error:</strong> {status().error}
+          </div>
+        </Show>
+      </div>
+
+      {/* Available providers */}
+      <div class="adapter-summary__card" style={{ 'margin-bottom': '2rem' }}>
+        <div style={{ display: 'flex', 'justify-content': 'space-between', 'margin-bottom': '1rem' }}>
+          <h2 class="adapter-summary__label">Available Providers</h2>
+          <span class="adapter-summary__desc">{providers.length} providers</span>
+        </div>
+        <div class="adapter-provider-list">
+          <For each={providers}>
+            {(p) => (
+              <div style={{ display: 'flex', 'align-items': 'center', 'justify-content': 'space-between' }}>
+                <div>
+                  <p class="adapter-detail__value" style={{ 'font-size': '0.875rem' }}>{p.name}</p>
+                  <p class="adapter-detail__label">{p.description}</p>
+                </div>
+                <span class={`adapter-tier-badge adapter-tier-badge--${p.tier}`}>{p.tier}</span>
+              </div>
+            )}
+          </For>
+        </div>
+      </div>
+
+      {/* Configuration */}
+      <Show
+        when={isEditing()}
+        fallback={
+          <button
+            onClick={() => setIsEditing(true)}
+            class="adapter-card"
+            style={{ 'justify-content': 'center', 'border-style': 'dashed' }}
+          >
+            ⚙️ Configure {DOMAIN_LABELS[props.domain]} Adapter
+          </button>
+        }
+      >
+        <AdapterConfigForm
+          domain={props.domain}
+          onSave={async () => setIsEditing(false)}
+          onCancel={() => setIsEditing(false)}
+        />
+      </Show>
+    </div>
+  )
+}

package/packages/solidjs-css/src/pages/AdaptersPage.tsx

@@ -0,0 +1,94 @@
+// @geenius-adapters/solidjs-css — AdaptersPage (vanilla CSS)
+
+import { createSignal, Show, For } from 'solid-js'
+import { createAdapters } from '../primitives'
+import { AdapterList } from '../components/AdapterList'
+import { AdapterConfigForm } from '../components/AdapterConfigForm'
+import { AdapterStatusBadge } from '../components/AdapterStatusBadge'
+import { ADAPTER_DOMAINS, ADAPTER_STATUSES } from '@geenius-adapters/shared'
+import type { AdapterDomain, AdapterStatusType } from '@geenius-adapters/shared'
+
+export interface AdaptersPageProps {
+  onNavigateDetail?: (domain: AdapterDomain) => void
+}
+
+export function AdaptersPage(props: AdaptersPageProps) {
+  const ctx = createAdapters()
+  const [selectedDomain, setSelectedDomain] = createSignal<AdapterDomain | null>(null)
+  const [filterStatus, setFilterStatus] = createSignal<AdapterStatusType | undefined>()
+
+  const connected = () => ADAPTER_DOMAINS.filter((d) => ctx.statuses[d]?.status === 'connected').length
+  const errors = () => ADAPTER_DOMAINS.filter((d) => ctx.statuses[d]?.status === 'error').length
+
+  return (
+    <div class="adapter-page">
+      {/* Header */}
+      <div class="adapter-page__header">
+        <h1 class="adapter-page__title">Adapters</h1>
+        <p class="adapter-page__subtitle">Manage your infrastructure adapters — database, auth, AI, storage, payments, and admin.</p>
+      </div>
+
+      {/* Status Summary */}
+      <div class="adapter-summary">
+        <div class="adapter-summary__card">
+          <p class="adapter-summary__label">Total</p>
+          <p class="adapter-summary__value">{ADAPTER_DOMAINS.length}</p>
+          <p class="adapter-summary__desc">adapter domains</p>
+        </div>
+        <div class="adapter-summary__card adapter-summary__card--success">
+          <p class="adapter-summary__label">Connected</p>
+          <p class="adapter-summary__value">{connected()}</p>
+          <p class="adapter-summary__desc">active adapters</p>
+        </div>
+        <Show when={errors() > 0}>
+          <div class="adapter-summary__card adapter-summary__card--error">
+            <p class="adapter-summary__label">Errors</p>
+            <p class="adapter-summary__value">{errors()}</p>
+            <p class="adapter-summary__desc">need attention</p>
+          </div>
+        </Show>
+      </div>
+
+      {/* Filters */}
+      <div class="adapter-filters">
+        <button
+          class={`adapter-filter-btn ${!filterStatus() ? 'adapter-filter-btn--active' : ''}`}
+          onClick={() => setFilterStatus(undefined)}
+        >All</button>
+        <For each={[...ADAPTER_STATUSES]}>
+          {(s) => (
+            <button
+              class={`adapter-filter-btn ${filterStatus() === s ? 'adapter-filter-btn--active' : ''}`}
+              onClick={() => setFilterStatus(s)}
+            >
+              <AdapterStatusBadge status={s} showLabel={false} />
+              {' '}{s}
+            </button>
+          )}
+        </For>
+      </div>
+
+      {/* Adapter Grid */}
+      <AdapterList
+        onSelect={(domain) => {
+          if (props.onNavigateDetail) props.onNavigateDetail(domain)
+          else setSelectedDomain(domain)
+        }}
+        filterStatus={filterStatus()}
+      />
+
+      {/* Config Modal */}
+      <Show when={selectedDomain()}>
+        <div class="adapter-modal-overlay" onClick={() => setSelectedDomain(null)}>
+          <div class="adapter-modal" onClick={(e) => e.stopPropagation()}>
+            <AdapterConfigForm
+              domain={selectedDomain()!}
+              onSave={async () => setSelectedDomain(null)}
+              onCancel={() => setSelectedDomain(null)}
+            />
+          </div>
+        </div>
+      </Show>
+    </div>
+  )
+}

package/packages/solidjs-css/src/pages/index.ts

@@ -0,0 +1,4 @@
+export { AdaptersPage } from './AdaptersPage'
+export type { AdaptersPageProps } from './AdaptersPage'
+export { AdapterDetailPage } from './AdapterDetailPage'
+export type { AdapterDetailPageProps } from './AdapterDetailPage'

package/packages/solidjs-css/src/primitives/index.ts

@@ -0,0 +1 @@
+export * from '@geenius-adapters/solidjs'

package/packages/solidjs-css/src/provider/AdapterProvider.tsx

@@ -0,0 +1,61 @@
+// @geenius-adapters/solidjs-css — AdapterProvider (SolidJS + vanilla CSS)
+
+import { createContext, useContext } from 'solid-js'
+import { createStore } from 'solid-js/store'
+import type { JSX } from 'solid-js'
+import type {
+  AuthAdapter, DbAdapter, PaymentsAdapter, AiAdapter, FileStorageAdapter, AdminAdapter,
+  AdapterDomain, AdapterStatusInfo,
+} from '@geenius-adapters/shared'
+import { ADAPTER_DOMAINS, DOMAIN_LABELS } from '@geenius-adapters/shared'
+
+export interface AdapterSet {
+  db?: DbAdapter
+  auth?: AuthAdapter
+  payments?: PaymentsAdapter
+  ai?: AiAdapter
+  storage?: FileStorageAdapter
+  admin?: AdminAdapter
+}
+
+export interface AdapterContextValue {
+  adapters: AdapterSet
+  statuses: Record<AdapterDomain, AdapterStatusInfo>
+  getAdapter: <K extends keyof AdapterSet>(domain: K) => NonNullable<AdapterSet[K]>
+  isReady: (domain: AdapterDomain) => boolean
+  isLoading: boolean
+}
+
+const AdapterContext = createContext<AdapterContextValue>()
+
+export interface AdapterProviderProps {
+  adapters: AdapterSet
+  children: JSX.Element
+}
+
+export function AdapterProvider(props: AdapterProviderProps) {
+  const init = {} as Record<AdapterDomain, AdapterStatusInfo>
+  for (const d of ADAPTER_DOMAINS) {
+    const a = props.adapters[d as keyof AdapterSet]
+    init[d] = { domain: d, provider: a ? 'configured' : 'none', status: a ? 'connected' : 'disconnected', lastCheckedAt: Date.now() }
+  }
+  const [statuses] = createStore(init)
+
+  const getAdapter = <K extends keyof AdapterSet>(domain: K): NonNullable<AdapterSet[K]> => {
+    const adapter = props.adapters[domain]
+    if (!adapter) throw new Error(`${DOMAIN_LABELS[domain as AdapterDomain] ?? domain} adapter not configured`)
+    return adapter as NonNullable<AdapterSet[K]>
+  }
+
+  const isReady = (domain: AdapterDomain) =>
+    !!props.adapters[domain as keyof AdapterSet] && statuses[domain]?.status === 'connected'
+
+  const value: AdapterContextValue = { adapters: props.adapters, statuses, getAdapter, isReady, isLoading: false }
+  return <AdapterContext.Provider value={value}>{props.children}</AdapterContext.Provider>
+}
+
+export function useAdapterContext(): AdapterContextValue {
+  const ctx = useContext(AdapterContext)
+  if (!ctx) throw new Error('useAdapterContext must be used within <AdapterProvider>')
+  return ctx
+}

package/packages/solidjs-css/src/provider/index.ts

@@ -0,0 +1,2 @@
+export { AdapterProvider, useAdapterContext } from './AdapterProvider'
+export type { AdapterProviderProps, AdapterSet, AdapterContextValue } from './AdapterProvider'

package/packages/solidjs-css/tsconfig.json

@@ -0,0 +1,20 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./dist",
+    "rootDir": "./src",
+    "jsx": "preserve",
+    "jsxImportSource": "solid-js",
+    "strict": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "target": "ES2022",
+    "module": "ESNext",
+    "moduleResolution": "bundler"
+  },
+  "include": [
+    "src"
+  ]
+}

package/packages/solidjs-css/tsup.config.ts

@@ -0,0 +1,2 @@
+import { defineConfig } from 'tsup'
+export default defineConfig({ entry: ['src/index.tsx'], format: ['cjs', 'esm'], dts: true, clean: true, sourcemap: true, external: ['solid-js'] })

package/pnpm-workspace.yaml

@@ -0,0 +1,2 @@
+packages:
+  - "packages/*"

package/tsconfig.json

@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "declaration": true,
+    "declarationMap": true,
+    "sourceMap": true,
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx"
+  }
+}