chocola 1.0.0

package/.gitattributes

@@ -0,0 +1,2 @@
+# Auto detect text files and perform LF normalization
+* text=auto

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) Meta Platforms, Inc. and affiliates.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,2 @@
+# Chocola.js · [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/sad-gabi/chocola/blob/main/LICENSE) [![npm version](https://img.shields.io/badge/npm-v1.0.0-blue)](https://www.npmjs.com/package/chocola)
+Chocola.js is a framework for creating user interfaces.

package/core/componentLoader.js

@@ -0,0 +1,3 @@
+export function renderComponents(html) {
+  return html;
+}

package/core/parser.js

@@ -0,0 +1,39 @@
+import fs from 'fs';
+import path from 'path';
+
+export function parseChocola(code, id) {
+  const htmlRegex = /html:\s*([\s\S]*)\}\)/m;
+  let htmlMatch = code.match(htmlRegex);
+  if (!htmlMatch) return code;
+
+  let htmlContent = htmlMatch[1];
+
+  // REPLACE COMPONENTS <Component ...>...</Component>
+  htmlContent = htmlContent.replace(
+    /<([A-Z][a-zA-Z0-9]*)\s*([^>]*)>([\s\S]*?)<\/\1>/g,
+    (_, name, props, children) => {
+      const propsObj = parseProps(props);
+      if (children.trim()) propsObj.children = children.trim();
+      return `\${${name}(${JSON.stringify(propsObj)})}`;
+    }
+  );
+
+  // REPLACE SELF-CLOSING COMPONENTS <Component ... />
+  htmlContent = htmlContent.replace(
+    /<([A-Z][a-zA-Z0-9]*)\s*([^>]*)\/>/g,
+    (_, name, props) => {
+      const propsObj = parseProps(props);
+      return `\${${name}(${JSON.stringify(propsObj)})}`;
+    }
+  );
+
+  // CONVERT HTML INTO STRING TEMPLATE
+  const newCode = code.replace(htmlRegex, `html: \`${htmlContent}\` })`);
+  return newCode;
+}
+
+function parseProps(str) {
+  const props = {};
+  str.replace(/(\w+)="([^"]*)"/g, (_, key, value) => props[key] = value);
+  return props;
+}

package/core/renderer.js

@@ -0,0 +1,10 @@
+import { renderComponents } from './componentLoader.js';
+
+export async function renderView(viewModule) {
+  const view = (await viewModule()).default();
+  document.title = view.title;
+  let html = view.html;
+  html = renderComponents(html);
+  document.querySelector('#app').innerHTML = html;
+  for (const script of view.scripts || []) await script();
+}

package/index.js

@@ -0,0 +1,2 @@
+export { chocolaPlugin } from './vite-plugin-chocola.js';
+export { renderView } from './core/renderer.js';

package/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "chocola",
+  "version": "1.0.0",
+  "description": "A framework for creating user interfaces.",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [
+    "vite",
+    "web",
+    "framework",
+    "ui",
+    "interface",
+    "components"
+  ],
+  "author": "SadGabi <sadgabi20@gmail.com>",
+  "license": "GPL-3.0-or-later",
+  "dependencies": {
+    "vite": "7.1.1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/sad-gabi/chocola"
+  }
+}

package/vite-plugin-chocola.js

@@ -0,0 +1,14 @@
+import fs from 'fs';
+import path from 'path';
+import { parseChocola } from './core/parser.js';
+
+export function chocolaPlugin() {
+  return {
+    name: 'vite-plugin-chocola',
+    enforce: 'pre',
+    transform(code, id) {
+      if (!id.endsWith('.chcl')) return;
+      return parseChocola(code, id);
+    }
+  };
+}