@seed-design/cli 1.2.2 → 1.4.0-alpha.0

package/src/utils/fetch.ts

@@ -7,15 +7,38 @@ import {
   publicRegistryItemSchema,
   type PublicAvailableRegistries,
   publicAvailableRegistriesSchema,
+  type DocsIndex,
+  docsIndexSchema,
 } from "@/src/schema";
+import { CliError } from "@/src/utils/error";
+
+export async function fetchDocsIndex({ baseUrl }: { baseUrl: string }): Promise<DocsIndex> {
+  const response = await fetch(`${baseUrl}/__docs__/index.json`);
+
+  if (!response.ok)
+    throw new CliError({
+      message: `문서 목록을 가져오지 못했어요: ${response.status} ${response.statusText}`,
+    });
+
+  const data = await response.json();
+  const { success, data: parsed, error } = docsIndexSchema.safeParse(data);
+
+  if (!success)
+    throw new CliError({
+      message: `문서 목록 파싱에 실패했어요: ${error?.message}`,
+    });
+
+  return parsed;
+}
 
 export async function fetchAvailableRegistries({
   baseUrl,
+  framework,
 }: {
   baseUrl: string;
+  framework: string;
 }): Promise<PublicAvailableRegistries> {
-  // TODO: make this file public
-  const response = await fetch(`${baseUrl}/__registry__/index.json`);
+  const response = await fetch(`${baseUrl}/__registry__/${framework}/index.json`);
 
   if (!response.ok)
     throw new Error(`Failed to fetch registries: ${response.status} ${response.statusText}`);
@@ -34,12 +57,14 @@ export async function fetchAvailableRegistries({
 
 export async function fetchRegistry({
   baseUrl,
+  framework,
   registryId,
 }: {
   baseUrl: string;
+  framework: string;
   registryId: PublicRegistry["id"];
 }): Promise<PublicRegistry> {
-  const response = await fetch(`${baseUrl}/__registry__/${registryId}/index.json`);
+  const response = await fetch(`${baseUrl}/__registry__/${framework}/${registryId}/index.json`);
 
   if (!response.ok)
     throw new Error(
@@ -56,14 +81,18 @@ export async function fetchRegistry({
 
 async function fetchRegistryItem({
   baseUrl,
+  framework,
   registryId,
   registryItemId,
 }: {
   baseUrl: string;
+  framework: string;
   registryId: PublicRegistry["id"];
   registryItemId: PublicRegistryItem["id"];
 }): Promise<PublicRegistryItem> {
-  const response = await fetch(`${baseUrl}/__registry__/${registryId}/${registryItemId}.json`);
+  const response = await fetch(
+    `${baseUrl}/__registry__/${framework}/${registryId}/${registryItemId}.json`,
+  );
 
   if (!response.ok) {
     throw new Error(`Failed to fetch ${registryItemId}: ${response.status} ${response.statusText}`);
@@ -81,20 +110,24 @@ async function fetchRegistryItem({
 
 export async function fetchRegistryItems({
   baseUrl,
+  framework,
   registryId,
   registryItemIds,
 }: {
   baseUrl: string;
+  framework: string;
   registryId: PublicRegistry["id"];
   registryItemIds: PublicRegistryItem["id"][];
 }): Promise<PublicRegistryItem[]> {
   return await Promise.all(
     registryItemIds.map(async (itemId) => {
       try {
-        return await fetchRegistryItem({ baseUrl, registryId, registryItemId: itemId });
+        return await fetchRegistryItem({ baseUrl, framework, registryId, registryItemId: itemId });
       } catch (error) {
         // show available registry items in the registry
-        const response = await fetch(`${baseUrl}/__registry__/${registryId}/index.json`);
+        const response = await fetch(
+          `${baseUrl}/__registry__/${framework}/${registryId}/index.json`,
+        );
 
         if (!response.ok)
           throw new Error(

package/src/utils/get-config.ts

@@ -15,6 +15,7 @@ export const configSchema = z
     $schema: z.string().optional(),
     rsc: z.coerce.boolean().default(false),
     tsx: z.coerce.boolean().default(true),
+    framework: z.enum(["react", "lynx"]).default("react"),
     path: z.string(),
     telemetry: z.coerce.boolean().optional().default(true),
   })

package/src/utils/init-config.ts

@@ -3,17 +3,36 @@ import fs from "fs-extra";
 import path from "path";
 import { highlight } from "./color";
 import { CliCancelError } from "./error";
+import { getPackageInfo } from "./get-package-info";
 
 import type { Config } from "./get-config";
 
 export const DEFAULT_INIT_CONFIG: Config = {
   rsc: false,
   tsx: true,
+  framework: "react",
   path: "./seed-design",
   telemetry: true,
 };
 
-export async function promptInitConfig(): Promise<Config> {
+export function detectFramework(cwd: string): "react" | "lynx" {
+  try {
+    const pkg = getPackageInfo(cwd);
+    const allDeps = {
+      ...pkg.dependencies,
+      ...pkg.devDependencies,
+      ...pkg.peerDependencies,
+    };
+    if ("@lynx-js/react" in allDeps || "@seed-design/lynx-react" in allDeps) {
+      return "lynx";
+    }
+  } catch {}
+  return "react";
+}
+
+export async function promptInitConfig(cwd: string): Promise<Config> {
+  const detectedFramework = detectFramework(cwd);
+
   const group = await p.group(
     {
       tsx: () =>
@@ -26,6 +45,15 @@ export async function promptInitConfig(): Promise<Config> {
           message: `${highlight("React Server Components")}를 사용중이신가요?`,
           initialValue: DEFAULT_INIT_CONFIG.rsc,
         }),
+      framework: () =>
+        p.select({
+          message: `어떤 ${highlight("프레임워크")}를 사용하시나요?`,
+          initialValue: detectedFramework,
+          options: [
+            { value: "react" as const, label: "React" },
+            { value: "lynx" as const, label: "Lynx" },
+          ],
+        }),
       path: () =>
         p.text({
           message: `${highlight("seed-design 폴더")} 경로를 입력해주세요. (기본값은 프로젝트 루트에 생성됩니다.)`,

package/src/utils/write.ts

@@ -14,6 +14,7 @@ export async function writeRegistryItemSnippets({
   rootPath,
   cwd,
   baseUrl,
+  framework,
   config,
   onDiff,
 }: {
@@ -21,6 +22,7 @@ export async function writeRegistryItemSnippets({
   rootPath: string;
   cwd: string;
   baseUrl: string;
+  framework: string;
   config: Config;
   onDiff?: "overwrite" | "backup";
 }) {
@@ -33,6 +35,7 @@ export async function writeRegistryItemSnippets({
 
     const registryItems = await fetchRegistryItems({
       baseUrl,
+      framework,
       registryId,
       registryItemIds: items.map((i) => i.id),
     });