0x-lang 0.1.19 → 0.1.21

package/dist/react/kanban.jsx

@@ -0,0 +1,93 @@
+// Generated by 0x
+import React, { useEffect, useMemo, useState } from 'react';
+
+export default function Kanban() {
+  const [tasks, setTasks] = useState([]);
+  const [newTask, setNewTask] = useState('');
+  const todoTasks = useMemo(() => setTasks(prev => prev.filter(t => t.status == 'todo')), [tasks]);
+  const doingTasks = useMemo(() => setTasks(prev => prev.filter(t => t.status == 'doing')), [tasks]);
+  const doneTasks = useMemo(() => setTasks(prev => prev.filter(t => t.status == 'done')), [tasks]);
+  const totalCount = useMemo(() => tasks.length, [tasks]);
+  useEffect(() => {
+    setTasks(prev => [...prev, { id: 1, title: 'Design mockups', status: 'todo' }]);
+    setTasks(prev => [...prev, { id: 2, title: 'Set up database', status: 'doing' }]);
+    setTasks(prev => [...prev, { id: 3, title: 'Write API docs', status: 'done' }]);
+  }, []);
+  const addTask = () => {
+    if (newTask.trim() != '') {
+      setTasks(prev => [...prev, { id: Date.now(), title: newTask, status: 'todo' }]);
+    setNewTask('');
+    }
+  };
+  const moveTask = (id, newStatus) => {
+    task = tasks.find(t => t.id == id);
+    if (task) {
+      task.status = newStatus;
+    }
+  };
+  const deleteTask = (id) => {
+    setTasks(setTasks(prev => prev.filter(t => t.id != id)));
+  };
+
+  return (
+    <div style={{ display: 'flex', flexDirection: 'column', gap: '24px', padding: '32px' }}>
+{/* Header */}
+<div style={{ display: 'flex', flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
+<span style={{ fontSize: '40px', fontWeight: 'bold' }}>Kanban Board</span>
+<span style={{ fontSize: '20px', color: ''#666'' }}>{totalCount} tasks</span>
+</div>
+{/* Add Task */}
+<div style={{ display: 'flex', flexDirection: 'row', gap: '8px' }}>
+<input value={newTask} onChange={e => setNewTask(e.target.value)} placeholder="New task..." />
+<button onClick={() => addTask()} className="primary">Add</button>
+</div>
+{/* Board Columns */}
+<div style={{ display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', gap: '16px' }}>
+{/* Todo Column */}
+<div style={{ display: 'flex', flexDirection: 'column', gap: '12px', padding: '16px', borderRadius: '12px', backgroundColor: ''#f0f0f0'' }}>
+<span style={{ fontSize: '20px', fontWeight: 'bold', color: ''#e74c3c'' }}>To Do ({todoTasks.length})</span>
+{todoTasks.map((task) => (
+<TaskCard {...task} />
+))}
+</div>
+{/* Doing Column */}
+<div style={{ display: 'flex', flexDirection: 'column', gap: '12px', padding: '16px', borderRadius: '12px', backgroundColor: ''#f0f0f0'' }}>
+<span style={{ fontSize: '20px', fontWeight: 'bold', color: ''#f39c12'' }}>In Progress ({doingTasks.length})</span>
+{doingTasks.map((task) => (
+<TaskCard {...task} />
+))}
+</div>
+{/* Done Column */}
+<div style={{ display: 'flex', flexDirection: 'column', gap: '12px', padding: '16px', borderRadius: '12px', backgroundColor: ''#f0f0f0'' }}>
+<span style={{ fontSize: '20px', fontWeight: 'bold', color: ''#27ae60'' }}>Done ({doneTasks.length})</span>
+{doneTasks.map((task) => (
+<TaskCard {...task} />
+))}
+</div>
+</div>
+</div>
+  );
+}
+
+// Generated by 0x
+import React from 'react';
+
+function TaskCard({ task }) {
+
+  return (
+    <div style={{ display: 'flex', flexDirection: 'column', gap: '8px', padding: '16px', borderRadius: '8px', boxShadow: '0 1px 2px rgba(0,0,0,0.1)', backgroundColor: 'white' }}>
+<span style={{ fontSize: '16px' }}>{task.title}</span>
+<div style={{ display: 'flex', flexDirection: 'row', gap: '4px' }}>
+{task.status != 'doing' && (
+<button onClick={() => moveTask(task.id, 'doing')}>Start</button>
+)}
+{task.status != 'done' && (
+<button onClick={() => moveTask(task.id, 'done')} className="primary">Done</button>
+)}
+<button onClick={() => deleteTask(task.id)} className="danger">Delete</button>
+</div>
+</div>
+  );
+}
+
+export { TaskCard };

package/dist/react/saas-landing.jsx

@@ -0,0 +1,91 @@
+// Generated by 0x
+import React, { useEffect, useState } from 'react';
+
+export default function SaasLanding() {
+  const [features, setFeatures] = useState([]);
+  useEffect(() => {
+    setFeatures(prev => [...prev, { title: 'Fast', desc: 'Lightning fast builds in seconds', icon: 'rocket.png' }]);
+    setFeatures(prev => [...prev, { title: 'Secure', desc: 'Enterprise-grade security built in', icon: 'shield.png' }]);
+    setFeatures(prev => [...prev, { title: 'Scalable', desc: 'Scales from startup to enterprise', icon: 'chart.png' }]);
+  }, []);
+
+  return (
+    <div style={{ display: 'flex', flexDirection: 'column' }}>
+{/* Nav */}
+<div style={{ display: 'flex', flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', padding: '24px', backgroundColor: 'white', boxShadow: '0 1px 2px rgba(0,0,0,0.1)' }}>
+<span style={{ fontSize: '24px', fontWeight: 'bold', color: ''#333'' }}>LaunchPad</span>
+<div style={{ display: 'flex', flexDirection: 'row', gap: '24px', alignItems: 'center' }}>
+<a href={'#features'}>Features</a>
+<a href={'#pricing'}>Pricing</a>
+<button onClick={() => navigate('/signup')} className="primary">Get Started</button>
+</div>
+</div>
+{/* Hero */}
+<div style={{ display: 'flex', flexDirection: 'column', gap: '16px', padding: '64px', alignItems: 'center', backgroundColor: ''#f8f9fa'' }}>
+<span style={{ fontSize: '4xlpx', fontWeight: 'bold' }}>Build Products Faster</span>
+<span style={{ fontSize: '20px', color: ''#666'' }}>The all-in-one platform for modern teams to ship great software.</span>
+<div style={{ display: 'flex', flexDirection: 'row', gap: '12px', alignItems: 'center' }}>
+<button onClick={() => navigate('/signup')} className="primary">Start Free</button>
+<button onClick={() => navigate('/docs')} className="outline">Learn More</button>
+</div>
+</div>
+{/* Features */}
+<div style={{ display: 'flex', flexDirection: 'column', gap: '24px', padding: '48px' }}>
+<span style={{ fontSize: '40px', fontWeight: 'bold', textAlign: 'center' }}>Features</span>
+<div style={{ display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', gap: '24px' }}>
+{features.map((feature) => (
+<div style={{ display: 'flex', flexDirection: 'column', gap: '12px', padding: '24px', borderRadius: '12px', boxShadow: '0 4px 6px rgba(0,0,0,0.1)', backgroundColor: 'white', alignItems: 'center' }}>
+<img src={feature.icon} width="64" height="64" />
+<span style={{ fontSize: '24px', fontWeight: 'bold' }}>{feature.title}</span>
+<span style={{ color: ''#666'', textAlign: 'center' }}>{feature.desc}</span>
+</div>
+))}
+</div>
+</div>
+{/* Pricing */}
+<div style={{ display: 'flex', flexDirection: 'column', gap: '24px', padding: '48px', backgroundColor: ''#f8f9fa'' }}>
+<span style={{ fontSize: '40px', fontWeight: 'bold', textAlign: 'center' }}>Pricing</span>
+<div style={{ display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', gap: '24px' }}>
+{/* Starter */}
+<div style={{ display: 'flex', flexDirection: 'column', gap: '16px', padding: '32px', borderRadius: '12px', boxShadow: '0 4px 6px rgba(0,0,0,0.1)', backgroundColor: 'white', alignItems: 'center' }}>
+<span style={{ fontSize: '24px', fontWeight: 'bold' }}>Starter</span>
+<span style={{ fontSize: '40px', fontWeight: 'bold', color: ''#333'' }}>$0/mo</span>
+<span style={{ fontSize: '14px', color: ''#666'' }}>1 project</span>
+<span style={{ fontSize: '14px', color: ''#666'' }}>1GB storage</span>
+<span style={{ fontSize: '14px', color: ''#666'' }}>Community support</span>
+<button onClick={() => navigate('/signup')} className="outline">Get Started</button>
+</div>
+{/* Pro */}
+<div style={{ display: 'flex', flexDirection: 'column', gap: '16px', padding: '32px', borderRadius: '12px', boxShadow: '0 4px 6px rgba(0,0,0,0.1)', backgroundColor: 'white', alignItems: 'center' }}>
+<span style={{ fontSize: '24px', fontWeight: 'bold' }}>Pro</span>
+<span style={{ fontSize: '40px', fontWeight: 'bold', color: ''#333'' }}>$29/mo</span>
+<span style={{ fontSize: '14px', color: ''#666'' }}>10 projects</span>
+<span style={{ fontSize: '14px', color: ''#666'' }}>50GB storage</span>
+<span style={{ fontSize: '14px', color: ''#666'' }}>Priority support</span>
+<span style={{ fontSize: '14px', color: ''#666'' }}>API access</span>
+<button onClick={() => navigate('/signup')} className="primary">Choose Pro</button>
+</div>
+{/* Enterprise */}
+<div style={{ display: 'flex', flexDirection: 'column', gap: '16px', padding: '32px', borderRadius: '12px', boxShadow: '0 4px 6px rgba(0,0,0,0.1)', backgroundColor: 'white', alignItems: 'center' }}>
+<span style={{ fontSize: '24px', fontWeight: 'bold' }}>Enterprise</span>
+<span style={{ fontSize: '40px', fontWeight: 'bold', color: ''#333'' }}>$99/mo</span>
+<span style={{ fontSize: '14px', color: ''#666'' }}>Unlimited projects</span>
+<span style={{ fontSize: '14px', color: ''#666'' }}>1TB storage</span>
+<span style={{ fontSize: '14px', color: ''#666'' }}>24/7 support</span>
+<span style={{ fontSize: '14px', color: ''#666'' }}>Custom integrations</span>
+<button onClick={() => navigate('/contact')} className="primary">Contact Sales</button>
+</div>
+</div>
+</div>
+{/* Footer */}
+<div style={{ display: 'flex', flexDirection: 'row', justifyContent: 'space-between', padding: '32px', backgroundColor: ''#333'' }}>
+<span style={{ color: 'white' }}>LaunchPad Inc.</span>
+<div style={{ display: 'flex', flexDirection: 'row', gap: '16px' }}>
+<a href={'/privacy'}>Privacy</a>
+<a href={'/terms'}>Terms</a>
+<a href={'/contact'}>Contact</a>
+</div>
+</div>
+</div>
+  );
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "0x-lang",
-  "version": "0.1.19",
+  "version": "0.1.21",
   "description": "0x — AI-First Programming Language Compiler",
   "type": "module",
   "main": "./dist/index.js",
@@ -67,6 +67,8 @@
   "dependencies": {
     "@jridgewell/gen-mapping": "^0.3.13",
     "@modelcontextprotocol/sdk": "^1.12.1",
+    "vscode-languageserver": "^9.0.1",
+    "vscode-languageserver-textdocument": "^1.0.12",
     "zod": "^3.24.0"
   },
   "devDependencies": {