JML • JSON से प्रेरित मार्कअप भाषा

क्या है – क्या नहीं है?

JML (JSON-Inspired Markup Language) एक नवीन मार्कअप भाषा है जो JSON संरचना और DSL से प्रेरित है, Ascoos OS और आधुनिक वेब के लिए डिज़ाइन की गई है।

इसका लक्ष्य पारंपरिक HTML का हल्का, सुरक्षित और उपयोग में आसान विकल्प प्रदान करना है, जिसमें AI-अनुकूलता, विकेंद्रीकरण (Web5) और न्यूनतम सिंटैक्स पर जोर दिया गया है।

संक्षेप में

यह है

JSON-प्रेरित DSL मार्कअप
मूल रूप से AST-आधारित
HTML से 16–40% छोटा
ज़ीरो-ट्रस्ट और XSS-सुरक्षित
WebAI / एजेंट्स के लिए आदर्श
पूर्ण UTF-8 मूल समर्थन
सेमैंटिक मैक्रोज़ और एक्सटेंशन के साथ

यह नहीं है

ब्राउज़र मूल मार्कअप
टेम्पलेट इंजन (Twig/Pug)
साधारण JSON प्रतिस्थापन
प्रोग्रामिंग भाषा

JML बनाम HTML – 2026 तुलना

विशेषता	JML	HTML5
आकार (Hello World मिनिफाइड)	64 अक्षर	108 अक्षर
मेटा + व्यूपोर्ट सहित	177 अक्षर	212 अक्षर
औसत कमी	16–40%	–
बॉयलरप्लेट	कोई नहीं	DOCTYPE, head, body...
XSS सुरक्षा	सुरक्षित (AST)	निर्भर करता है
निष्पादन योग्य लॉजिक (मैक्रोज़)	हाँ	नहीं
एन्क्रिप्शन	हाँ (WIC)	नहीं
ब्राउज़र मूल समर्थन	नहीं (एक्सटेंशन)	हाँ

AST – JML का हृदय

JML केवल मार्कअप नहीं है। यह मूल AST वाली DSL है – 2030 की मार्कअप भाषा, आज उपलब्ध।

यह सेमैंटिक मैक्रोज़, रूपांतरण, डिबगिंग और XSS-मुक्त सुरक्षा सक्षम बनाता है।

AST संरचना उदाहरण – सत्यापन, मैक्रोज़ और सुरक्षित रेंडरिंग सक्षम करता है

अभी JML आज़माएँ

            JML (संक्षिप्त सिंटैक्स)
          

            html {
  head {
    meta:charset('UTF-8')
    link:rel('stylesheet'),href('https://cdn.ascoos.com/bootlib/css/bootlib.min.css')
  }
  body:class('dark-theme') {
    h1{`JML में आपका स्वागत है!`}
    p{`Ascoos OS के लिए हल्का मार्कअप।`}
  }
}

          

            समान HTML
          

            <!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="https://cdn.ascoos.com/bootlib/css/bootlib.min.css">
</head>
<body class="dark-theme">
    <h1>JML में आपका स्वागत है!</h1>
    <p>Ascoos OS के लिए हल्का मार्कअप।</p>
</body>
</html>
          

JML (बाएँ) बिल्कुल समान HTML (दाएँ) उत्पन्न करता है – 17% कम अक्षरों के साथ।

JML Studio और उत्पन्न सहायक कोड

            DSL (डोमेन-विशिष्ट भाषा)
          

            TAG html
  TAG head
    TAG meta CHARSET 'UTF-8'
    TAG link REL 'stylesheet' HREF 'https://cdn.ascoos.com/bootlib/css/bootlib.min.css'
  TAG body CLASS 'dark-theme'
    TAG h1
      TEXT 'JML में आपका स्वागत है!'
    TAG p
      TEXT 'Ascoos OS के लिए हल्का मार्कअप।'

          

            AST (अमूर्त सिंटैक्स ट्री)
          

            {
  "type": "group",
  "name": null,
  "value": null,
  "attributes": [],
  "children": [
    {
      "type": "tag",
      "name": "html",
      "value": null,
      "attributes": [],
      "children": [
        {
          "type": "tag",
          "name": "head",
          "value": null,
          "attributes": [],
          "children": [
            {
              "type": "tag",
              "name": "meta",
              "value": null,
              "attributes": [
                {
                  "type": "attribute",
                  "name": "charset",
                  "value": "UTF-8",
                  "attributes": [],
                  "children": []
                }
              ],
              "children": []
            },
            {
              "type": "tag",
              "name": "link",
              "value": null,
              "attributes": [
                {
                  "type": "attribute",
                  "name": "rel",
                  "value": "stylesheet",
                  "attributes": [],
                  "children": []
                },
                {
                  "type": "attribute",
                  "name": "href",
                  "value": "https://cdn.ascoos.com/bootlib/css/bootlib.min.css",
                  "attributes": [],
                  "children": []
                }
              ],
              "children": []
            }
          ]
        },
        {
          "type": "tag",
          "name": "body",
          "value": null,
          "attributes": [
            {
              "type": "attribute",
              "name": "class",
              "value": "dark-theme",
              "attributes": [],
              "children": []
            }
          ],
          "children": [
            {
              "type": "tag",
              "name": "h1",
              "value": null,
              "attributes": [],
              "children": [
                {
                  "type": "content",
                  "name": null,
                  "value": "JML में आपका स्वागत है!",
                  "attributes": [],
                  "children": []
                }
              ]
            },
            {
              "type": "tag",
              "name": "p",
              "value": null,
              "attributes": [],
              "children": [
                {
                  "type": "content",
                  "name": null,
                  "value": "Ascoos OS के लिए हल्का मार्कअप।",
                  "attributes": [],
                  "children": []
                }
              ]
            }
          ]
        }
      ]
    }
  ]
}
          

दोनों उत्पन्न प्रारूप, DSL (बाएँ) और AST (दाएँ), WebAI उपयोग के लिए संरचित हैं।

सर्वर-साइड रेंडरिंग

<?php
/**
 * @ASCOOS-NAME        : Ascoos OS
 * @ASCOOS-VERSION     : 26.0.0
 * @ASCOOS-SUPPORT     : support@ascoos.com
 * @ASCOOS-BUGS        : https://issues.ascoos.com
 *
 * @CASE-STUDY          : jml_to_html_renderer.php
 * @fileNo              : ASCOOS-OS-CASESTUDY-SEC00268
 *
 * @desc Parses JML syntax into HTML using THTML, generates full page from nested structure.
 *
 * @since PHP 8.2.0
 */
declare(strict_types=1);
use ASCOOS\OS\Kernel\HTML\THTML;
use ASCOOS\OS\Kernel\Files\TFilesHandler;
$properties = [
    'output' => './generated_page.html'
];
try {
    $html = new THTML();
    $files = new TFilesHandler();
    // JML as string.
    $jmlString = <<<'JML'
html:lang('en') {
  head {
    meta:charset('UTF-8')
    meta:name('viewport'),content('width=device-width, initial-scale=1.0')
    title {`Advanced Sample Page`}
    style {
      `.container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
            background-color: #f4f4f4;
        }
        .header {
            text-align: center;
            color: #333;
            padding: 10px;
            border-bottom: 2px solid #000;
        }
        .form-group {
            margin-bottom: 15px;
        }
        .form-group label {
            display: block;
            font-weight: bold;
        }
        .form-group input, .form-group select {
            width: 100%;
            padding: 8px;
            margin-top: 5px;
        }`
    }
    script {
      `function validateForm() {
            let name = document.getElementById("name").value;
            let email = document.getElementById("email").value;
            if (name === "" || email === "") {
                alert("Please fill out all fields!");
                return false;
            }
            return true;
        }`
    }
  }
  body {
    div:class('container') {
      div:class('header') {
        h1 {`Welcome to Ascoos OS Demo`}
        p {`This is a complex demo with nested elements and interactivity.`}
      }
      div:class('content') {
        h2 {`User Registration`}
        form:onsubmit('return validateForm()'),method('POST'),action('/submit') {
          div:class('form-group') {
            label:for('name') {`Name:`}
            input:type('text'),id('name'),name('name'),required('')
          }
          div:class('form-group') {
            label:for('email') {`Email:`}
            input:type('email'),id('email'),name('email'),required('')
          }
          div:class('form-group') {
            label:for('country') {`Country:`}
            select:id('country'),name('country') {
              option:value('us') {`United States`}
              option:value('gr') {`Greece`}
              option:value('de') {`Germany`}
            }
          }
          button:type('submit') {`Submit`}
        }
        br
        div:class('footer') {
          p {`© 2025 Ascoos OS. All rights reserved.`}
          br
          a:href('https://ascoos.com') {`Visit our site`}
        }
      }
    }
  }
}
JML;
    $fullHtml = $html->fromJMLString($jmlString);
    $output = '' . $fullHtml;
    $files->writeToFileWithCheck($output, $properties['output']);
    echo "JML Parsed! Generated HTML:\n";
    echo $output . "\n";
    echo "Saved to: " . $properties['output'] . "\n";
    $html->Free();
    $files->Free();
} catch (Exception $e) {
    echo "Error: " . $e->getMessage() . "\n";
}
?>

PHP रेंडरर के साथ, डायनामिक साइट्स के लिए तुरंत HTML उत्पन्न करता है, बिना बॉयलरप्लेट के।

Ascoos JML Renderer – ब्राउज़र एक्सटेंशन

इस हल्के एक्सटेंशन को इंस्टॉल करें और किसी भी वेबपेज को JML-तैयार बनाएँ: क्लाइंट-साइड रेंडरिंग, बिना किसी निर्भरता के!

पूर्ण JML दस्तावेज़

<script type="text/jml"> को पूर्ण HTML दस्तावेज़ के रूप में रेंडर करता है।

इनलाइन JML ब्लॉक

मौजूदा HTML में <jml> ... </jml> एम्बेड करता है।

खाली और नेस्टेड टैग्स का समर्थन

br, hr, img, input + नेस्टेड ब्लॉक, विशेषताएँ, मल्टीलाइन टेक्स्ट।

शुद्ध JS – कोई निर्भरता नहीं

किसी भी पेज पर काम करता है (स्थानीय/रिमोट), Manifest V3 संगत।

Firefox पर इंस्टॉल करें GitHub से डाउनलोड करें

एक्सटेंशन हल्का (26 KB) है, कोई डेटा एकत्र नहीं करता, और तुरंत काम करता है – JML के साथ प्रयोग करने वाले डेवलपर्स के लिए आदर्श।

रोडमैप

2026: शर्तें, लूप, सेमैंटिक मैक्रोज़ v2

2027: Markdown/PDF निर्यात + सुरक्षा प्रोफाइल

2028+: Ascoos AI के साथ स्वचालित लेखन

अक्सर पूछे जाने वाले प्रश्न

क्या JML मौजूदा ब्राउज़रों के साथ संगत है?

हाँ, रेंडरर के माध्यम से साफ HTML5 उत्पन्न करता है। ब्राउज़र में कोई बदलाव नहीं चाहिए।

JML स्क्रिप्ट और स्टाइल कैसे संभालता है?

इनलाइन स्क्रिप्ट/स्टाइल और बाहरी लिंक का समर्थन करता है, सुरक्षा के लिए मूल एस्केपिंग के साथ।

क्या इसे React जैसे फ्रेमवर्क के साथ उपयोग कर सकता हूँ?

हाँ, JML → JSX रूपांतरण या सीधे कस्टम कंपोनेंट्स में पार्सिंग के माध्यम से।