{"id":21252919,"url":"https://github.com/kevinhellos/xeauk-js","last_synced_at":"2025-07-16T19:32:13.075Z","repository":{"id":216993603,"uuid":"742890134","full_name":"kevinhellos/xeauk-js","owner":"kevinhellos","description":"Lightweight and minimal 5kb JavaScript web templating engine","archived":false,"fork":false,"pushed_at":"2024-01-21T15:34:10.000Z","size":28,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-15T05:42:04.512Z","etag":null,"topics":["templating-engine"],"latest_commit_sha":null,"homepage":"https://xeauk.netlify.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/kevinhellos.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-01-13T17:15:03.000Z","updated_at":"2024-01-20T17:52:58.000Z","dependencies_parsed_at":"2024-06-03T21:24:53.540Z","dependency_job_id":null,"html_url":"https://github.com/kevinhellos/xeauk-js","commit_stats":null,"previous_names":["iskevinlemon/xeauk-js","kevinhellos/xeauk-js"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/kevinhellos/xeauk-js","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kevinhellos%2Fxeauk-js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kevinhellos%2Fxeauk-js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kevinhellos%2Fxeauk-js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kevinhellos%2Fxeauk-js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kevinhellos","download_url":"https://codeload.github.com/kevinhellos/xeauk-js/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kevinhellos%2Fxeauk-js/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265534561,"owners_count":23783854,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["templating-engine"],"created_at":"2024-11-21T03:49:18.846Z","updated_at":"2025-07-16T19:32:13.035Z","avatar_url":"https://github.com/kevinhellos.png","language":"JavaScript","readme":"# Xeauk JS\n\u003cimg width=\"1469\" alt=\"image\" src=\"https://github.com/iskevinlemon/xeauk-js/assets/126497052/e46e43c2-2a3d-4eca-9946-e3fcdaf005ae\"\u003e\n\nWelcome to Xeauk JS. Xeauk JS brings the power of JavaScript directly in your HTML.\nNo more writing complicated codes to bind variables to HTML.\n\u003cbr\u003e\nOn top of templating, Xeauk JS allows you to write JavaScript expression directly inside the @{} template.\n\u003cbr/\u003e\n\n# Installation via CDN\n**CDN installation is recommended**\n```html\n\u003cscript src=\"https://cdn.jsdelivr.net/gh/iskevinlemon/xeauk-js/src/xeauk.js\"\u003e\u003c/script\u003e\n```\n\n# Setting up\n**How to correctly setup Xeauk JS** \u003cbr/\u003e\nView the docs \u003ca href=\"\" target=\"_blank\"\u003ehere\u003c/a\u003e\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml lang=\"en\"\u003e\n\u003chead\u003e\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eXeauk JS Demo\u003c/title\u003e\n    \u003c!-- STEP 1: Include the script in the head tag --\u003e\n    \u003cscript src=\"https://cdn.jsdelivr.net/gh/iskevinlemon/xeauk-js/src/xeauk.js\"\u003e\u003c/script\u003e\n\u003c/head\u003e\n\u003c!-- \n    STEP 2: Attach a xController in the body and provide a name .\n    For this demo, the name is \"myController\"\n--\u003e\n\u003cbody xController=\"myController\"\u003e\n\n    \u003c!-- \n        STEP 6: bind the data by using @{variable} \n        variable is the \"text\" defined in STEP 5\n    --\u003e\n    \u003ch1\u003e@{text}\u003c/h1\u003e\n\n    \u003cscript\u003e\n    // STEP 3: create an instance of Xeauk\n    // For this demo, the instance is \"x\"\n    var x = Xeauk;\n\n    // STEP 4: Define the controller from the .controller()\n    // and pass in \"myController\"\n    x.controller(\"myController\");\n\n    // Step 5: Define a dummy data\n    var text = \"Hello World from Xeauk JS\";\n\n    // Step 7: Compile the instance\n    // ONLY COMPILE at the end of all the JavaScript\n    // Else it will not work.\n    x.compile();\n    \u003c/script\u003e\n\n\u003c/body\u003e\n\u003c/html\u003e\n```\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkevinhellos%2Fxeauk-js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkevinhellos%2Fxeauk-js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkevinhellos%2Fxeauk-js/lists"}