@@ -6,46 +6,47 @@ import { FileText, Robot, ArrowsClockwise, ChartBar, PaintBrush, Lightning, File
66
77export default function Home ( ) {
88 const exampleOSF = `@meta {
9- title: "Q2 Business Review";
9+ title: "Q4 Business Review";
1010 author: "Your Team";
11- date: "2025-01-15 ";
11+ date: "2025-10-16 ";
1212 theme: "Corporate";
1313}
1414
1515@doc {
1616 # Executive Summary
1717
18- Our Q2 performance exceeded expectations with **15 % revenue growth**
18+ Our Q4 performance exceeded expectations with **20 % revenue growth**
1919 and significant improvements in customer retention.
2020
21- ## NEW in v1.1
22- - ~~Old text~~ **Strikethrough support**
23- - Ordered lists and blockquotes
24- - Enhanced security (XSS prevention)
21+ ## NEW in v1.2 🎉
22+ - **@table blocks** - Markdown-style tables
23+ - **@include** - Modular document composition
24+ - Enhanced security (Grade A+)
25+ }
26+
27+ @table {
28+ caption: "Regional Performance";
29+ style: "bordered";
30+ alignment: ["left", "right", "right", "center"];
31+
32+ | Region | Q3 Revenue | Q4 Revenue | Growth |
33+ | --- | --- | --- | --- |
34+ | North America | $975K | $1,150K | +18% ↗ |
35+ | Europe | $748K | $880K | +17% ↗ |
36+ | Asia Pacific | $477K | $592K | +24% ↗ |
2537}
2638
2739@slide {
2840 title: "Key Metrics";
2941 layout: TitleAndBullets;
3042 bullets {
31- "💰 Revenue grew 15 % to $2.3M ";
32- "👥 Customer churn decreased to 3 %";
33- "🚀 Launched 3 major features";
43+ "💰 Revenue grew 20 % to $2.6M ";
44+ "👥 Customer churn decreased to 2 %";
45+ "🚀 Launched @table and @include features";
3446 }
3547}
3648
37- @sheet {
38- name: "Regional Performance";
39- cols: [Region, Q1, Q2, Growth];
40- data {
41- (2,1)="North America"; (2,2)=850000; (2,3)=975000;
42- (3,1)="Europe"; (3,2)=650000; (3,3)=748000;
43- (4,1)="Asia Pacific"; (4,2)=400000; (4,3)=477000;
44- }
45- formula (2,4): "=(C2-B2)/B2*100";
46- formula (3,4): "=(C3-B3)/B3*100";
47- formula (4,4): "=(C4-B4)/B4*100";
48- }`
49+ @include { path: "./sections/financial-details.osf"; }`
4950
5051 return (
5152 < div className = "min-h-screen" >
@@ -70,7 +71,7 @@ export default function Home() {
7071 < section className = "min-h-screen flex items-center justify-center bg-noir-white pt-20" >
7172 < div className = "container-noir text-center py-20" >
7273 < div className = "inline-block px-4 py-2 bg-green-100 border-2 border-green-600 mb-8" >
73- < span className = "font-mono text-sm font-bold text-green-800" > v1.1 .0 • Enhanced Features & Security </ span >
74+ < span className = "font-mono text-sm font-bold text-green-800" > v1.2 .0 • Tables, Includes & Security A + </ span >
7475 </ div >
7576
7677 < h1 className = "font-sans text-display-xl mb-8 tracking-tight" >
@@ -84,7 +85,7 @@ export default function Home() {
8485 < p className = "font-mono text-body-md text-gray-500 max-w-2xl mx-auto mb-12" >
8586 One format. Infinite outputs. Infinite possibilities.
8687 < br />
87- Documents • Slides • Spreadsheets • Charts • Diagrams • Code
88+ Documents • Slides • Spreadsheets • < strong className = "text-green-600" > Tables </ strong > • < strong className = "text-green-600" > Modular </ strong > • Charts
8889 </ p >
8990
9091 < div className = "flex items-center justify-center gap-4 mb-16" >
@@ -162,7 +163,7 @@ export default function Home() {
162163 } ,
163164 {
164165 title : 'Rich Styling' ,
165- description : '10 professional themes. Bold, italic, code formatting. Tables, lists, and more.' ,
166+ description : '10 professional themes. Tables with alignment. Bold, italic, code formatting. Lists and more.' ,
166167 icon : < PaintBrush size = { 48 } weight = "duotone" />
167168 } ,
168169 {
@@ -192,7 +193,7 @@ export default function Home() {
192193 See It In Action
193194 </ h2 >
194195 < p className = "font-mono text-body-md text-gray-600 text-center max-w-2xl mx-auto mb-16" >
195- One OSF file combines documents, slides, and spreadsheets with live formulas .
196+ One OSF file combines documents, slides, tables, and modular includes — all in plain text .
196197 </ p >
197198
198199 < div className = "max-w-4xl mx-auto" >
@@ -245,7 +246,7 @@ export default function Home() {
245246 < Terminal >
246247 < div className = "flex items-center gap-2" >
247248 < span className = "text-gray-500" > $</ span >
248- < span > npm install -g omniscript-cli</ span >
249+ < span > npm install -g omniscript-cli@1.2.1 </ span >
249250 </ div >
250251 </ Terminal >
251252 </ div >
@@ -313,9 +314,9 @@ export default function Home() {
313314 < div >
314315 < div className = "font-mono font-bold text-sm mb-4" > Packages</ div >
315316 < ul className = "space-y-2 font-mono text-sm text-gray-400" >
316- < li > < span className = "hover:text-noir-white" > omniscript-parser</ span > </ li >
317- < li > < span className = "hover:text-noir-white" > omniscript-cli</ span > </ li >
318- < li > < span className = "hover:text-noir-white" > omniscript-converters</ span > </ li >
317+ < li > < span className = "hover:text-noir-white" > omniscript-parser@1.2.0 </ span > </ li >
318+ < li > < span className = "hover:text-noir-white" > omniscript-cli@1.2.1 </ span > </ li >
319+ < li > < span className = "hover:text-noir-white" > omniscript-converters@1.2.0 </ span > </ li >
319320 </ ul >
320321 </ div >
321322 </ div >
0 commit comments