@geenius/tools 0.1.0

package/packages/devtools/solidjs/src/hooks/createGitHubLabels.ts

@@ -0,0 +1,47 @@
+// @geenius-tools/devtools-solidjs — src/hooks/createGitHubLabels.ts
+
+import { createSignal, createEffect } from 'solid-js'
+import {
+    getRepositoryLabels,
+    isGitHubConfigured,
+    type GitHubLabel,
+} from '../services/github-service'
+
+/**
+ * Hook to fetch GitHub repository labels.
+ * Fetches once on mount if GitHub is configured.
+ * No external dependencies (no react-query).
+ */
+export function createGitHubLabels() {
+    const [data, setData] = createSignal<GitHubLabel[] | undefined>(undefined)
+    const [isLoading, setIsLoading] = createSignal(false)
+    const [error, setError] = createSignal<Error | null>(null)
+    const isConfigured = isGitHubConfigured()
+
+    createEffect(() => {
+        if (!isConfigured) return
+
+        let cancelled = false
+        setIsLoading(true)
+
+        getRepositoryLabels()
+            .then((labels) => {
+                if (!cancelled) {
+                    setData(labels)
+                    setIsLoading(false)
+                }
+            })
+            .catch((err) => {
+                if (!cancelled) {
+                    setError(err)
+                    setIsLoading(false)
+                }
+            })
+
+        return () => {
+            cancelled = true
+        }
+    })
+
+    return { data, isLoading, error, isConfigured }
+}

package/packages/devtools/solidjs/src/index.ts

@@ -0,0 +1,64 @@
+// @geenius-tools/devtools-solidjs — src/index.ts
+
+// Components
+export { DevToolbar } from './components/DevToolbar'
+export type { DevToolbarProps } from './components/DevToolbar'
+export { DevSidebar } from './components/DevSidebar'
+export { PerformancePanel } from './components/PerformancePanel'
+export { InspectorOverlay } from './components/InspectorOverlay'
+export { GitHubIssueDialog } from './components/GitHubIssueDialog'
+export type { GitHubIssueDialogProps } from './components/GitHubIssueDialog'
+export { DesignPreview } from './components/DesignPreview'
+export type { DesignPreviewProps } from './components/DesignPreview'
+export { DesignSwitcherDropdown } from './components/DesignSwitcherDropdown'
+export type { DesignSwitcherDropdownProps } from './components/DesignSwitcherDropdown'
+export { PageLoadWaterfall, logWaterfall } from './components/PageLoadWaterfall'
+export type { SsrTiming } from './components/PageLoadWaterfall'
+
+// Data
+export { designs } from './data/designs'
+export type { Design } from './data/designs'
+
+// Context
+export {
+    DevModeProvider,
+    createDevMode,
+    createDevModeOptional,
+    createIsDevToolsVisible,
+    createIsDevAllowed,
+} from './context/DevModeContext'
+export type {
+    DevModeProviderProps,
+    DevModeContextValue,
+    ComponentDetails,
+} from './context/DevModeContext'
+
+export {
+    PerformanceProvider,
+    createPerformanceContext,
+    createPerformanceContextOptional,
+} from './context/PerformanceContext'
+
+// Services
+export {
+    configureGitHub,
+    isGitHubConfigured,
+    getGitHubConfig,
+    createGitHubIssue,
+    getRepositoryLabels,
+    getGitHubIssues,
+    generateContextInfo,
+    getIssueType,
+    formatRelativeTime,
+} from './services/github-service'
+export type {
+    GitHubConfig,
+    GitHubIssue,
+    GitHubLabel,
+    GitHubIssueListItem,
+    CreateIssueResponse,
+    IssueFilter,
+} from './services/github-service'
+
+// Hooks
+export { createGitHubLabels } from './hooks/createGitHubLabels'

package/packages/devtools/solidjs/src/services/github-service.ts

@@ -0,0 +1,247 @@
+// @geenius-tools/devtools-react — src/services/github-service.ts
+// GitHub API service for creating issues — adapted from geenius-react
+
+export interface GitHubIssue {
+    title: string
+    body: string
+    labels?: string[]
+}
+
+export interface GitHubLabel {
+    id: number
+    name: string
+    color: string
+    description: string | null
+}
+
+export interface CreateIssueResponse {
+    id: number
+    number: number
+    html_url: string
+    title: string
+}
+
+export interface GitHubIssueListItem {
+    id: number
+    number: number
+    title: string
+    body: string | null
+    html_url: string
+    state: 'open' | 'closed'
+    created_at: string
+    updated_at: string
+    labels: GitHubLabel[]
+    user: {
+        login: string
+        avatar_url: string
+    } | null
+}
+
+export type IssueFilter = 'all' | 'bug' | 'enhancement'
+
+/**
+ * GitHub configuration. Provide via `configureGitHub()` or env vars.
+ */
+export interface GitHubConfig {
+    owner: string
+    repo: string
+    branch?: string
+    token: string
+}
+
+let _config: GitHubConfig | null = null
+
+/**
+ * Configure GitHub integration.
+ *
+ * @example
+ * ```ts
+ * configureGitHub({
+ *   owner: 'my-org',
+ *   repo: 'my-app',
+ *   token: import.meta.env.VITE_GITHUB_TOKEN,
+ * })
+ * ```
+ */
+export function configureGitHub(config: GitHubConfig): void {
+    _config = config
+}
+
+export function getGitHubConfig(): GitHubConfig {
+    if (_config) return _config
+
+    // Fallback: try env vars (Vite convention)
+    let owner = ''
+    let repo = ''
+    let branch = 'main'
+    let token = ''
+    try {
+        // @ts-expect-error — Vite env
+        owner = import.meta?.env?.VITE_GITHUB_OWNER ?? ''
+        // @ts-expect-error — Vite env
+        repo = import.meta?.env?.VITE_GITHUB_REPO ?? ''
+        // @ts-expect-error — Vite env
+        branch = import.meta?.env?.VITE_GITHUB_BRANCH ?? 'main'
+        // @ts-expect-error — Vite env
+        token = import.meta?.env?.VITE_GITHUB_TOKEN ?? ''
+    } catch {
+        // Not in Vite
+    }
+
+    return { owner, repo, branch, token }
+}
+
+export function isGitHubConfigured(): boolean {
+    const { owner, repo, token } = getGitHubConfig()
+    const isPlaceholder =
+        !token || token === 'ghp_your_personal_access_token_here'
+    return Boolean(owner && repo && token && !isPlaceholder)
+}
+
+export async function createGitHubIssue(
+    issue: GitHubIssue,
+): Promise<CreateIssueResponse> {
+    const { owner, repo, token } = getGitHubConfig()
+
+    if (!owner || !repo || !token) {
+        throw new Error(
+            'GitHub configuration is incomplete. Call configureGitHub() or set VITE_GITHUB_* env vars.',
+        )
+    }
+
+    const response = await fetch(
+        `https://api.github.com/repos/${owner}/${repo}/issues`,
+        {
+            method: 'POST',
+            headers: {
+                Accept: 'application/vnd.github+json',
+                Authorization: `Bearer ${token}`,
+                'X-GitHub-Api-Version': '2022-11-28',
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({
+                title: issue.title,
+                body: issue.body,
+                labels: issue.labels || [],
+            }),
+        },
+    )
+
+    if (!response.ok) {
+        const error = await response
+            .json()
+            .catch(() => ({ message: 'Unknown error' }))
+        throw new Error(
+            `Failed to create issue: ${error.message || response.statusText}`,
+        )
+    }
+
+    return response.json()
+}
+
+export async function getRepositoryLabels(): Promise<GitHubLabel[]> {
+    const { owner, repo, token } = getGitHubConfig()
+
+    if (!owner || !repo || !token) return []
+
+    try {
+        const response = await fetch(
+            `https://api.github.com/repos/${owner}/${repo}/labels`,
+            {
+                headers: {
+                    Accept: 'application/vnd.github+json',
+                    Authorization: `Bearer ${token}`,
+                    'X-GitHub-Api-Version': '2022-11-28',
+                },
+            },
+        )
+
+        if (!response.ok) return []
+        return response.json()
+    } catch {
+        return []
+    }
+}
+
+export async function getGitHubIssues(
+    filter: IssueFilter = 'all',
+    state: 'open' | 'closed' | 'all' = 'open',
+): Promise<GitHubIssueListItem[]> {
+    const { owner, repo, token } = getGitHubConfig()
+
+    if (!owner || !repo || !token) return []
+
+    try {
+        const params = new URLSearchParams({
+            state,
+            per_page: '50',
+            sort: 'updated',
+            direction: 'desc',
+        })
+
+        if (filter !== 'all') {
+            params.set('labels', filter)
+        }
+
+        const response = await fetch(
+            `https://api.github.com/repos/${owner}/${repo}/issues?${params.toString()}`,
+            {
+                headers: {
+                    Accept: 'application/vnd.github+json',
+                    Authorization: `Bearer ${token}`,
+                    'X-GitHub-Api-Version': '2022-11-28',
+                },
+            },
+        )
+
+        if (!response.ok) return []
+
+        const issues: GitHubIssueListItem[] = await response.json()
+        return issues.filter((issue) => !('pull_request' in issue))
+    } catch {
+        return []
+    }
+}
+
+export function generateContextInfo(): string {
+    const lines: string[] = [
+        '---',
+        '### Context',
+        '',
+        `**Page URL:** ${window.location.href}`,
+        `**Timestamp:** ${new Date().toISOString()}`,
+        `**User Agent:** ${navigator.userAgent}`,
+        `**Branch:** ${getGitHubConfig().branch ?? 'main'}`,
+    ]
+
+    if (typeof window !== 'undefined') {
+        lines.push(`**Screen:** ${window.innerWidth}x${window.innerHeight}`)
+    }
+
+    return lines.join('\n')
+}
+
+export function getIssueType(
+    issue: GitHubIssueListItem,
+): 'bug' | 'feature' | 'other' {
+    const labelNames = issue.labels.map((l) => l.name.toLowerCase())
+    if (labelNames.includes('bug')) return 'bug'
+    if (labelNames.includes('enhancement') || labelNames.includes('feature'))
+        return 'feature'
+    return 'other'
+}
+
+export function formatRelativeTime(dateString: string): string {
+    const date = new Date(dateString)
+    const now = new Date()
+    const diffMs = now.getTime() - date.getTime()
+    const diffMins = Math.floor(diffMs / 60000)
+    const diffHours = Math.floor(diffMs / 3600000)
+    const diffDays = Math.floor(diffMs / 86400000)
+
+    if (diffMins < 1) return 'just now'
+    if (diffMins < 60) return `${diffMins}m ago`
+    if (diffHours < 24) return `${diffHours}h ago`
+    if (diffDays < 7) return `${diffDays}d ago`
+    return date.toLocaleDateString()
+}

package/packages/devtools/solidjs/tsconfig.json

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