@rip-lang/print 0.1.2 → 0.1.4

package/hljs-rip.js

@@ -0,0 +1,159 @@
+// highlight.js language definition for Rip
+// Derived from the Monarch grammar in docs/index.html
+
+export default function(hljs) {
+  const KEYWORDS = [
+    'if', 'else', 'unless', 'then', 'switch', 'when', 'for', 'while', 'until',
+    'loop', 'do', 'return', 'break', 'continue', 'throw', 'try', 'catch', 'finally',
+    'yield', 'await', 'import', 'export', 'from', 'default', 'delete', 'typeof',
+    'instanceof', 'new', 'super', 'debugger', 'use', 'own', 'extends', 'in', 'of',
+    'by', 'as', 'class', 'def', 'enum', 'interface', 'component', 'render',
+    'and', 'or', 'not', 'is', 'isnt',
+  ];
+
+  const LITERALS = [
+    'true', 'false', 'yes', 'no', 'on', 'off',
+    'null', 'undefined', 'NaN', 'Infinity',
+  ];
+
+  const BUILT_INS = [
+    'console', 'process', 'require', 'module', 'exports',
+    'setTimeout', 'setInterval', 'clearTimeout', 'clearInterval',
+    'Promise', 'Array', 'Object', 'String', 'Number', 'Boolean',
+    'Math', 'Date', 'RegExp', 'Error', 'JSON', 'Map', 'Set',
+    'Symbol', 'Buffer', 'Bun',
+  ];
+
+  const INTERPOLATION = {
+    className: 'subst',
+    begin: /#\{/, end: /\}/,
+    keywords: { keyword: KEYWORDS, literal: LITERALS },
+  };
+
+  const STRING_DOUBLE = {
+    className: 'string',
+    begin: '"', end: '"',
+    contains: [hljs.BACKSLASH_ESCAPE, INTERPOLATION],
+  };
+
+  const STRING_SINGLE = {
+    className: 'string',
+    begin: "'", end: "'",
+    contains: [hljs.BACKSLASH_ESCAPE],
+  };
+
+  const HEREDOC_DOUBLE = {
+    className: 'string',
+    begin: '"""', end: '"""',
+    contains: [hljs.BACKSLASH_ESCAPE, INTERPOLATION],
+  };
+
+  const HEREDOC_SINGLE = {
+    className: 'string',
+    begin: "'''", end: "'''",
+    contains: [hljs.BACKSLASH_ESCAPE],
+  };
+
+  const HEREGEX = {
+    className: 'regexp',
+    begin: '///', end: '///[gimsuy]*',
+    contains: [INTERPOLATION, hljs.HASH_COMMENT_MODE],
+  };
+
+  const REGEX = {
+    className: 'regexp',
+    begin: /\/(?![/*])(?:[^\/\\]|\\.)*\/[gimsuy]*/,
+    relevance: 0,
+  };
+
+  const BLOCK_COMMENT = {
+    className: 'comment',
+    begin: '###', end: '###',
+    contains: [hljs.PHRASAL_WORDS_MODE],
+  };
+
+  const LINE_COMMENT = hljs.COMMENT('#', '$');
+
+  const NUMBER = {
+    className: 'number',
+    variants: [
+      { begin: /0x[0-9a-fA-F](?:_?[0-9a-fA-F])*n?/ },
+      { begin: /0o[0-7](?:_?[0-7])*n?/ },
+      { begin: /0b[01](?:_?[01])*n?/ },
+      { begin: /\d[\d_]*(?:\.[\d][\d_]*)?(?:[eE][+-]?\d+)?n?/ },
+    ],
+    relevance: 0,
+  };
+
+  const INSTANCE_VAR = {
+    className: 'variable',
+    begin: /@[a-zA-Z_$][\w$]*/,
+  };
+
+  const CLASS_NAME = {
+    className: 'title.class',
+    begin: /[A-Z][\w]*/,
+  };
+
+  const FUNCTION_DEF = {
+    className: 'function',
+    begin: /\bdef\s+/,
+    end: /[(\s]/,
+    excludeEnd: true,
+    keywords: { keyword: 'def' },
+    contains: [
+      { className: 'title.function', begin: /[a-zA-Z_$][\w$]*[!?]?/ },
+    ],
+  };
+
+  const CLASS_DEF = {
+    className: 'class',
+    beginKeywords: 'class',
+    end: /$/,
+    contains: [
+      { className: 'title.class', begin: /[A-Z][\w]*/ },
+      { beginKeywords: 'extends', contains: [CLASS_NAME] },
+    ],
+  };
+
+  const OPERATORS = {
+    className: 'operator',
+    begin: /::=|::|:=|~=|~>|<=>|=!|!\?|=~|\?\?|\?\.|\.\.\.|\.\.|=>|->|\*\*|\/\/|%%|===|!==|==|!=|<=|>=|&&|\|\||[+\-*\/%&|^~<>=!?]/,
+    relevance: 0,
+  };
+
+  const TYPE_KEYWORDS = {
+    className: 'type',
+    begin: /\b(?:number|string|boolean|void|any|never|unknown|object|symbol|bigint)\b/,
+  };
+
+  return {
+    name: 'Rip',
+    aliases: ['rip'],
+    keywords: {
+      keyword: KEYWORDS,
+      literal: LITERALS,
+      built_in: BUILT_INS,
+    },
+    contains: [
+      BLOCK_COMMENT,
+      LINE_COMMENT,
+      HEREDOC_DOUBLE,
+      HEREDOC_SINGLE,
+      STRING_DOUBLE,
+      STRING_SINGLE,
+      HEREGEX,
+      REGEX,
+      FUNCTION_DEF,
+      CLASS_DEF,
+      NUMBER,
+      INSTANCE_VAR,
+      TYPE_KEYWORDS,
+      OPERATORS,
+      { // inline JS
+        className: 'string',
+        begin: /`[^`]*`/,
+      },
+    ],
+  };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rip-lang/print",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "Syntax-highlighted source code printer — Shiki-powered, serves once, auto-opens browser",
   "type": "module",
   "main": "print.rip",
@@ -34,6 +34,7 @@
   },
   "files": [
     "print.rip",
+    "hljs-rip.js",
     "bin/rip-print",
     "README.md"
   ]

package/print.rip

@@ -9,10 +9,14 @@
 # ============================================================================
 
 import hljs from 'highlight.js'
+import ripLanguage from './hljs-rip.js'
 import { existsSync, readdirSync, readFileSync, statSync } from 'fs'
 import { basename, extname, join, relative } from 'path'
 import { execSync } from 'child_process'
 
+# Register Rip language with highlight.js
+hljs.registerLanguage 'rip', ripLanguage
+
 # ============================================================================
 # CLI argument parsing
 # ============================================================================
@@ -117,7 +121,7 @@ console.log "#{allFiles.length} file#{if allFiles.length > 1 then 's' else ''}"
 # ============================================================================
 
 extToLang =
-  rip:    'coffeescript'
+  rip:    'rip'
   coffee: 'coffeescript'
   js:     'javascript'
   mjs:    'javascript'
@@ -196,11 +200,10 @@ def highlightCode(code, lang)
     # fall through
   highlighted ?= escapeHtml code
 
-  # Add line numbers
+  # Add line numbers (fixed 4-digit width for consistent gutter)
   lines = highlighted.split('\n')
-  width = String(lines.length).length
   numbered = lines.map (line, i) ->
-    num = String(i + 1).padStart(width)
+    num = String(i + 1).padStart(4)
     "<span class=\"line-num\">#{num}</span>  #{line}"
   numbered.join('\n')
 
@@ -296,20 +299,20 @@ html = """
       .toc a:hover { text-decoration: underline; }
       .meta { color: #888; font-size: 12px; }
 
-      .file-section { margin-bottom: 0; }
+      .file-section { margin-bottom: 0; margin-top: -1px; }
       .file-header {
-        background: #{headerBg}; padding: 8px 16px; font-size: 13px; font-weight: 600;
+        background: #{headerBg}; padding: 10px 16px 10px 5.85em; font-size: 13px; font-weight: 600;
         border-top: 1px solid #{borderColor}; border-bottom: 1px solid #{borderColor};
         display: flex; justify-content: space-between; align-items: center;
       }
       .nav { font-weight: normal; font-size: 12px; }
-      .nav a { color: #888; text-decoration: none; margin-left: 12px; }
-      .nav a:hover { color: #{textColor}; }
+      .nav a { color: #888; text-decoration: none; padding: 6px 10px; border-radius: 3px; }
+      .nav a:hover { color: #{textColor}; background: #{if dark then '#30363d' else '#e0e0e0'}; }
 
-      .code-container { overflow-x: auto; }
+      .code-container { overflow-x: auto; border-bottom: 1px solid #{borderColor}; }
       .code-container pre { margin: 0; border-radius: 0; }
       .code-container code { font-size: 13px; line-height: 1.5; padding: 0 !important; display: block; }
-      .line-num { color: #aaa; background: #{if dark then '#161b22' else '#f4f4f4'}; user-select: none; display: inline-block; min-width: 2em; text-align: right; padding: 0 0.7em; margin-right: 0.7em; border-left: 1px solid #{borderColor}; border-right: 1px solid #{borderColor}; }
+      .line-num { color: #aaa; background: #{if dark then '#161b22' else '#f4f4f4'}; user-select: none; display: inline-block; min-width: 2em; text-align: right; padding: 0 0.7em; margin-right: 0.7em; border-right: 1px solid #{borderColor}; }
 
       @media print {
         .toc { page-break-after: always; }