RubyGems - presently - Versions diffs - 0.1.0 - Mend

presently 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (215) hide show

data/public/_components/@socketry/syntax/examples/diff.html ADDED Viewed

@@ -0,0 +1,142 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>Diff/Patch Examples - @socketry/syntax</title>
+	<link rel="stylesheet" href="examples.css">
+</head>
+<body>
+	<header>
+		<h1>Diff/Patch Examples</h1>
+		<p class="subtitle">Diff/Patch syntax highlighting</p>
+	</header>
+	<nav>
+		<a href="index.html">Back to Examples</a>
+	</nav>
+<h1>Diff/Patch Syntax Highlighting</h1>
+	<div class="example">
+		<h2>Git Diff Example</h2>
+		<p class="description">Example:</p>
+		<syntax-code language="diff">
+diff --git a/src/server.js b/src/server.js
+index 1234567..abcdefg 100644
+--- a/src/server.js
++++ b/src/server.js
+@@ -1,10 +1,12 @@
+ import express from 'express';
+ import database from './database.js';
++import logger from './logger.js';
+ const app = express();
+ const PORT = 3000;
+ async function initialize() {
++  logger.init();
+   await database.connect();
+   app.listen(PORT, () => {
+     console.log(`Server running on port ${PORT}`);
+	</syntax-code>
+	<div class="example">
+		<h2>File Modification</h2>
+		<p class="description">Example:</p>
+		<syntax-code language="patch">
+--- a/README.md
++++ b/README.md
+@@ -15,6 +15,7 @@ Installation
+ npm install syntax-js
+ ```
++Make sure you have Node.js 18 or higher installed.
++
+ ## Usage
+ Import and use the syntax highlighter:
+	</syntax-code>
+	<div class="example">
+		<h2>Multiple Chunks</h2>
+		<p class="description">Example:</p>
+		<syntax-code language="diff">
+diff --git a/config.json b/config.json
+--- a/config.json
++++ b/config.json
+@@ -1,8 +1,9 @@
+ {
+   "name": "my-app",
+-  "version": "1.0.0",
++  "version": "1.1.0",
+   "description": "A sample application",
++  "author": "John Doe",
+   "main": "index.js",
+   "scripts": {
+     "test": "node --test"
+@@ -15,5 +16,6 @@
+   "dependencies": {
+     "express": "^4.18.0",
+-    "lodash": "^4.17.0"
++    "lodash": "^4.17.21",
++    "axios": "^1.6.0"
+   }
+ }
+	</syntax-code>
+	<div class="example">
+		<h2>Code Refactoring</h2>
+		<p class="description">Example:</p>
+		<syntax-code language="diff">
+--- a/utils/helpers.js
++++ b/utils/helpers.js
+@@ -10,15 +10,18 @@ export function processData(data) {
+   }
+-  // Old implementation
+-  const result = data.map(item => {
+-    return item.value * 2;
+-  });
++  // New implementation with error handling
++  const result = data.map(item => {
++    if (typeof item.value !== 'number') {
++      throw new TypeError('Item value must be a number');
++    }
++    return item.value * 2;
++  });
+   return result;
+ }
+ export function formatDate(date) {
+-  return date.toISOString();
++  // Use locale-aware formatting
++  return new Intl.DateTimeFormat('en-US').format(date);
+ }
+	</syntax-code>
+	<div class="example">
+		<h2>Bug Fix</h2>
+		<p class="description">Example:</p>
+		<syntax-code language="patch">
+diff --git a/src/validator.js b/src/validator.js
+index abc123..def456 100644
+--- a/src/validator.js
++++ b/src/validator.js
+@@ -5,7 +5,7 @@ export function validateEmail(email) {
+     return false;
+   }
+-  const regex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
++  const regex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
+   return regex.test(email);
+ }
+	</syntax-code>
+</body>
+</html>

data/public/_components/@socketry/syntax/examples/examples.css ADDED Viewed

@@ -0,0 +1,216 @@
+/* Shared styles for all example pages */
+* {
+	box-sizing: border-box;
+}
+body {
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
+	max-width: 1200px;
+	margin: 0 auto;
+	padding: 2rem;
+	background: #ffffff;
+	color: #24292e;
+	line-height: 1.6;
+}
+/* Header */
+header {
+	border-bottom: 3px solid #0366d6;
+	padding-bottom: 1rem;
+	margin-bottom: 2rem;
+}
+h1 {
+	color: #0366d6;
+	margin: 0 0 0.5rem 0;
+}
+.subtitle {
+	color: #586069;
+	font-size: 1.1rem;
+	margin: 0;
+}
+/* Navigation */
+nav {
+	background: #f6f8fa;
+	padding: 1rem;
+	border-radius: 6px;
+	margin-bottom: 2rem;
+	border: 1px solid #e1e4e8;
+}
+nav a {
+	color: #0366d6;
+	text-decoration: none;
+	margin-right: 1.5rem;
+	transition: color 0.2s;
+}
+nav a:hover {
+	color: #0366d6;
+	text-decoration: underline;
+}
+nav a:first-child::before {
+	content: '← ';
+}
+/* Section headings */
+h2 {
+	color: #0366d6;
+	margin-top: 2.5rem;
+	margin-bottom: 1rem;
+	border-bottom: 1px solid #e1e4e8;
+	padding-bottom: 0.3rem;
+}
+/* Example containers */
+.example {
+	margin: 2rem 0 3rem;
+}
+.description {
+	margin-bottom: 1rem;
+	color: #586069;
+	font-size: 0.95rem;
+}
+/* Code blocks */
+pre {
+	background: #f6f8fa;
+	border: 1px solid #e1e4e8;
+	border-radius: 6px;
+	padding: 1rem;
+	overflow: auto;
+	margin: 1rem 0;
+}
+syntax-code {
+	display: block;
+	margin: 1rem 0;
+}
+/* Feature boxes (for index page) */
+.feature-list {
+	background: #f6f8fa;
+	padding: 1.5rem;
+	border-radius: 8px;
+	border-left: 4px solid #0366d6;
+	margin: 1.5rem 0;
+}
+.feature-list ul {
+	margin: 0;
+	padding-left: 1.5rem;
+}
+.feature-list li {
+	margin: 0.5rem 0;
+	color: #24292e;
+}
+.feature-list code {
+	background: #ffffff;
+	padding: 2px 6px;
+	border-radius: 3px;
+	color: #e36209;
+	border: 1px solid #e1e4e8;
+	font-size: 0.9em;
+}
+/* Language grid (for index page) */
+.language-grid {
+	display: grid;
+	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+	gap: 0.5rem;
+	margin: 1rem 0 2rem;
+}
+.language-grid a {
+	background: #f6f8fa;
+	padding: 0.75rem 1rem;
+	border-radius: 6px;
+	color: #0366d6;
+	text-decoration: none;
+	transition: all 0.2s;
+	border: 1px solid #e1e4e8;
+	text-align: center;
+}
+.language-grid a:hover {
+	background: #0366d6;
+	color: #ffffff;
+	border-color: #0366d6;
+	transform: translateY(-2px);
+}
+/* Dark mode */
+@media (prefers-color-scheme: dark) {
+	body {
+		background: #0d1117;
+		color: #c9d1d9;
+	}
+	header {
+		border-bottom-color: #58a6ff;
+	}
+	h1 {
+		color: #58a6ff;
+	}
+	.subtitle {
+		color: #8b949e;
+	}
+	h2 {
+		color: #58a6ff;
+		border-bottom-color: #21262d;
+	}
+	nav {
+		background: #161b22;
+		border-color: #30363d;
+	}
+	nav a {
+		color: #58a6ff;
+	}
+	.description {
+		color: #8b949e;
+	}
+	pre {
+		background: #161b22;
+		border-color: #30363d;
+	}
+	.feature-list {
+		background: #161b22;
+		border-left-color: #58a6ff;
+	}
+	.feature-list li {
+		color: #c9d1d9;
+	}
+	.feature-list code {
+		background: #0d1117;
+		color: #f0883e;
+		border-color: #30363d;
+	}
+	.language-grid a {
+		background: #161b22;
+		color: #58a6ff;
+		border-color: #30363d;
+	}
+	.language-grid a:hover {
+		background: #21262d;
+		border-color: #58a6ff;
+	}
+}