-
Notifications
You must be signed in to change notification settings - Fork 24
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- registry/example로 생성된걸 mdx에서 볼수있도록 해야할듯 - stackflow는 <StackflowExample name="" /> 같은게 필요하려나 - react는 <ReactExample name="" /> - 컴포넌트 젤 최상단에 있는건 preview <ComponentPreview name="" />
- Loading branch information
1 parent
4964aa8
commit 00f824c
Showing
23 changed files
with
168 additions
and
70 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,34 +1,34 @@ | ||
import type { ComponentMetadatas } from "../schemas/metadata"; | ||
import type { ComponentMetadataSchema } from "../schemas/component"; | ||
|
||
export const componentMetadatas: ComponentMetadatas = [ | ||
export const componentMetadatas: ComponentMetadataSchema[] = [ | ||
{ | ||
name: "alert-dialog", | ||
type: "component", | ||
innerDependencies: ["box-button"], | ||
snippets: ["alert-dialog.tsx"], | ||
snippets: ["component/alert-dialog.tsx"], | ||
}, | ||
{ | ||
name: "box-button", | ||
type: "component", | ||
dependencies: ["@radix-ui/react-slot"], | ||
snippets: ["box-button.tsx"], | ||
snippets: ["component/box-button.tsx"], | ||
}, | ||
{ | ||
name: "checkbox", | ||
type: "component", | ||
dependencies: ["@seed-design/react-checkbox"], | ||
snippets: ["checkbox.tsx"], | ||
snippets: ["component/checkbox.tsx"], | ||
}, | ||
{ | ||
name: "tabs", | ||
type: "component", | ||
dependencies: ["@seed-design/react-tabs"], | ||
snippets: ["tabs.tsx"], | ||
snippets: ["component/tabs.tsx"], | ||
}, | ||
{ | ||
name: "chip-tabs", | ||
type: "component", | ||
dependencies: ["@seed-design/react-tabs"], | ||
snippets: ["chip-tabs.tsx"], | ||
snippets: ["component/chip-tabs.tsx"], | ||
}, | ||
]; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,10 @@ | ||
import type { ExampleMetadataSchema } from "../schemas/example"; | ||
|
||
export const exampleMetadatas: ExampleMetadataSchema[] = [ | ||
{ | ||
name: "chip-tabs-stackflow-default", | ||
type: "stackflow", | ||
snippets: ["example/chip-tabs-stackflow-default.tsx"], | ||
innerDependencies: ["chip-tabs"], | ||
}, | ||
]; |
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
File renamed without changes.
13 changes: 13 additions & 0 deletions
13
component-docs/public/registry/example/chip-tabs-stackflow-default.json
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,13 @@ | ||
{ | ||
"name": "chip-tabs-stackflow-default", | ||
"innerDependencies": [ | ||
"chip-tabs" | ||
], | ||
"registries": [ | ||
{ | ||
"name": "chip-tabs-stackflow-default.tsx", | ||
"content": "import * as React from \"react\";\n\nimport { ChipTabs, ChipTabTrigger, ChipTabTriggerList } from \"@/seed-design/ui/chip-tabs\";\n\nimport type { ActivityComponentType } from \"@stackflow/react/future\";\nimport Layout from \"./ActivityLayout\";\n\ndeclare module \"@stackflow/config\" {\n interface Register {\n ChipTabsBasic: unknown;\n }\n}\n\nconst ChipTabsBasicActivity: ActivityComponentType<\"ChipTabsBasic\"> = () => {\n const [value, setValue] = React.useState(\"1\");\n\n const commonStyle = {\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n backgroundColor: \"#eeeeee\",\n height: \"100%\",\n };\n\n return (\n <Layout>\n <ChipTabs defaultValue=\"1\" value={value} onValueChange={(value) => setValue(value)}>\n <ChipTabTriggerList>\n <ChipTabTrigger value=\"1\">라벨1</ChipTabTrigger>\n <ChipTabTrigger value=\"2\">라벨2</ChipTabTrigger>\n <ChipTabTrigger value=\"3\">라벨3</ChipTabTrigger>\n </ChipTabTriggerList>\n </ChipTabs>\n {value === \"1\" && <div style={commonStyle}>content 1</div>}\n {value === \"2\" && <div style={commonStyle}>content 2</div>}\n {value === \"3\" && <div style={commonStyle}>content 3</div>}\n </Layout>\n );\n};\n\nexport default ChipTabsBasicActivity;\n\nChipTabsBasicActivity.displayName = \"ChipTabsBasicActivity\";\n" | ||
} | ||
], | ||
"type": "stackflow" | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,12 @@ | ||
[ | ||
{ | ||
"name": "chip-tabs-stackflow-default", | ||
"type": "stackflow", | ||
"snippets": [ | ||
"example/chip-tabs-stackflow-default.tsx" | ||
], | ||
"innerDependencies": [ | ||
"chip-tabs" | ||
] | ||
} | ||
] |
Empty file.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,29 @@ | ||
import { z } from "zod"; | ||
|
||
export const componentMetadataSchema = z.object({ | ||
name: z.string(), | ||
description: z.string().optional(), | ||
dependencies: z.array(z.string()).optional(), | ||
devDependencies: z.array(z.string()).optional(), | ||
innerDependencies: z.array(z.string()).optional(), | ||
snippets: z.array(z.string()), | ||
type: z.enum(["component"]), | ||
}); | ||
|
||
export const componentRegistrySchema = z.object({ | ||
name: z.string(), | ||
description: z.string().optional(), | ||
dependencies: z.array(z.string()).optional(), | ||
devDependencies: z.array(z.string()).optional(), | ||
innerDependencies: z.array(z.string()).optional(), | ||
registries: z.array( | ||
z.object({ | ||
name: z.string(), | ||
content: z.string(), | ||
}), | ||
), | ||
type: z.enum(["component"]), | ||
}); | ||
|
||
export type ComponentMetadataSchema = z.infer<typeof componentMetadataSchema>; | ||
export type ComponentRegistrySchema = z.infer<typeof componentRegistrySchema>; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,15 +1,28 @@ | ||
import { z } from "zod"; | ||
|
||
export const componentExampleSchema = z.object({ | ||
export const exampleMetadataSchema = z.object({ | ||
name: z.string(), | ||
dependencies: z.array(z.string()).optional(), | ||
devDependencies: z.array(z.string()).optional(), | ||
innerDependencies: z.array(z.string()).optional(), | ||
snippets: z.array(z.string()), | ||
type: z.enum(["stackflow", "react"]), | ||
}); | ||
|
||
export const componentExamplesSchema = z.array(componentExampleSchema); | ||
|
||
export type ComponentExample = z.infer<typeof componentExampleSchema>; | ||
export const exampleRegistrySchema = z.object({ | ||
name: z.string(), | ||
description: z.string().optional(), | ||
dependencies: z.array(z.string()).optional(), | ||
devDependencies: z.array(z.string()).optional(), | ||
innerDependencies: z.array(z.string()).optional(), | ||
registries: z.array( | ||
z.object({ | ||
name: z.string(), | ||
content: z.string(), | ||
}), | ||
), | ||
type: z.enum(["stackflow", "react"]), | ||
}); | ||
|
||
export type ComponentExamples = z.infer<typeof componentExamplesSchema>; | ||
export type ExampleMetadataSchema = z.infer<typeof exampleMetadataSchema>; | ||
export type ExampleRegistrySchema = z.infer<typeof exampleRegistrySchema>; |
This file was deleted.
Oops, something went wrong.
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
43 changes: 43 additions & 0 deletions
43
component-docs/snippets/example/chip-tabs-stackflow-default.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,43 @@ | ||
import * as React from "react"; | ||
|
||
import { ChipTabs, ChipTabTrigger, ChipTabTriggerList } from "@/seed-design/ui/chip-tabs"; | ||
|
||
import type { ActivityComponentType } from "@stackflow/react/future"; | ||
import Layout from "./ActivityLayout"; | ||
|
||
declare module "@stackflow/config" { | ||
interface Register { | ||
ChipTabsBasic: unknown; | ||
} | ||
} | ||
|
||
const ChipTabsBasicActivity: ActivityComponentType<"ChipTabsBasic"> = () => { | ||
const [value, setValue] = React.useState("1"); | ||
|
||
const commonStyle = { | ||
display: "flex", | ||
justifyContent: "center", | ||
alignItems: "center", | ||
backgroundColor: "#eeeeee", | ||
height: "100%", | ||
}; | ||
|
||
return ( | ||
<Layout> | ||
<ChipTabs defaultValue="1" value={value} onValueChange={(value) => setValue(value)}> | ||
<ChipTabTriggerList> | ||
<ChipTabTrigger value="1">라벨1</ChipTabTrigger> | ||
<ChipTabTrigger value="2">라벨2</ChipTabTrigger> | ||
<ChipTabTrigger value="3">라벨3</ChipTabTrigger> | ||
</ChipTabTriggerList> | ||
</ChipTabs> | ||
{value === "1" && <div style={commonStyle}>content 1</div>} | ||
{value === "2" && <div style={commonStyle}>content 2</div>} | ||
{value === "3" && <div style={commonStyle}>content 3</div>} | ||
</Layout> | ||
); | ||
}; | ||
|
||
export default ChipTabsBasicActivity; | ||
|
||
ChipTabsBasicActivity.displayName = "ChipTabsBasicActivity"; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters