open-index/open-npm huggingface dataset:
npm package: @lydio/megalodom
Description: Complete production grade DOM for Lydio combining HTML, meta, schema, and layout fragments.
Author: Alex Stevovich
Latest version: 3.0.4

# @lydio/megalodom

**Canonical URL:**  
[https://alexstevovich.com/a/lydio-megalodom-nodejs](https://alexstevovich.com/a/lydio-megalodom-nodejs)

**Software URL:**  
[https://midnightcitylights.com/software/lydio-megalodom-nodejs](https://midnightcitylights.com/software/lydio-megalodom-nodejs)

**A complete production grade DOM for [Lydio](https://alexstevovich.com/a/lydio-nodejs).**

Megalodom creates a complete production grade HTML DOM including doctype, `<html>`, `<head>`, and `<body>` with integrated meta tags, schema, and layout fragments.

---

## Installation

```sh
npm install @lydio/megalodom
```

## Example

```js
import LydioMegalodom from '@lydio/megalodom';

const doc = new LydioMegalodom();

doc.withTitle('Example Page');
doc.withDescription('A fully generated HTML document built with Lydio.');
doc.withCanonical('https://example.com');

// Add structured data schema
doc.withSchema({
    '@context': 'https://schema.org',
    '@type': 'WebPage',
    name: 'Example Page',
    url: 'https://example.com',
});

// Add styles or scripts
doc.styles
    .addLeaf('link')
    .withAttribute('rel', 'stylesheet')
    .withAttribute('href', '/css/site.css');

doc.scripts.addLeaf('script').withAttribute('src', '/js/main.js');

// Add content
doc.main.addTag('h1').withText('Welcome to Example Page');
doc.body.postmain.addTag('footer').withText('© 2025 Example Site');

console.log(doc.toHtml());

/*output
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Example Page</title>
<link rel="canonical" href="https://example.com">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="index, follow">
<meta name="description" content="A fully generated HTML document built with Lydio.">
<meta property="og:title" content="Example Page">
<meta property="og:url" content="https://example.com">
<script src="/js/main.js"></script>
<link rel="stylesheet" href="/css/site.css">
</head>
<body>
<main>
<h1>Welcome to Example Page</h1>
</main>
<footer>© 2025 Example Site</footer>
</body>
</html>
*/
```

## Features

- Generates a complete HTML document tree with doctype.
- Integrates @lydio/meta-tags and @lydio/schema automatically.
- Provides pre-structured <head> and <body> regions for predictable composition.
- Simple chainable API for titles, descriptions, and canonical links.
- Perfect for static site generation, server-side rendering, or content exports.

## License

Licensed under the [Apache License 2.0](https://www.apache.org/licenses/LICENSE-2.0).

## Trademark

“Lydio” and related marks are trademarks of [Alex Stevovich](https://alexstevovich.com).

See [TRADEMARK.md](./TRADEMARK.md) for details.
npm package: @lydio/meta-tags
Description: Metadata and social meta tag generator node for Lydio
Author: Alex Stevovich
Latest version: 3.0.2

# @lydio/meta-tags

**Canonical URL:**  
[https://alexstevovich.com/a/lydio-meta-tags-nodejs](https://alexstevovich.com/a/lydio-meta-tags-nodejs)

**Software URL:**  
[https://midnightcitylights.com/software/lydio-meta-tags-nodejs](https://midnightcitylights.com/software/lydio-meta-tags-nodejs)

**Metadata and social meta tag generator for [Lydio](https://alexstevovich.com/a/lydio-nodejs).**

`@lydio/meta-tags` creates a complete `<head>` metadata block,  
including standard meta tags, Open Graph properties, and Twitter cards.  
It’s ideal for generating SEO-ready pages within Lydio pipelines.

---

## Installation

```sh
npm install @lydio/meta-tags
```

## Example

```js
import MetaTags from '@lydio/meta-tags';

const meta = new MetaTags();

meta.withTitle('Midnight Citylights');
meta.withDescription(
    'Independent software studio and creative systems developer.',
);
meta.withCanonical('https://midnightcitylights.com');

console.log(meta.toHtml());
/*
<title>Midnight Citylights</title>
<link rel="canonical" href="https://midnightcitylights.com">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="index, follow">
<meta name="description" content="Independent software studio and creative systems developer.">
<meta name="theme-color" content="">
<meta property="og:type" content="">
<meta property="og:url" content="https://midnightcitylights.com">
<meta property="og:locale" content="">
<meta property="og:site_name" content="">
<meta property="og:title" content="Midnight Citylights">
<meta property="og:description" content="Independent software studio and creative systems developer.">
<meta property="og:image" content="">
<meta property="og:image:width" content="">
<meta property="og:image:height" content="">
<meta name="twitter:card" content="">
<meta name="twitter:site" content="">
<meta name="twitter:creator" content="">
<meta name="twitter:title" content="Midnight Citylights">
<meta name="twitter:description" content="Independent software studio and creative systems developer.">
<meta name="twitter:image" content="">
*/
```

## Features

- Includes standard, Open Graph, and Twitter meta tags.
- Provides helper setters for title, description, and canonical URL.
- Automatically synchronizes values between Open Graph and Twitter tags.
- Built for direct use within any <head> section.

## License

Licensed under the [Apache License 2.0](https://www.apache.org/licenses/LICENSE-2.0).

## Trademark

“Lydio” and related marks are trademarks of [Alex Stevovich](https://alexstevovich.com).

See [TRADEMARK.md](./TRADEMARK.md) for details.
npm package: @lydio/molecules
Description: Useful general patterns for Lydio.
Author: Alex Stevovich
Latest version: 4.0.0

# @lydio/molecules

**Canonical URL:**  
[https://alexstevovich.com/a/lydio-molecules-nodejs](https://alexstevovich.com/a/lydio-molecules-nodejs)

**Software URL:**  
[https://midnightcitylights.com/software/lydio-molecules-nodejs](https://midnightcitylights.com/software/lydio-molecules-nodejs)

**Useful general patterns for Lydio [Lydio](https://alexstevovich.com/a/lydio-nodejs).**

`@lydio/molecules` provides small compositional HTML structures — reusable, semantic, and built directly on top of Lydio’s atomic HTML system.  
These include paired layouts, key–value components, and masked elements.

---

## Installation

```sh
npm install @lydio/molecules
```

## Example

```js
import { KeyValue, ColumnPair, Mask } from '@lydio/molecules';

// Key–value layout
const kv = new KeyValue();
kv.key.withText('Username:');
kv.value.withText('example_user');

// Two-column pair
const pair = new ColumnPair();
pair.left.withText('Left column');
pair.right.withText('Right column');

// Masked element
const mask = new Mask();
mask.withSrc('/assets/mask-shape.svg');

// Render
console.log(kv.toHtml());
console.log(pair.toHtml());
console.log(mask.toHtml());

/*output
<div class="key_value">
  <div class="key">Username:</div>
  <div class="value">example_user</div>
</div>

<div class="column_pair">
  <div class="left">Left column</div>
  <div class="right">Right column</div>
</div>

<div class="mask" style="mask-image:url('/assets/mask-shape.svg');-webkit-mask-image:url('/assets/mask-shape.svg')"></div>
*/
```

## Features

- Small reusable building blocks built from HTML atoms.
- Pass class overrides through the constructor options object.
- All setters and configuration methods return `this`.

## License

Licensed under the [Apache License 2.0](https://www.apache.org/licenses/LICENSE-2.0).

## Trademark

“Lydio” and related marks are trademarks of [Alex Stevovich](https://alexstevovich.com).

See [TRADEMARK.md](./TRADEMARK.md) for details.