solarite 0.2.0 → 0.2.2

package/docs/js/codemirror/themeSolarIce.js

@@ -1,312 +0,0 @@
-import {EditorView, HighlightStyle, syntaxHighlighting, tags as t} from './codemirror6.js';
-
-
-/**
- * Use warm colors for xml-like languages, cool colors for other languages.
- * @param lang {string} Can be 'js', 'md', 'htaccess', etc.  The file extension.
- * @param isDark
- * @returns {*[]} */
-function themeSolarIce(lang, isDark=false) {
-	
-	// Re-used colors
-	const
-		stone = "#7d8799",
-		text = isDark ? "#aaa" : 'black',
-		darkBackground = "#21252b",
-		highlightBackground = isDark ? "#2c313a" : '#ddd',
-		background = isDark ? "transparent" : 'white',
-		tooltipBackground = "#353a42",
-		selection = isDark ? "#234" : '#ccc',
-		cursor = "#528bff"
-
-
-	// Editor theme styles.
-	const solarIceTheme = EditorView.theme({
-		"&": { // parent selector
-			color: text,
-			backgroundColor: background,
-		},
-
-		".cm-content": {
-			caretColor: cursor,
-			//fontFamily: 'Hack',
-			fontSize: window.outerWidth > 512 ? '13px' : '12px',
-			//lineHeight: 1
-		},
-
-		".cm-cursor, .cm-dropCursor": {borderLeftColor: cursor},
-		"&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection": { backgroundColor: selection },
-
-		".cm-panels": {backgroundColor: darkBackground, color: text},
-		".cm-panels.cm-panels-top": {borderBottom: "2px solid black"},
-		".cm-panels.cm-panels-bottom": {borderTop: "2px solid black"},
-
-		".cm-searchMatch": {
-			backgroundColor: "#72a1ff59",
-			outline: "1px solid #457dff"
-		},
-		".cm-searchMatch.cm-searchMatch-selected": {
-			backgroundColor: "#6199ff2f"
-		},
-
-		".cm-activeLine": {backgroundColor: "transparent"}, // Transparent b/c it's drawn on top of selection.  CodeMirror bug.
-		".cm-selectionMatch": {backgroundColor: isDark ? "#aafe661a" : '#eee'}, // Mark occurances
-
-		"&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
-			backgroundColor: "#bad0f847"
-		},
-
-		".cm-gutters": {
-			backgroundColor: background,
-			color: stone,
-			border: "none"
-		},
-
-		":focus-within .cm-activeLineGutter": {
-			backgroundColor: highlightBackground
-		},
-
-		".cm-foldPlaceholder": {
-			backgroundColor: "transparent",
-			border: "none",
-			color: "#ddd"
-		},
-
-		".cm-tooltip": {
-			border: "none",
-			backgroundColor: tooltipBackground
-		},
-		".cm-tooltip .cm-tooltip-arrow:before": {
-			borderTopColor: "transparent",
-			borderBottomColor: "transparent"
-		},
-		".cm-tooltip .cm-tooltip-arrow:after": {
-			borderTopColor: tooltipBackground,
-			borderBottomColor: tooltipBackground
-		},
-		".cm-tooltip-autocomplete": {
-			"& > ul > li[aria-selected]": {
-				backgroundColor: highlightBackground,
-				color: text
-			}
-		}
-	}, {dark: true})
-
-	// Code styles
-	let styles = [
-
-		// Universal
-		{
-			tag: [t.comment],
-			color: isDark ? '#0c0' : '#060'
-		},
-		{
-			tag: [t.docComment], // doesn't work?
-			color: '#49c',
-			fontWeight: 'bold'
-		},
-		{
-			tag: [t.docString], // doesn't work?
-			color: '#49c'
-		},
-
-		// Html
-		{
-			tag: [t.angleBracket, t.documentMeta], // t.meta is the doctype
-			color: isDark ? '#b32' : '#e00'
-		},
-		{
-			tag: [t.attributeValue],
-			color: isDark ? '#d60' : '#f50'
-		},
-		{
-			tag: [t.character], // html entity
-			color: isDark ? '#880' : '#880'
-		},
-		{
-			tag: [t.content], // Text in html
-			color: isDark ? '#987' : '#210'
-		},
-		// Html and css
-		{
-			tag: [t.tagName], // Tag name selector
-			color: lang === 'css'
-				? (isDark ? '#26f' : '#00f')
-				: (isDark ? '#b32' : '#e00') // html/php
-		},
-		{
-			tag: [t.attributeName],
-			color: lang === 'css'
-				? (isDark ? '#469' : '#469')
-				: (isDark ? '#885b22' : '#600')
-		},
-		
-		// CSS
-		{
-			tag: [t.atom], // Css value like 'Arial' or 'none'.  Keyword 'super' in javascript
-			color: lang === 'js'
-				? (isDark ? '#26f' : '#00f')
-				: (isDark ? '#26f' : '')
-		},
-		{
-			tag: [t.unit],
-			color: isDark ? '#95a' : ''
-		},
-		{
-			tag: [t.color],
-			color: isDark ? '#95a' : '#60b'
-		},
-		{
-			tag: [t.constant(t.name)], // pseudo-selector
-			color: isDark ? '#598' : '#18a'
-		},
-
-		// C-like
-		{
-			tag: [t.keyword, t.modifier, t.self], // public/private/protected, css selector.  self=this keyword.
-			color: isDark ? '#26f' : '#00f',
-			fontWeight: 'bold'
-		},
-		{
-			tag: [t.bool, t.typeName],
-			color: isDark ? '#26f' : '#00f'
-		},
-		{
-			tag: [t.function(t.name)],
-			color: isDark ? '#598' : '#18a'
-		},
-		{
-			tag: [t.name, t.propertyName],
-			color: isDark ? '#469' : '#038'
-		},
-		{
-			tag: [t.constant],
-			color: isDark ? '#598' : '#598'
-		},
-		{
-			tag: [t.labelName],
-			color: isDark ? '#469' : '#057'
-		},
-
-
-		{
-			tag: [t.number],
-			color: isDark ? '#95a' : '#60b'
-		},
-		{
-			tag: [t.string, t.regexp], // t.string also colors html entities
-			color: isDark ? '#75f' : '#60b'
-		},
-		{
-			tag: [t.separator], // '::' or '->' in php
-			color: text
-		},
-		{
-			tag: t.invalid,
-			color: 'red',
-			textDecoration: 'underline'
-		},
-
-
-		// Unused
-		{
-			tag: [],
-			color: '#ff0'
-		},
-
-		// Unknown
-		// These will show up as yellow so i can figure ot what they are.
-		{
-			tag: [t.standard(t.name), t.annotation, t.macroName],
-			color: '#ff0'
-		},
-
-
-		// Markdown:
-		{
-			tag: t.meta,
-			fontWeight: "bold",
-			color: '#abc'
-		},
-		{
-			tag: t.strong,
-			fontWeight: "bold",
-			color: "#ccc"
-		},
-		{
-			tag: t.emphasis,
-			fontStyle: "italic",
-		},
-		{
-			tag: t.strikethrough,
-			textDecoration: "line-through",
-		},
-		{
-			tag: t.link,
-			color: '#469',
-			textDecoration: "underline"
-		},
-		{
-			tag: t.heading1,
-			fontWeight: "900",
-			fontSize: '250%',
-			color: 'white',
-			backgroundColor: '#08f'
-		},
-		{
-			tag: t.heading2,
-			fontWeight: "bold",
-			fontSize: '180%',
-			color: isDark ? 'white' : 'black',
-			textDecoration: 'underline'
-		},
-		{
-			tag: t.heading3,
-			fontWeight: "bold",
-			color: isDark ? 'white' : 'black',
-			fontSize: '120%',
-			textDecoration: 'underline'
-		},
-		{
-			tag: t.heading4,
-			fontWeight: "bold",
-			color: isDark ? 'white' : '#102',
-			textDecoration: 'underline'
-		},
-		{
-			tag: t.heading5,
-			color: isDark ? '#acf' : '#035',
-			textDecoration: 'underline'
-		},
-		{
-			tag: t.heading6,
-			color: isDark ? '#acf' : '#035',
-		},
-		{
-			tag: t.quote,
-			backgroundColor: isDark ? '#2b313b' : '#def',
-		},
-		{
-			tag: t.monospace,
-			backgroundColor: isDark ? '#1b1e22' : '#def',
-		}
-	];
-
-	if (lang==='html' || lang==='php')
-		styles.push({
-			tag: t.processingInstruction, // php tags
-			color: isDark ? '#f0f' : '#f0b',
-			fontWeight: 'bold'
-		});
-
-	/// The highlighting style for code.
-	// List of things that can be syntax colored at:
-	// https://lezer.codemirror.net/docs/ref/#highlight.tags
-	// codemirror\node_modules\@lezer\highlight\dist\highlight.d.ts
-	var solarIceHighlightStyle = HighlightStyle.define(styles)
-
-	return [solarIceTheme, syntaxHighlighting(solarIceHighlightStyle)]
-}
-
-
-export default themeSolarIce;

package/docs/js/documentation.js

@@ -1,32 +0,0 @@
-import Playground from "./Playground.js";
-
-
-
-// We have to import like this b/c we're not a module.
-
-
-document.addEventListener('DOMContentLoaded', () => {
-	
-	let dt = new DarkToggle();
-	dt.setAttribute('style', 'position: fixed; top: 15px; right: 15px; cursor: pointer; transform: scale(2)');
-	document.body.append(dt);
-	
-
-
-	// Convert all code blocks to use Playground.js
-    for (let pre of document.querySelectorAll('pre.ty-contain-cm')) {
-        let lines = [];
-        for (let preLine of pre.querySelectorAll('pre.CodeMirror-line > span'))
-            lines.push(preLine.textContent.replace(/\xa0/g, ' ').replace(/\n$/g, '').replace(/    /g, '\t'))
-	    
-	    let prefix = `
-			<style>
-				html[dark] { background: #0f1318; color: white }
-				body { font: 12px Arial; background: transparent !important }
-			</style>`;
-        let value = lines.join('\n');
-		
-        let pg = new Playground({value, language: pre.getAttribute('lang'), width: 75, maxHeight: 1000, prefix, limitCodeEditorHeight: true})
-        pre.replaceWith(pg);
-    }
-})