@pfmcodes/caret 0.2.7 → 0.2.8

package/README.md

@@ -1,5 +1,5 @@
 # Caret
-
+![LOGO](https://github.com/PFMCODES/Caret/raw/main/logo.svg)
 [![License: MIT](https://img.shields.io/badge/License-MIT-4000ff.svg)](https://opensource.org/licenses/MIT)
 [![JavaScript](https://img.shields.io/badge/JavaScript-63.7%25-f6fa03)](https://github.com/PFMCODES/lexius-edior)
 [![JavaScript](https://img.shields.io/badge/TypeScript-32.3%25-0244f7)](https://github.com/PFMCODES/lexius-edior)
@@ -33,6 +33,9 @@ A lightweight, feature-rich code editor with real-time syntax highlighting and c
 
 ## What's-New?
 
+### v0.2.8
+- just mistake i made has been fixed
+
 ### v0.2.7
 - another cleanup but this time, with file optimizations and updated comments at the end of each containing short summaries of each function and variables(only some important variables)
 

package/editor.js

@@ -71,8 +71,10 @@ async function createEditor(editor, data) {
     editor.style = "position: relative; width: 600px; height: 300px; overflow: hidden; /* 👈 CRITICAL */ font-size: 14px;"   
     if (code && editor && editor1 && language && highlighted) {
         editor1.style.paddingTop = "-9px";
-        editor1.value = data.value;
-        highlighted.innerHTML = await _render(data.value, language, editor1);
+        editor1.value = code;
+        let h = await _render(code, language, editor1);
+        highlighted.innerHTML = h;
+        console.log({h: h, code: code})
     }
     const keyDown = async (e) => {
         if (e.key !== "Tab") return;
@@ -396,13 +398,6 @@ function getWrapMap(code, wrapAt = 71) {
     return wrapMap;
 }
 
-function escapeHtml(str) {
-    return str
-        .replace(/&/g, "&")
-        .replace(/</g, "&lt;")
-        .replace(/>/g, "&gt;");
-}
-
 async function _render(code, language, editor) {
     // If no editor context provided, just highlight everything (initial load)
     if (!editor) {
@@ -440,7 +435,7 @@ async function _render(code, language, editor) {
     const highlightedVisible = hljs.highlight(wrappedCode, { language }).value;
     // Plain text for non-visible areas (no highlighting = faster)
     if (highlightedVisible.trim() === "") {
-        return hljs.highlight(escapeHtml(code), { language }).value;
+        return hljs.highlight(code, { language }).value;
     }
     const beforeHTML = "\n".repeat(beforeLines.length);
     const afterHTML = "\n".repeat(afterLines.length);
@@ -467,7 +462,6 @@ Internal functions:
         _render(code, language, editor) -> virtual renderer, only highlights visible lines for performance
         wrapCode(code, wrapAt) -> wraps long lines at word boundaries
         getWrapMap(code, wrapAt) -> returns an array mapping each line to its visual line count
-        escapeHtml(str) -> escapes HTML special characters
         updateCaret() -> updates the caret position using canvas font metrics
         updateLineNumbers() -> re-renders line numbers, accounting for wrapped lines
         updateFontMetrics() -> updates the canvas font to match the textarea's computed style

package/langauges.js

@@ -69,6 +69,10 @@ function init() {
     );
 }
 
+export function registerAliases(a, b) {
+    hljs.registerAliases(a, b)
+}
+
 function registerLanguage(name, definition) {
     if (!registeredLanguages.includes(name)) {
         hljs.registerLanguage(name, definition);
@@ -84,6 +88,7 @@ const languages = {
     init,
     registeredLanguages,
     registerLanguage,
+    registerAliases,
     hljs
 }
 
@@ -93,4 +98,5 @@ export default languages;
 registeredLannguage: added for the editor.js can check if the langauge provided already is regsitered or not
 init: just registers some languages and updates the registeredLangauges variable
 registerLanguage: just registers a language
+registerAliases: basically registers a nickname or second name for an language
 */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pfmcodes/caret",
-  "version": "0.2.7",
+  "version": "0.2.8",
   "description": "The official code editor engine for lexius",
   "type": "module",
   "main": "./index.js",

package/types/langauges.ts

@@ -37,8 +37,7 @@ import plaintext from "https://esm.sh/@pfmcodes/highlight.js@1.0.0/es/languages/
 // @ts-ignore
 import hljs from "https://esm.sh/@pfmcodes/highlight.js@1.0.0/es/core.js";
 
-let registeredLanguages: Array<T> = [];
-type T = any
+let registeredLanguages: Array<any> = [];
 
 function init() {
     // Register all languages
@@ -89,6 +88,10 @@ function init() {
     ]
 }
 
+export function registerAliases(a: any, b: any) {
+    hljs.registerAliases(a, b)
+}
+
 function registerLanguage(name: string, definition: any) {
     hljs.registerLanguage(name, definition);
     if (!registeredLanguages.includes(name)) {
@@ -106,12 +109,8 @@ const languages = {
 export default languages;
 
 /* 
-
 registeredLannguage: added for the editor.js can check if the langauge provided already is regsitered or not
-
-
 init: just registers some languages and updates the registeredLangauges variable
-
 registerLanguage: just registers a language
-
+registerAliases: basically registers a nickname or second name for an language
 */