@taui-standard/ink-adapter 0.0.1 → 1.0.2

package/examples/interactive-dashboard/package.json

@@ -1,15 +1,17 @@
 {
   "name": "example-dashboard",
   "version": "1.0.0",
+  "author": "Tariq Shams",
+  "license": "Apache-2.0",
   "private": true,
   "type": "module",
   "scripts": {
     "start": "tsx index.ts"
   },
   "dependencies": {
-    "@taui-standard/core": "0.0.1",
-    "@taui-standard/ink-adapter": "0.0.1",
-    "@taui-standard/validator": "0.0.1",
+    "@taui-standard/core": "1.0.2",
+    "@taui-standard/ink-adapter": "1.0.2",
+    "@taui-standard/validator": "1.0.2",
     "tsx": "^4.7.0"
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taui-standard/ink-adapter",
-  "version": "0.0.1",
+  "version": "1.0.2",
   "type": "module",
   "description": "Ink adapter for Terminal Agent UI (TAUI)",
   "main": "dist/index.js",
@@ -14,8 +14,8 @@
   "author": "Tariq Shams",
   "license": "Apache-2.0",
   "dependencies": {
-    "@taui-standard/core": "^0.0.1",
-    "@taui-standard/validator": "^0.0.1",
+    "@taui-standard/core": "^1.0.2",
+    "@taui-standard/validator": "^1.0.2",
     "ink": "^5.0.0",
     "ink-text-input": "^6.0.0",
     "react": "^18.2.0"

package/src/renderer.tsx

@@ -29,14 +29,24 @@ export const TAUIBox: React.FC<RendererProps> = ({ node, runtime }) => {
   if (!['Box', 'Row', 'Column', 'Grid', 'Panel'].includes(node.type)) return null;
 
   const flexDirection = node.type === 'Row' ? 'row' : 'column';
-  const borderStyle = node.type === 'Panel' ? (node.borderStyle || 'single') : undefined;
+  let borderStyle: any = node.type === 'Panel' ? (node.borderStyle || 'single') : undefined;
+  
+  // Map TAUI spec names to Ink names
+  if (borderStyle === 'rounded') borderStyle = 'round';
+  if (borderStyle === 'none') borderStyle = undefined;
+  
+  // Ensure it's a valid Ink border style string
+  const validStyles = ['single', 'double', 'round', 'bold', 'singleDouble', 'doubleSingle', 'classic'];
+  if (borderStyle && !validStyles.includes(borderStyle)) {
+    borderStyle = 'single';
+  }
 
   return (
     <Box 
       flexDirection={flexDirection}
       padding={typeof node.padding === 'number' ? node.padding : undefined}
       gap={node.gap}
-      borderStyle={borderStyle === 'none' ? undefined : borderStyle as any}
+      borderStyle={borderStyle as any}
     >
       {node.type === 'Panel' && node.title && (
         <Box position="absolute" marginTop={-1} marginLeft={1} paddingX={1}>
@@ -143,6 +153,45 @@ export const TAUIKeyBinding: React.FC<RendererProps> = ({ node, runtime }) => {
   return null;
 };
 
+export const TAUITable: React.FC<RendererProps> = ({ node }) => {
+  if (node.type !== 'Table') return null;
+  const headers = node.headers || [];
+  const rows = node.rows || [];
+
+  return (
+    <Box flexDirection="column" borderStyle="single" paddingX={1}>
+      <Box flexDirection="row" borderStyle="single" borderBottom>
+        {headers.map((h: string, i: number) => (
+          <Box key={i} flexGrow={1} minWidth={10}>
+            <Text bold color="cyan">{h}</Text>
+          </Box>
+        ))}
+      </Box>
+      {rows.map((row: string[], i: number) => (
+        <Box key={i} flexDirection="row">
+          {row.map((cell: string, j: number) => (
+            <Box key={j} flexGrow={1} minWidth={10}>
+              <Text>{cell}</Text>
+            </Box>
+          ))}
+        </Box>
+      ))}
+    </Box>
+  );
+};
+
+export const TAUILog: React.FC<RendererProps> = ({ node }) => {
+  if (node.type !== 'Log') return null;
+  const lines = node.lines || [];
+  return (
+    <Box flexDirection="column" borderStyle="single" paddingX={1}>
+      {lines.slice(-(node.maxLines || 100)).map((line: string, i: number) => (
+        <Text key={i}>{line}</Text>
+      ))}
+    </Box>
+  );
+};
+
 export const TAUIRenderer: React.FC<RendererProps> = (props) => {
   const { node } = props;
   switch (node.type) {
@@ -160,6 +209,10 @@ export const TAUIRenderer: React.FC<RendererProps> = (props) => {
       return <TAUIInput {...props} />;
     case 'Progress':
       return <TAUIProgress {...props} />;
+    case 'Table':
+      return <TAUITable {...props} />;
+    case 'Log':
+      return <TAUILog {...props} />;
     case 'KeyBinding':
       return <TAUIKeyBinding {...props} />;
     default: