@miliastry/quasar 1.0.0

package/src/Visuals/osu.css

@@ -0,0 +1,257 @@
+/**
+ * DocumentEngine — Visuals / osu.css
+ *
+ * osu!-inspired BBCode preview theme.
+ * Extracted from the de-tester page to be a reusable platform visual.
+ *
+ * Reproduce el estilo visual del foro de osu! para la vista previa de BBCode.
+ * Todas las reglas están scoped bajo `.bbcode-preview` para no contaminar
+ * estilos globales.
+ *
+ * Uso:
+ *   import 'MiliastryPlatform/DocumentEngine/Visuals/osu.css'
+ *   // o vía JS: import { osuCSS } from './Visuals'
+ *   // y luego injectarlo como <style>{osuCSS}</style>
+ */
+
+/* ─── Base ───────────────────────────────────────────── */
+
+.bbcode-preview:not(.bbcode-preview-lyne):not(.theme-lyne) {
+  font-family: "Inter", "Segoe UI", Tahoma, Geneva, Verdana, "Cambria Math", "STIX Two Math", sans-serif;
+  font-size: 14px;
+  line-height: 1.5;
+  color: #ffffff;
+  word-break: break-word;
+  overflow-wrap: break-word;
+}
+.bbcode-preview:not(.bbcode-preview-lyne):not(.theme-lyne) a {
+  color: #7EB8E0;
+  text-decoration: none;
+  transition: border-color 0.15s, color 0.15s;
+}
+.bbcode-preview:not(.bbcode-preview-lyne):not(.theme-lyne) a:hover {
+  color: #94C8EA;
+  border-bottom: 1px solid rgba(126,184,224,0.7);
+}
+
+/* ─── Headings ───────────────────────────────────────── */
+
+.bbcode-preview:not(.bbcode-preview-lyne):not(.theme-lyne) h2 {
+  font-size: 23.1px;
+  font-weight: 700;
+  color: #ffffff;
+  margin: 10px 0 0 0;
+  padding: 0;
+  line-height: 1;
+  letter-spacing: -0.02em;
+}
+
+/* ─── Blockquotes ────────────────────────────────────── */
+
+.bbcode-preview:not(.bbcode-preview-lyne):not(.theme-lyne) blockquote {
+  padding: 0 0 0 20px;
+  margin: 0 0 20px 0;
+  border-left: 2px solid #D194B3;
+  color: #ffffff;
+  font-style: normal;
+  background: none;
+}
+/* ─── Code ───────────────────────────────────────────── */
+
+.bbcode-preview:not(.bbcode-preview-lyne):not(.theme-lyne) pre {
+  padding: 10px;
+  margin-bottom: 10px;
+  background: #1C1719;
+  border: 1px solid #43383A;
+  border-radius: 8px;
+  overflow-x: auto;
+}
+.bbcode-preview:not(.bbcode-preview-lyne):not(.theme-lyne) pre code {
+  font-family: 'PT Mono', 'Geist Mono', 'JetBrains Mono', monospace;
+  font-size: 13px;
+  line-height: 1.5;
+  color: #ffffff;
+  font-weight: 300;
+  background: none;
+  padding: 0;
+  border: none;
+}
+.bbcode-preview:not(.bbcode-preview-lyne):not(.theme-lyne) code.inline {
+  font-family: 'JetBrains Mono', monospace;
+  font-size: 13px;
+  padding: 1px 5px;
+  background: rgba(255,255,255,0.06);
+  border: 1px solid rgba(255,255,255,0.1);
+  border-radius: 4px;
+  color: inherit;
+}
+
+/* ─── Notice ─────────────────────────────────────────── */
+
+.bbcode-preview:not(.bbcode-preview-lyne):not(.theme-lyne) .notice {
+  padding: 19px;
+  background: rgba(0, 0, 0, 0.3);
+  border: 2px solid rgba(255, 231, 250, 0.202);
+  border-radius: 4px;
+  color: #ffffff;
+}
+
+/* ─── Spoiler ────────────────────────────────────────── */
+
+.bbcode-preview:not(.bbcode-preview-lyne):not(.theme-lyne) .spoiler {
+  background: #000;
+  color: #000;
+  cursor: text;
+}
+.bbcode-preview:not(.bbcode-preview-lyne):not(.theme-lyne) .spoiler::selection {
+  color: #fff;
+  background: #555;
+}
+
+/* ─── Box / Spoilerbox ───────────────────────────────── */
+
+.bbcode-preview:not(.bbcode-preview-lyne):not(.theme-lyne) details {
+  padding: 0;
+  background: none;
+  border: none;
+  border-radius: 0;
+}
+.bbcode-preview:not(.bbcode-preview-lyne):not(.theme-lyne) details summary {
+  cursor: pointer;
+  font-weight: 600;
+  color: #D194B3;
+  font-size: 13px;
+  user-select: none;
+}
+.bbcode-preview:not(.bbcode-preview-lyne):not(.theme-lyne) details[open] {
+  padding-bottom: 0;
+}
+
+/* ─── Lists ──────────────────────────────────────────── */
+
+.bbcode-preview:not(.bbcode-preview-lyne):not(.theme-lyne) ul {
+  margin: 0;
+  padding-left: 24px;
+  list-style: disc outside;
+}
+.bbcode-preview:not(.bbcode-preview-lyne):not(.theme-lyne) ol {
+  margin: 0;
+  padding-left: 24px;
+  list-style: decimal outside;
+}
+.bbcode-preview:not(.bbcode-preview-lyne):not(.theme-lyne) li {
+  margin: 0;
+  line-height: 1.5;
+  display: list-item;
+}
+.bbcode-preview:not(.bbcode-preview-lyne):not(.theme-lyne) li::marker {
+  color: #D194B3;
+}
+
+/* ─── Media ──────────────────────────────────────────── */
+
+.bbcode-preview:not(.bbcode-preview-lyne):not(.theme-lyne) img {
+  max-width: 100%;
+  height: auto;
+  border-radius: 8px;
+}
+.bbcode-preview:not(.bbcode-preview-lyne):not(.theme-lyne) iframe {
+  /* inline-block (no block): el preflight de Tailwind fuerza `iframe{display:block}`
+   * y eso rompe el centrado por `text-align:center` de [centre]. Igual que las
+   * imágenes: inline-level para que text-align lo centre. */
+  display: inline-block;
+  max-width: 100%;
+  border-radius: 8px;
+}
+.bbcode-preview:not(.bbcode-preview-lyne):not(.theme-lyne) audio {
+  width: 100%;
+}
+
+/* ─── Image Map ──────────────────────────────────────── */
+
+.bbcode-preview:not(.bbcode-preview-lyne):not(.theme-lyne) .bbcode-imagemap,
+.bbcode-preview:not(.bbcode-preview-lyne):not(.theme-lyne) .imagemap-container {
+  display: inline-block;
+  position: relative;
+  max-width: 100%;
+  overflow: hidden;
+  border-radius: 8px;
+}
+
+.bbcode-preview:not(.bbcode-preview-lyne):not(.theme-lyne) .bbcode-imap-area,
+.bbcode-preview:not(.bbcode-preview-lyne):not(.theme-lyne) .imagemap-area {
+  position: absolute;
+  display: block;
+  border-radius: 6px;
+  border: 1.5px dashed rgba(255, 173, 210, 0.7);
+  background: rgba(255, 173, 210, 0.18);
+  transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1);
+  text-decoration: none;
+  cursor: pointer;
+  box-sizing: border-box;
+}
+
+.bbcode-preview:not(.bbcode-preview-lyne):not(.theme-lyne) .bbcode-imap-area:hover,
+.bbcode-preview:not(.bbcode-preview-lyne):not(.theme-lyne) .imagemap-area:hover {
+  border-style: solid;
+  border-color: rgba(255, 173, 210, 1);
+  background: rgba(255, 173, 210, 0.38);
+  transform: scale(1.02);
+  z-index: 10;
+}
+
+/* ─── Decorative / Fun Styles ────────────────────────── */
+
+.bbcode-preview:not(.bbcode-preview-lyne):not(.theme-lyne) .media-error {
+  padding: 8px 12px;
+  background: rgba(229,90,107,0.1);
+  border: 1px solid rgba(229,90,107,0.25);
+  border-radius: 6px;
+  color: #e55a6b;
+  font-size: 12px;
+  font-family: 'JetBrains Mono', monospace;
+}
+.bbcode-preview:not(.bbcode-preview-lyne):not(.theme-lyne) .zalgo {
+  letter-spacing: 0.5em;
+  opacity: 0.8;
+}
+.bbcode-preview:not(.bbcode-preview-lyne):not(.theme-lyne) .aesthetic {
+  letter-spacing: 0.3em;
+  font-weight: 300;
+  opacity: 0.85;
+}
+.bbcode-preview:not(.bbcode-preview-lyne):not(.theme-lyne) .sparkle {
+  background: linear-gradient(45deg, #FFD700, #FF69B4, #00CED1);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+}
+.bbcode-preview:not(.bbcode-preview-lyne):not(.theme-lyne) .bubble {
+  display: inline-block;
+  padding: 2px 10px;
+  border-radius: 12px;
+  background: rgba(255,255,255,0.06);
+  border: 1px solid rgba(255,255,255,0.12);
+}
+.bbcode-preview:not(.bbcode-preview-lyne):not(.theme-lyne) .flower {
+  display: inline-block;
+  transform: rotate(-5deg) scale(0.95);
+  font-style: italic;
+  color: #F0A0C0;
+}
+
+/* ─── Semantic Spacing ───────────────────────────────── */
+
+.bbcode-preview:not(.bbcode-preview-lyne):not(.theme-lyne) .bbcode-sp {
+  display: block;
+  height: 0;
+  min-height: 0;
+  margin: 0;
+  padding: 0;
+}
+.bbcode-preview:not(.bbcode-preview-lyne):not(.theme-lyne) .bbcode-para {
+  display: block;
+  height: 1em;
+  min-height: 12px;
+  padding: 0;
+}

package/src/index.ts

@@ -0,0 +1,197 @@
+/**
+ * MiliastryPlatform / DocumentEngine — Public API
+ *
+ * Language Platform agnóstica. El BBCode es solo una representación.
+ * Todo pasa por el Document Model.
+ *
+ * @see MILIASTRY_DOCUMENT_ENGINE_ARCHITECTURE.md
+ */
+
+// ═══════════════════════════════════════════════════
+// 🟢 PUBLIC API
+// ═══════════════════════════════════════════════════
+
+export { DocumentModel } from './Model/DocumentModel'
+export type {
+  DocumentNode,
+  NodeKind,
+  NodeAttributes,
+  NodeMetadata,
+  DocumentChangeEvent,
+  SourceRange
+} from './Types/core'
+
+// ── Lexer ──
+export { Lexer, type LexerOptions } from './Lexer/Lexer'
+export type { Token, TokenKind, Trivia, TriviaKind } from './Types/tokens'
+
+// ── Green/Red Tree ──
+export { GreenNode, greenNode, greenLeaf } from './Syntax/GreenNode'
+export { RedNode } from './Syntax/RedNode'
+export { RedNodeStore } from './Syntax/RedNodeStore'
+export { TreeBuilder, type BuildResult } from './Syntax/TreeBuilder'
+export { NodeMatcher, type MatchResult } from './Syntax/NodeMatcher'
+
+// ── Semantic ──
+export { SemanticAnalyzer, type AnalyzeResult } from './Semantic/SemanticAnalyzer'
+export type { Diagnostic, DiagnosticSeverity, DiagnosticTag } from './Types/diagnostics'
+
+// ── Tag Registry ──
+export { TagRegistry, type TagDefinition, type TagHandler } from './Model/TagRegistry'
+export { NodeFactory } from './Model/NodeFactory'
+
+// ── Incremental ──
+export { IncrementalParser, type EditOperation } from './Incremental/IncrementalParser'
+export { ChangeTracker, type TextChange } from './Incremental/ChangeTracker'
+
+// ── Diff ──
+export { TreeDiffer, type DiffOperation, type DiffKind } from './Diff/TreeDiffer'
+
+// ── Visitors ──
+export { Visitor, type VisitorContext } from './Visitors/Visitor'
+export { BBCodeExporter, MILIASTRY_ONLY_TAGS, LYNE_ONLY_TAGS, type ExportTarget } from './Visitors/BBCodeExporter'
+export { BBBlocksExporter, type UIBBBlock } from './Visitors/BBBlocksExporter'
+export { HTMLRenderer, type HTMLRendererOptions } from './Visitors/HTMLRenderer'
+export { morphHTML } from './Visitors/DOMMorpher'
+export { patchBlocksInto } from './Visitors/BlockPatcher'
+export { SVGRenderer } from './Visitors/SVGRenderer'
+export { MarkdownExporter } from './Visitors/MarkdownExporter'
+export { JSONExporter } from './Visitors/JSONExporter'
+export { TiptapExporter } from './Visitors/TiptapExporter'
+
+// ── Transactions ──
+export { Transaction } from './Transactions/Transaction'
+export type { Operation } from './Types/operations'
+export { UndoManager, type UndoEntry } from './Transactions/UndoManager'
+
+// ── Commands ──
+export { CommandRegistry } from './Commands/CommandRegistry'
+export type { Command, CommandContext, CommandResult } from './Commands/Command'
+export { InsertText } from './Commands/InsertText'
+export { DeleteNode } from './Commands/DeleteNode'
+export { WrapInTag } from './Commands/WrapInTag'
+export { SplitNode, MergeNode } from './Commands/SplitMerge'
+
+// ── Queries ──
+export { QueryEngine } from './Queries/QueryEngine'
+export type { Query, QueryMatch, QueryResult } from './Types/queries'
+
+// ── Formatter ──
+export { Formatter, type FormatOptions } from './Formatter/Formatter'
+
+// ── Linter ──
+export { Linter, type LintRule, type LintResult } from './Linter/Linter'
+
+// ── Symbols ──
+export { SymbolTable } from './Symbols/SymbolTable'
+export type { SymbolInfo, SymbolKind, Reference, SymbolSearchResult } from './Types/symbols'
+
+// ── Render Pipeline ──
+export { RenderPipeline } from './RenderPipeline/RenderPipeline'
+export { RenderTree, type RenderNode, type RenderVariant } from './RenderPipeline/RenderTree'
+
+// ── Plugin API ──
+export { PluginAPI } from './Plugins/PluginAPI'
+export { PluginRegistry, type PluginManifest, type PluginContribution } from './Plugins/PluginRegistry'
+
+// ── BBCode Bridge ──
+export { BBCodeDocumentModel } from './BBCode/BBCodeDocumentModel'
+export type { BBCodeDocumentModelOptions } from './BBCode/BBCodeDocumentModel'
+export {
+  bbBlocksToRedTree,
+  bbBlocksToGreenTree,
+  bbBlockToGreenNode,
+  greenToRedNode,
+  tagToNodeKind,
+  nodeKindToTag,
+  isBlockKind,
+  BBCODE_TAG_NAMES,
+  getBBCodeTagNames,
+  type BBCodeDialect,
+} from './BBCode/BBCodeToGreenNode'
+export type { BBBlock } from './BBCode/BBCodeToGreenNode'
+
+// ── Events ──
+export { DocumentEventBus, type DocumentEvent, type DocumentEventHandler } from './Events/EventBus'
+
+// ── Collab (position transforms — see QuasarCollab.MD) ──
+export { transformOffset, transformRange, type TransformBias } from './Collab/positions'
+
+// ── Visuals ──
+export { visualThemes } from './Visuals/index'
+export type { VisualThemeId } from './Visuals/index'
+export { bindBoxDrawer, toggleBoxWithDrawer } from './Visuals/BoxDrawer'
+export type { BoxDrawerOptions } from './Visuals/BoxDrawer'
+
+// ── Tree Transformers (document-wide effects) ──
+export { applyGradient, applyGrow, applyRainbow, applyCentralGradient, applyMultiGradient, applyEffect, countTextLength } from './Utils/treeTransformers'
+export type { GradientEffect, GrowEffect, RainbowEffect, CentralGradientEffect, MultiGradientEffect, TreeEffect } from './Utils/treeTransformers'
+
+// ── DOM Utilities ──
+export { domToSVG, domToSVGResult } from './Utils/dom-to-svg'
+export type { DomToSVGOptions, DomToSVGResult, SVGLayerInfo } from './Utils/dom-to-svg'
+
+// ── Transformation Engine ──
+export type { Transformer } from './Transformers/Transformer'
+export { ASTOptimizer } from './Transformers/ASTOptimizer'
+export { SineWaveTransformer, type SineWaveOptions } from './Transformers/SineWaveTransformer'
+export { RainbowTransformer, type RainbowOptions } from './Transformers/RainbowTransformer'
+export { GradientTransformer, type GradientOptions } from './Transformers/GradientTransformer'
+export { GrowTransformer, type GrowOptions } from './Transformers/GrowTransformer'
+
+// ── Markdown Bridge ──
+export { MarkdownDocumentModel } from './Markdown/MarkdownDocumentModel'
+export { markdownAstToGreenTree, markdownAstToRedTree } from './Markdown/MarkdownToGreenNode'
+
+// ── HTML Bridge ──
+export { HTMLDocumentModel } from './HTML/HTMLDocumentModel'
+export { htmlStringToGreenTree } from './HTML/HTMLToGreenNode'
+
+// ── Analysis Framework ──
+export {
+  Pipeline,
+  PipelineBuilder,
+  PipelineStage,
+  ContributionKind,
+  PipelineMode,
+  CharacterCountAnalyzer,
+  MergeableColorAnalyzer,
+  GradientAnalyzer,
+  RainbowAnalyzer,
+  WaveAnalyzer,
+  DefaultDecision,
+  CollapseGradientTransform,
+  RainbowCollapseTransform,
+  WaveCollapseTransform,
+  MergeColorsTransform,
+} from './Analysis/index'
+export type {
+  Pass,
+  AnalyzerPass,
+  DecisionPass,
+  TransformPass,
+  TransformationPlan,
+  TransformAction,
+  Contribution,
+  SemanticContribution,
+  DiagnosticContribution,
+  OptimizationContribution,
+  MetricsContribution,
+  AnalysisReport,
+  PipelineContext,
+  PipelineResult,
+  GradientModel,
+  GradientDiagnostics,
+  GradientStop,
+  RainbowModel,
+  RainbowDiagnostics,
+  WaveModel,
+  WaveDiagnostics,
+} from './Analysis/index'
+
+// NOTE: `ExportTarget` from Analysis is intentionally omitted to avoid
+// naming collision with the existing `ExportTarget` from Visitors/BBCodeExporter.
+// Consumers who need the Analysis export target can import directly:
+// `import { ExportTarget } from '@miliastry/quasar/Analysis/Contracts/PipelineContext'`
+
+