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/haskell.html ADDED Viewed

@@ -0,0 +1,373 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>Haskell Examples - @socketry/syntax</title>
+	<link rel="stylesheet" href="examples.css">
+</head>
+<body>
+	<header>
+		<h1>Haskell Examples</h1>
+		<p class="subtitle">Haskell syntax highlighting</p>
+	</header>
+	<nav>
+		<a href="index.html">Back to Examples</a>
+	</nav>
+<h1>Haskell Syntax Highlighting</h1>
+	<div class="example">
+		<h2>Hello World</h2>
+		<p class="description">Example:</p>
+		<syntax-code language="haskell">
+module Main where
+main :: IO ()
+main = putStrLn "Hello, World!"
+	</syntax-code>
+	<div class="example">
+		<h2>Functions and Pattern Matching</h2>
+		<p class="description">Example:</p>
+		<syntax-code language="haskell">
+module Factorial where
+-- Recursive factorial with pattern matching
+factorial :: Integer -> Integer
+factorial 0 = 1
+factorial n = n * factorial (n - 1)
+-- Using guards
+absoluteValue :: Int -> Int
+absoluteValue x
+  | x < 0     = -x
+  | otherwise = x
+-- Case expression
+describeNumber :: Int -> String
+describeNumber n = case n of
+  0 -> "zero"
+  1 -> "one"
+  _ -> "many"
+	</syntax-code>
+	<div class="example">
+		<h2>Data Types and Type Classes</h2>
+		<p class="description">Example:</p>
+		<syntax-code language="haskell">
+module Types where
+-- Algebraic data types
+data Maybe a = Just a | Nothing
+  deriving (Show, Eq)
+data Either a b = Left a | Right b
+  deriving (Show, Eq)
+-- Record syntax
+data Person = Person
+  { name :: String
+  , age  :: Int
+  , email :: String
+  } deriving (Show, Eq)
+-- Type synonym
+type Name = String
+type Age = Int
+-- Newtype wrapper
+newtype Email = Email String
+  deriving (Show, Eq)
+-- Type class definition
+class Describable a where
+  describe :: a -> String
+-- Type class instance
+instance Describable Person where
+  describe p = name p ++ " is " ++ show (age p) ++ " years old"
+	</syntax-code>
+	<div class="example">
+		<h2>Higher-Order Functions and Lambdas</h2>
+		<p class="description">Example:</p>
+		<syntax-code language="haskell">
+module HigherOrder where
+-- Map, filter, and fold
+doubleList :: [Int] -> [Int]
+doubleList xs = map (*2) xs
+evenNumbers :: [Int] -> [Int]
+evenNumbers xs = filter even xs
+sumList :: [Int] -> Int
+sumList xs = foldl (+) 0 xs
+-- Lambda functions
+addOne :: [Int] -> [Int]
+addOne = map (\x -> x + 1)
+-- Function composition
+processData :: [Int] -> Int
+processData = sum . filter even . map (*2)
+-- Partial application
+add :: Int -> Int -> Int
+add x y = x + y
+addFive :: Int -> Int
+addFive = add 5
+-- Using backticks for infix
+divBy :: Int -> Int -> Int
+divBy x y = x `div` y
+	</syntax-code>
+	<div class="example">
+		<h2>List Comprehensions</h2>
+		<p class="description">Example:</p>
+		<syntax-code language="haskell">
+module Lists where
+-- Basic list comprehension
+squares :: [Int]
+squares = [x^2 | x <- [1..10]]
+-- With filters
+evenSquares :: [Int]
+evenSquares = [x^2 | x <- [1..10], even x]
+-- Multiple generators
+pairs :: [(Int, Int)]
+pairs = [(x, y) | x <- [1..3], y <- [1..3], x /= y]
+-- Pythagorean triples
+pythagorean :: Int -> [(Int, Int, Int)]
+pythagorean n = [(a, b, c) | a <- [1..n],
+                              b <- [a..n],
+                              c <- [b..n],
+                              a^2 + b^2 == c^2]
+-- String processing
+uppercase :: String -> String
+uppercase str = [toUpper c | c <- str]
+  where
+    toUpper c = if c >= 'a' && c <= 'z'
+                then toEnum (fromEnum c - 32)
+                else c
+	</syntax-code>
+	<div class="example">
+		<h2>Monads and Do Notation</h2>
+		<p class="description">Example:</p>
+		<syntax-code language="haskell">
+module Monads where
+import Control.Monad (when, unless)
+-- Maybe monad
+safeDivide :: Double -> Double -> Maybe Double
+safeDivide _ 0 = Nothing
+safeDivide x y = Just (x / y)
+calculateRatio :: Double -> Double -> Maybe Double
+calculateRatio a b = do
+  x <- safeDivide a b
+  y <- safeDivide x 2
+  return (y + 1)
+-- IO monad
+greetUser :: IO ()
+greetUser = do
+  putStrLn "What's your name?"
+  name <- getLine
+  putStrLn ("Hello, " ++ name ++ "!")
+-- List monad
+pairs :: [Int] -> [Int] -> [(Int, Int)]
+pairs xs ys = do
+  x <- xs
+  y <- ys
+  return (x, y)
+-- Guard in do notation
+positiveProducts :: [Int] -> [Int] -> [Int]
+positiveProducts xs ys = do
+  x <- xs
+  y <- ys
+  let product = x * y
+  if product > 0
+    then return product
+    else []
+	</syntax-code>
+	<div class="example">
+		<h2>Functors, Applicatives, and Monads</h2>
+		<p class="description">Example:</p>
+		<syntax-code language="haskell">
+module Abstractions where
+-- Functor instance for custom type
+data Box a = Box a deriving (Show, Eq)
+instance Functor Box where
+  fmap f (Box x) = Box (f x)
+-- Applicative instance
+instance Applicative Box where
+  pure = Box
+  (Box f) <*> (Box x) = Box (f x)
+-- Monad instance
+instance Monad Box where
+  return = pure
+  (Box x) >>= f = f x
+-- Using functor
+doubleInBox :: Box Int -> Box Int
+doubleInBox = fmap (*2)
+-- Using applicative
+applyInBox :: Box (Int -> Int) -> Box Int -> Box Int
+applyInBox f x = f <*> x
+-- Using monad
+chainBox :: Box Int -> Box Int
+chainBox x = x >>= \n -> Box (n + 1)
+	</syntax-code>
+	<div class="example">
+		<h2>Type Families and GADTs</h2>
+		<p class="description">Example:</p>
+		<syntax-code language="haskell">
+{-# LANGUAGE TypeFamilies #-}
+{-# LANGUAGE GADTs #-}
+module Advanced where
+-- Type families
+type family Element c where
+  Element [a] = a
+  Element (Maybe a) = a
+headElement :: [a] -> Element [a]
+headElement (x:_) = x
+headElement [] = error "empty list"
+-- Data families
+data family Array e
+data instance Array Int = IntArray [Int]
+data instance Array Bool = BoolArray [Bool]
+-- GADTs (Generalized Algebraic Data Types)
+data Expr a where
+  IntLit  :: Int -> Expr Int
+  BoolLit :: Bool -> Expr Bool
+  Add     :: Expr Int -> Expr Int -> Expr Int
+  Equals  :: Expr Int -> Expr Int -> Expr Bool
+  If      :: Expr Bool -> Expr a -> Expr a -> Expr a
+eval :: Expr a -> a
+eval (IntLit n) = n
+eval (BoolLit b) = b
+eval (Add x y) = eval x + eval y
+eval (Equals x y) = eval x == eval y
+eval (If cond t e) = if eval cond then eval t else eval e
+	</syntax-code>
+	<div class="example">
+		<h2>Recursive Data Structures</h2>
+		<p class="description">Example:</p>
+		<syntax-code language="haskell">
+module Recursion where
+-- Binary tree
+data Tree a = Empty
+            | Node a (Tree a) (Tree a)
+  deriving (Show, Eq)
+-- Insert into binary search tree
+insert :: Ord a => a -> Tree a -> Tree a
+insert x Empty = Node x Empty Empty
+insert x (Node y left right)
+  | x < y     = Node y (insert x left) right
+  | x > y     = Node y left (insert x right)
+  | otherwise = Node y left right
+-- Tree traversal
+inorder :: Tree a -> [a]
+inorder Empty = []
+inorder (Node x left right) = inorder left ++ [x] ++ inorder right
+-- Find in tree
+findTree :: Ord a => a -> Tree a -> Bool
+findTree _ Empty = False
+findTree x (Node y left right)
+  | x == y    = True
+  | x < y     = findTree x left
+  | otherwise = findTree x right
+-- Linked list (redundant with built-in lists, but for demonstration)
+data List a = Nil | Cons a (List a)
+  deriving (Show, Eq)
+listMap :: (a -> b) -> List a -> List b
+listMap _ Nil = Nil
+listMap f (Cons x xs) = Cons (f x) (listMap f xs)
+	</syntax-code>
+	<div class="example">
+		<h2>Lazy Evaluation and Infinite Lists</h2>
+		<p class="description">Example:</p>
+		<syntax-code language="haskell">
+module Lazy where
+-- Infinite list of natural numbers
+naturals :: [Integer]
+naturals = [0..]
+-- Fibonacci sequence (infinite)
+fibs :: [Integer]
+fibs = 0 : 1 : zipWith (+) fibs (tail fibs)
+-- Prime numbers (Sieve of Eratosthenes)
+primes :: [Integer]
+primes = sieve [2..]
+  where
+    sieve (p:xs) = p : sieve [x | x <- xs, x `mod` p /= 0]
+-- Take first n primes
+firstNPrimes :: Int -> [Integer]
+firstNPrimes n = take n primes
+-- Cycle and repeat
+repeatedPattern :: [Int]
+repeatedPattern = cycle [1, 2, 3]
+constantList :: Int -> [Int]
+constantList x = repeat x
+-- Lazy evaluation in action
+ones :: [Integer]
+ones = 1 : ones
+-- Take elements while condition holds
+takeWhileLessThan :: Int -> [Int] -> [Int]
+takeWhileLessThan n = takeWhile (< n)
+	</syntax-code>
+</body>
+</html>

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

@@ -0,0 +1,316 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>HTML Examples - @socketry/syntax</title>
+	<link rel="stylesheet" href="examples.css">
+</head>
+<body>
+	<header>
+		<h1>HTML Examples</h1>
+		<p class="subtitle">Semantic HTML5 with embedded JavaScript and CSS</p>
+	</header>
+	<nav>
+		<a href="index.html">Back to Examples</a>
+		<a href="javascript.html">JavaScript</a>
+		<a href="css-colors.html">CSS</a>
+		<a href="mixed.html">Mixed Content</a>
+	</nav>
+	<div class="example">
+		<h2>Basic HTML Document</h2>
+		<p class="description">A complete HTML5 document with common elements:</p>
+		<syntax-code language="html">
+&lt;!DOCTYPE html&gt;
+&lt;html lang="en"&gt;
+&lt;head&gt;
+	&lt;meta charset="UTF-8"&gt;
+	&lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
+	&lt;meta name="description" content="A sample page"&gt;
+	&lt;title&gt;My Awesome Website&lt;/title&gt;
+	&lt;link rel="stylesheet" href="styles.css"&gt;
+&lt;/head&gt;
+&lt;body&gt;
+	&lt;header&gt;
+		&lt;h1&gt;Welcome&lt;/h1&gt;
+		&lt;nav&gt;
+			&lt;a href="/"&gt;Home&lt;/a&gt;
+			&lt;a href="/about"&gt;About&lt;/a&gt;
+			&lt;a href="/contact"&gt;Contact&lt;/a&gt;
+		&lt;/nav&gt;
+	&lt;/header&gt;
+	&lt;main&gt;
+		&lt;article&gt;
+			&lt;h2&gt;Article Title&lt;/h2&gt;
+			&lt;p&gt;This is a paragraph.&lt;/p&gt;
+		&lt;/article&gt;
+	&lt;/main&gt;
+	&lt;footer&gt;
+		&lt;p&gt;&amp;copy; 2025 My Website&lt;/p&gt;
+	&lt;/footer&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+		</syntax-code>
+	</div>
+	<div class="example">
+		<h2>Attributes</h2>
+		<p class="description">Various attribute types:</p>
+		<syntax-code language="html">
+&lt;!-- Different attribute formats --&gt;
+&lt;input type="text" name="username" required&gt;
+&lt;input type='email' value='user@example.com'&gt;
+&lt;input type=checkbox checked disabled&gt;
+&lt;!-- Data attributes --&gt;
+&lt;div data-user-id="123" data-role="admin"&gt;&lt;/div&gt;
+&lt;!-- Boolean attributes --&gt;
+&lt;button disabled&gt;Click Me&lt;/button&gt;
+&lt;video controls autoplay muted&gt;&lt;/video&gt;
+&lt;!-- Custom attributes and ARIA --&gt;
+&lt;div
+	class="container"
+	id="main-content"
+	aria-label="Main content area"
+	role="main"
+	data-component="layout"&gt;
+	Content here
+&lt;/div&gt;
+		</syntax-code>
+	</div>
+	<div class="example">
+		<h2>HTML Entities</h2>
+		<p class="description">Named and numeric character references:</p>
+		<syntax-code language="html">
+&lt;!-- Named entities --&gt;
+&lt;p&gt;Copyright &amp;copy; 2025&lt;/p&gt;
+&lt;p&gt;Less than &amp;lt; and greater than &amp;gt;&lt;/p&gt;
+&lt;p&gt;Ampersand &amp;amp; and quotes &amp;quot;&lt;/p&gt;
+&lt;p&gt;Non-breaking &amp;nbsp; space&lt;/p&gt;
+&lt;!-- Numeric entities --&gt;
+&lt;p&gt;Em dash &amp;#8212; (decimal)&lt;/p&gt;
+&lt;p&gt;Euro sign &amp;#x20AC; (hexadecimal)&lt;/p&gt;
+&lt;p&gt;Emoji &amp;#128512; (smiley face)&lt;/p&gt;
+&lt;!-- Special characters --&gt;
+&lt;p&gt;Math: &amp;times; &amp;divide; &amp;plusmn; &amp;ne;&lt;/p&gt;
+		</syntax-code>
+	</div>
+	<div class="example">
+		<h2>Forms</h2>
+		<p class="description">Form elements and input types:</p>
+		<syntax-code language="html">
+&lt;form action="/submit" method="post" enctype="multipart/form-data"&gt;
+	&lt;fieldset&gt;
+		&lt;legend&gt;Personal Information&lt;/legend&gt;
+		&lt;label for="name"&gt;Name:&lt;/label&gt;
+		&lt;input type="text" id="name" name="name" required&gt;
+		&lt;label for="email"&gt;Email:&lt;/label&gt;
+		&lt;input type="email" id="email" name="email" required&gt;
+		&lt;label for="age"&gt;Age:&lt;/label&gt;
+		&lt;input type="number" id="age" name="age" min="0" max="120"&gt;
+		&lt;label for="country"&gt;Country:&lt;/label&gt;
+		&lt;select id="country" name="country"&gt;
+			&lt;option value=""&gt;Select...&lt;/option&gt;
+			&lt;option value="us"&gt;United States&lt;/option&gt;
+			&lt;option value="uk"&gt;United Kingdom&lt;/option&gt;
+			&lt;option value="ca"&gt;Canada&lt;/option&gt;
+		&lt;/select&gt;
+		&lt;label&gt;
+			&lt;input type="checkbox" name="subscribe"&gt;
+			Subscribe to newsletter
+		&lt;/label&gt;
+	&lt;/fieldset&gt;
+	&lt;button type="submit"&gt;Submit&lt;/button&gt;
+	&lt;button type="reset"&gt;Reset&lt;/button&gt;
+&lt;/form&gt;
+		</syntax-code>
+	</div>
+	<div class="example">
+		<h2>Semantic HTML5</h2>
+		<p class="description">Modern semantic elements:</p>
+		<syntax-code language="html">
+&lt;article&gt;
+	&lt;header&gt;
+		&lt;h1&gt;Article Heading&lt;/h1&gt;
+		&lt;time datetime="2025-10-26"&gt;October 26, 2025&lt;/time&gt;
+		&lt;address&gt;By &lt;a href="/author"&gt;John Doe&lt;/a&gt;&lt;/address&gt;
+	&lt;/header&gt;
+	&lt;section&gt;
+		&lt;h2&gt;Introduction&lt;/h2&gt;
+		&lt;p&gt;Article content...&lt;/p&gt;
+	&lt;/section&gt;
+	&lt;aside&gt;
+		&lt;h3&gt;Related Links&lt;/h3&gt;
+		&lt;nav&gt;
+			&lt;ul&gt;
+				&lt;li&gt;&lt;a href="#"&gt;Link 1&lt;/a&gt;&lt;/li&gt;
+				&lt;li&gt;&lt;a href="#"&gt;Link 2&lt;/a&gt;&lt;/li&gt;
+			&lt;/ul&gt;
+		&lt;/nav&gt;
+	&lt;/aside&gt;
+	&lt;footer&gt;
+		&lt;p&gt;Published under &lt;a href="/license"&gt;CC BY&lt;/a&gt;&lt;/p&gt;
+	&lt;/footer&gt;
+&lt;/article&gt;
+		</syntax-code>
+	</div>
+	<div class="example">
+		<h2>Comments and CDATA</h2>
+		<p class="description">HTML comments and CDATA sections:</p>
+		<syntax-code language="html">
+&lt;!-- This is a single-line comment --&gt;
+&lt;!--
+	Multi-line comment
+	spanning multiple lines
+	with various content
+--&gt;
+&lt;!-- Nested tags in comments: &lt;div&gt;&lt;/div&gt; --&gt;
+&lt;script&gt;
+	// &lt;![CDATA[
+	// CDATA wrapped in JavaScript comments (legacy technique)
+	// JavaScript comments should be highlighted
+	var x = 1 &lt; 2 &amp;&amp; 3 &gt; 2;
+	console.log("No need to escape &lt; &gt; &amp;");
+	/* Multi-line comment
+	   inside CDATA */
+	// ]]&gt;
+&lt;/script&gt;
+		</syntax-code>
+	</div>
+	<div class="example">
+		<h2>Media Elements</h2>
+		<p class="description">Images, video, and audio:</p>
+		<syntax-code language="html">
+&lt;!-- Images --&gt;
+&lt;img src="photo.jpg" alt="Description" width="800" height="600"&gt;
+&lt;picture&gt;
+	&lt;source srcset="image.webp" type="image/webp"&gt;
+	&lt;source srcset="image.jpg" type="image/jpeg"&gt;
+	&lt;img src="fallback.jpg" alt="Responsive image"&gt;
+&lt;/picture&gt;
+&lt;!-- Video --&gt;
+&lt;video controls width="640" height="360" poster="preview.jpg"&gt;
+	&lt;source src="video.mp4" type="video/mp4"&gt;
+	&lt;source src="video.webm" type="video/webm"&gt;
+	&lt;track src="subtitles.vtt" kind="subtitles" srclang="en" label="English"&gt;
+	Your browser doesn't support video.
+&lt;/video&gt;
+&lt;!-- Audio --&gt;
+&lt;audio controls&gt;
+	&lt;source src="audio.mp3" type="audio/mpeg"&gt;
+	&lt;source src="audio.ogg" type="audio/ogg"&gt;
+	Your browser doesn't support audio.
+&lt;/audio&gt;
+		</syntax-code>
+	</div>
+	<div class="example">
+		<h2>Embedded JavaScript</h2>
+		<p class="description">JavaScript in script tags with proper syntax highlighting:</p>
+		<syntax-code language="html">
+&lt;!-- Default script tag (JavaScript) --&gt;
+&lt;script&gt;
+	// Single-line comment
+	const greeting = "Hello, World!";
+	/* Multi-line comment
+	   explaining the code */
+	function sayHello(name) {
+		console.log(`Hello, ${name}!`);
+	}
+	// Modern JavaScript features
+	const numbers = [1, 2, 3, 4, 5];
+	const doubled = numbers.map(n =&gt; n * 2);
+	// Async/await
+	async function fetchData() {
+		const response = await fetch('/api/data');
+		return response.json();
+	}
+&lt;/script&gt;
+&lt;!-- Explicit JavaScript type --&gt;
+&lt;script type="text/javascript"&gt;
+	// Traditional inline script
+	document.addEventListener('DOMContentLoaded', function() {
+		// Event handler code
+		console.log('Page loaded');
+	});
+&lt;/script&gt;
+&lt;!-- Import map (JSON syntax) --&gt;
+&lt;script type="importmap"&gt;
+{
+	"imports": {
+		"vue": "https://cdn.jsdelivr.net/npm/vue@3/dist/vue.esm-browser.js",
+		"lodash": "/node_modules/lodash-es/lodash.js"
+	}
+}
+&lt;/script&gt;
+&lt;!-- ES Module --&gt;
+&lt;script type="module"&gt;
+	// Module-scoped code
+	import { helper } from './utils.js';
+	class MyComponent {
+		constructor() {
+			this.name = 'Component';
+		}
+		render() {
+			// Rendering logic
+			return `&lt;div&gt;${this.name}&lt;/div&gt;`;
+		}
+	}
+&lt;/script&gt;
+		</syntax-code>
+	</div>
+	<script type="module">
+		import Syntax from '../Syntax.js';
+		// Initialize highlighting
+		await Syntax.highlight({
+			autoUpgrade: true,
+			syntax: Syntax.default
+		});
+	</script>
+</body>
+</html>