@ape-egg/codie 0.1.0 → 0.1.2

package/codie.js

@@ -41,8 +41,8 @@ const getHighlightModes = (el) => {
 const highlight = (code, modes, options = {}) => {
   const escaped = escapeHTML(code);
 
-  // When all modes are enabled (no explicit attribute), detect JSON by content
-  const looksLikeJSON = /^\s*[{\[]/.test(code);
+  // Detect JSON by content: must start with { or [ AND contain quoted key patterns
+  const looksLikeJSON = /^\s*[{\[]/.test(code) && /"[^"]*"\s*:/.test(code);
 
   // JSON takes priority over HTML when content looks like JSON
   if (modes.json && looksLikeJSON) {
@@ -57,9 +57,12 @@ const highlight = (code, modes, options = {}) => {
     });
   }
 
-  // Fallback: explicit mode selected or no HTML detected
-  if (modes.json && !modes.html) {
-    return highlightJSON(escaped);
+  // Standalone mode (no HTML): use direct highlighters, not the *Only variants
+  if (!modes.html) {
+    if (modes.json) return highlightJSON(escaped);
+    if (modes.css) return highlightCSS(escaped);
+    if (modes.js) return highlightJS(escaped);
+    return escaped;
   }
 
   let result = escaped;

package/highlight.js

@@ -196,7 +196,7 @@ export const highlightJSRaw = (code) => {
 // CSS highlighter
 export const highlightCSS = (code, options = {}) => {
   let result = '';
-  const ruleRegex = /(\/\*[\s\S]*?\*\/)|([^{}]+)(\{)([^}]*)(\})/g;
+  const ruleRegex = /(\/\*[\s\S]*?\*\/)|((?:[^{}\/]|\/(?!\*))+)(\{)([^}]*)(\})/g;
   let match,
     lastIndex = 0;
 
@@ -405,6 +405,12 @@ export const highlightHTML = (
           ? match
           : open + highlightCSS(content) + close,
     );
+
+    // CSS rules outside <style> tags (bare CSS blocks in mixed HTML+CSS snippets)
+    highlighted = highlighted.replace(
+      /([^<>{}]+\{[^<>{}]*\})/g,
+      (match) => /[\w-]+\s*:\s*/.test(match) ? highlightCSS(match) : match,
+    );
   }
 
   // Remaining @[...] patterns

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ape-egg/codie",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Modular code display and editing package",
   "type": "module",
   "main": "codie.js",
@@ -21,9 +21,6 @@
     "syntax-highlighting",
     "code-display"
   ],
-  "author": "Kim Korte",
-  "license": "ISC",
-  "publishConfig": {
-    "access": "public"
-  }
+  "author": "kortes",
+  "license": "MIT"
 }

package/structure.css

@@ -5,7 +5,7 @@
   display: grid;
   position: relative;
   width: 100%;
-  font-size: inherit;
+  font-size: var(--unit-size, inherit);
   line-height: 1.5;
   font-family:
     'Geist Mono', 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New',