Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion components/Code.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@ import React, { useContext } from 'react';
import classnames from 'classnames';
import { BlockContext, BlockContextValue } from '~/context';

export default function Code({ children }: { children: any }) {
export default function Code({ children }: { children: React.ReactNode }) {
// eslint-disable-next-line react-hooks/rules-of-hooks
const blockContext = useContext(BlockContext);
return (
Expand Down
123 changes: 70 additions & 53 deletions components/DocTable.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -3,16 +3,25 @@ import React from 'react';
import Link from 'next/link';
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';

interface Author {
name: string;
photo?: string;
}

interface DocTableProps {
frontmatter: {
Specification: string;
Published: string;
authors: string[];
Metaschema: string;
Specification?: string;
Published?: string;
authors?: (string | Author)[];
Metaschema?: string;
};
}

const DocTable = ({ frontmatter }: DocTableProps) => {
const authors = frontmatter.authors ?? [];
const getAuthorName = (author: string | Author): string =>
typeof author === 'string' ? author : author.name;

return (
<Card className='w-full overflow-hidden py-0 border-2 border-primary shadow-lg gap-0'>
<CardHeader className='bg-primary text-primary-foreground p-2 rounded-none'>
Expand All @@ -22,63 +31,71 @@ const DocTable = ({ frontmatter }: DocTableProps) => {
</CardHeader>
<CardContent className='p-0'>
<div className='bg-[#e2e8f0] dark:bg-[#0f172a]'>
<div className='border-b border-border'>
<div className='flex'>
<div className='w-1/3 p-4 font-semibold text-base text-[#334155] dark:text-slate-300'>
Specification
</div>
<div className='w-2/3 p-4'>
<Link
href={frontmatter.Specification}
className='text-primary hover:underline dark:text-blue-400'
target='_blank'
rel='noopener noreferrer'
>
{frontmatter.Specification}
</Link>
{frontmatter.Specification && (
<div className='border-b border-border'>
<div className='flex'>
<div className='w-1/3 p-4 font-semibold text-base text-[#334155] dark:text-slate-300'>
Specification
</div>
<div className='w-2/3 p-4'>
<Link
href={frontmatter.Specification}
className='text-primary hover:underline dark:text-blue-400'
target='_blank'
rel='noopener noreferrer'
>
{frontmatter.Specification}
</Link>
</div>
</div>
</div>
</div>
<div className='border-b border-border'>
<div className='flex'>
<div className='w-1/3 p-4 font-semibold text-base text-[#334155] dark:text-slate-300'>
Published
)}
{frontmatter.Published && (
<div className='border-b border-border'>
<div className='flex'>
<div className='w-1/3 p-4 font-semibold text-base text-[#334155] dark:text-slate-300'>
Published
</div>
<div className='w-2/3 p-4'>{frontmatter.Published}</div>
</div>
<div className='w-2/3 p-4'>{frontmatter.Published}</div>
</div>
</div>
<div className='border-b border-border'>
<div className='flex'>
<div className='w-1/3 p-4 font-semibold text-base text-[#334155] dark:text-slate-300'>
Authors
</div>
<div className='w-2/3 p-4'>
{frontmatter.authors.map((author: string, index: number) => (
<span key={index}>
{author}
{index < frontmatter.authors.length - 1 ? ', ' : ''}
</span>
))}
)}
{authors.length > 0 && (
<div className='border-b border-border'>
<div className='flex'>
<div className='w-1/3 p-4 font-semibold text-base text-[#334155] dark:text-slate-300'>
Authors
</div>
<div className='w-2/3 p-4'>
{authors.map((author, index: number) => (
<span key={index}>
{getAuthorName(author)}
{index < authors.length - 1 ? ', ' : ''}
</span>
))}
</div>
</div>
</div>
</div>
<div>
<div className='flex'>
<div className='w-1/3 p-4 font-semibold text-base text-[#334155] dark:text-slate-300'>
Metaschema
</div>
<div className='w-2/3 p-4'>
<Link
href={frontmatter.Metaschema}
className='text-primary hover:underline dark:text-blue-400'
target='_blank'
rel='noopener noreferrer'
>
{frontmatter.Metaschema}
</Link>
)}
{frontmatter.Metaschema && (
<div>
<div className='flex'>
<div className='w-1/3 p-4 font-semibold text-base text-[#334155] dark:text-slate-300'>
Metaschema
</div>
<div className='w-2/3 p-4'>
<Link
href={frontmatter.Metaschema}
className='text-primary hover:underline dark:text-blue-400'
target='_blank'
rel='noopener noreferrer'
>
{frontmatter.Metaschema}
</Link>
</div>
</div>
</div>
</div>
)}
</div>
</CardContent>
</Card>
Expand Down
18 changes: 14 additions & 4 deletions components/GettingStarted.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -9,13 +9,21 @@ async function fetchData() {
const response = await fetch('/data/getting-started-examples.json');
const data = await response.json();

const defaultSchemaData = data.find((data: any) => data.default === true);
const defaultSchemaData = data.find(
(data: { default?: boolean; file: string; instances: unknown[] }) =>
data.default === true,
);

const schemaResp = await fetch(defaultSchemaData.file);
const schemaData = await schemaResp.json();

const defaultInstanceData = defaultSchemaData.instances.find(
(instance: any) => instance.default === true,
(instance: {
default?: boolean;
file: string;
details: string;
valid: string;
}) => instance.default === true,
);

const instanceResp = await fetch(defaultInstanceData.file);
Expand All @@ -31,11 +39,13 @@ async function fetchData() {
}

interface SchemaOption {
name: string;
file: string;
instances: InstanceOption[];
}

interface InstanceOption {
name: string;
file: string;
details: string;
valid: string;
Expand Down Expand Up @@ -139,7 +149,7 @@ const GettingStarted = () => {
id='Examples'
onChange={handleSchemaChange}
>
{options.map((option: any, id: number) => (
{options.map((option, id) => (
<option key={id} value={option.file}>
{option.name}
</option>
Expand Down Expand Up @@ -194,7 +204,7 @@ const GettingStarted = () => {
id='Examples'
onChange={handleInstanceChange}
>
{instances.map((instance: any, id: number) => (
{instances.map((instance, id) => (
<option key={id} value={instance.file}>
{instance.name}
</option>
Expand Down
Loading
Loading