From bf7c6a33c79b5aeeaf34a2ea708b5e14adc802db Mon Sep 17 00:00:00 2001 From: Matthew Phillips Date: Wed, 20 Nov 2024 07:53:20 -0500 Subject: [PATCH] some progress --- docs2/package.json | 1 + docs2/public/favicon.svg | 9 - docs2/public/images/apple-touch-icon.png | Bin 0 -> 10138 bytes docs2/public/images/favicon-16x16.png | Bin 0 -> 717 bytes docs2/public/images/favicon-32x32.png | Bin 0 -> 1564 bytes docs2/src/components/CodeBlock.astro | 9 +- docs2/src/components/CommonHead.astro | 4 + docs2/src/pages/{api => docs}/index.astro | 23 +- docs2/src/pages/index.astro | 44 ++-- docs2/src/styles/base.css | 5 + docs2/src/styles/prism-atom-dark.css | 143 +++++++++++ docs2/src/styles/prism-vsc-dark-plus.css | 275 ++++++++++++++++++++++ package-lock.json | 2 + 13 files changed, 467 insertions(+), 48 deletions(-) delete mode 100644 docs2/public/favicon.svg create mode 100755 docs2/public/images/apple-touch-icon.png create mode 100755 docs2/public/images/favicon-16x16.png create mode 100755 docs2/public/images/favicon-32x32.png create mode 100644 docs2/src/components/CommonHead.astro rename docs2/src/pages/{api => docs}/index.astro (89%) create mode 100644 docs2/src/styles/base.css create mode 100644 docs2/src/styles/prism-atom-dark.css create mode 100644 docs2/src/styles/prism-vsc-dark-plus.css diff --git a/docs2/package.json b/docs2/package.json index 6d7624209..68347a4d3 100644 --- a/docs2/package.json +++ b/docs2/package.json @@ -10,6 +10,7 @@ "astro": "astro" }, "dependencies": { + "@astrojs/prism": "^3.1.0", "@astrojs/tailwind": "^5.1.2", "astro": "^4.16.12", "tailwindcss": "^3.4.14" diff --git a/docs2/public/favicon.svg b/docs2/public/favicon.svg deleted file mode 100644 index f157bd1c5..000000000 --- a/docs2/public/favicon.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - diff --git a/docs2/public/images/apple-touch-icon.png b/docs2/public/images/apple-touch-icon.png new file mode 100755 index 0000000000000000000000000000000000000000..4c42b8ea4890aec0c44fb0cbf981d5d3693cb7c7 GIT binary patch literal 10138 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 O0000 {Astro.props.title && ( @@ -9,9 +10,9 @@ import Code from '../icons/Code.astro'; {Astro.props.title} )} - 
-    {Astro.props.code}
-
+
+ +
diff --git a/docs2/src/components/CommonHead.astro b/docs2/src/components/CommonHead.astro new file mode 100644 index 000000000..f5e9f76fa --- /dev/null +++ b/docs2/src/components/CommonHead.astro @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/docs2/src/pages/api/index.astro b/docs2/src/pages/docs/index.astro similarity index 89% rename from docs2/src/pages/api/index.astro rename to docs2/src/pages/docs/index.astro index 9ee983425..1e286edb5 100644 --- a/docs2/src/pages/api/index.astro +++ b/docs2/src/pages/docs/index.astro @@ -4,6 +4,9 @@ import BookOpen from '../../icons/BookOpen.astro'; import ChevronRight from '../../icons/ChevronRight.astro'; import Footer from '../../components/Footer.astro'; import Sidebar from '../../components/DocsSidebar.astro'; +import { Prism } from '@astrojs/prism'; +import '../../styles/base.css'; +import CommonHead from '../../components/CommonHead.astro'; //const [isSearchFocused, setIsSearchFocused] = React.useState(false); @@ -50,7 +53,7 @@ idle: { Robot Docs - +
@@ -116,9 +119,9 @@ idle: {

Basic Transition

- 
-            {basicExample}
-
+
+ +

Guards

@@ -127,9 +130,9 @@ idle: {

- 
-            {guardExample}
-
+
+ +

Actions

@@ -138,9 +141,9 @@ idle: {

- 
-            {actionExample}
-
+
+ +
diff --git a/docs2/src/pages/index.astro b/docs2/src/pages/index.astro index 2fb3e2c51..8ad9da438 100644 --- a/docs2/src/pages/index.astro +++ b/docs2/src/pages/index.astro @@ -11,12 +11,14 @@ import ArrowRight from '../icons/ArrowRight.astro'; import Github from '../icons/GitHub.astro'; import Terminal from '../icons/Terminal.astro'; import BookOpen from '../icons/BookOpen.astro'; +import CommonHead from '../components/CommonHead.astro'; +import '../styles/base.css'; --- Robot - +
@@ -24,7 +26,6 @@ import BookOpen from '../icons/BookOpen.astro';
{[...Array(20)].map((_, i) => (
- - +
@@ -143,25 +144,18 @@ import BookOpen from '../icons/BookOpen.astro'; diff --git a/docs2/src/styles/base.css b/docs2/src/styles/base.css new file mode 100644 index 000000000..26f55ffc2 --- /dev/null +++ b/docs2/src/styles/base.css @@ -0,0 +1,5 @@ +@import "./prism-vsc-dark-plus.css"; + +.language-js { + background: #080C13 !important; +} \ No newline at end of file diff --git a/docs2/src/styles/prism-atom-dark.css b/docs2/src/styles/prism-atom-dark.css new file mode 100644 index 000000000..749b17cd7 --- /dev/null +++ b/docs2/src/styles/prism-atom-dark.css @@ -0,0 +1,143 @@ +/** + * atom-dark theme for `prism.js` + * Based on Atom's `atom-dark` theme: https://github.com/atom/atom-dark-syntax + * @author Joe Gibson (@gibsjose) + */ + +code[class*="language-"], +pre[class*="language-"] { + color: #c5c8c6; + text-shadow: 0 1px rgba(0, 0, 0, 0.3); + font-family: Inconsolata, Monaco, Consolas, 'Courier New', Courier, monospace; + direction: ltr; + text-align: left; + white-space: pre; + word-spacing: normal; + word-break: normal; + line-height: 1.5; + + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; + + -webkit-hyphens: none; + -moz-hyphens: none; + -ms-hyphens: none; + hyphens: none; +} + +/* Code blocks */ +pre[class*="language-"] { + padding: 1em; + margin: .5em 0; + overflow: auto; + border-radius: 0.3em; +} + +:not(pre) > code[class*="language-"], +pre[class*="language-"] { + background: #1d1f21; +} + +/* Inline code */ +:not(pre) > code[class*="language-"] { + padding: .1em; + border-radius: .3em; +} + +.token.comment, +.token.prolog, +.token.doctype, +.token.cdata { + color: #7C7C7C; +} + +.token.punctuation { + color: #c5c8c6; +} + +.namespace { + opacity: .7; +} + +.token.property, +.token.keyword, +.token.tag { + color: #96CBFE; +} + +.token.class-name { + color: #FFFFB6; + text-decoration: underline; +} + +.token.boolean, +.token.constant { + color: #99CC99; +} + +.token.symbol, +.token.deleted { + color: #f92672; +} + +.token.number { + color: #FF73FD; +} + +.token.selector, +.token.attr-name, +.token.string, +.token.char, +.token.builtin, +.token.inserted { + color: #A8FF60; +} + +.token.variable { + color: #C6C5FE; +} + +.token.operator { + color: #EDEDED; +} + +.token.entity { + color: #FFFFB6; + cursor: help; +} + +.token.url { + color: #96CBFE; +} + +.language-css .token.string, +.style .token.string { + color: #87C38A; +} + +.token.atrule, +.token.attr-value { + color: #F9EE98; +} + +.token.function { + color: #DAD085; +} + +.token.regex { + color: #E9C062; +} + +.token.important { + color: #fd971f; +} + +.token.important, +.token.bold { + font-weight: bold; +} + +.token.italic { + font-style: italic; +} diff --git a/docs2/src/styles/prism-vsc-dark-plus.css b/docs2/src/styles/prism-vsc-dark-plus.css new file mode 100644 index 000000000..d3bd5010a --- /dev/null +++ b/docs2/src/styles/prism-vsc-dark-plus.css @@ -0,0 +1,275 @@ +pre[class*="language-"], +code[class*="language-"] { + color: #d4d4d4; + font-size: 13px; + text-shadow: none; + font-family: Menlo, Monaco, Consolas, "Andale Mono", "Ubuntu Mono", "Courier New", monospace; + direction: ltr; + text-align: left; + white-space: pre; + word-spacing: normal; + word-break: normal; + line-height: 1.5; + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; + -webkit-hyphens: none; + -moz-hyphens: none; + -ms-hyphens: none; + hyphens: none; +} + +pre[class*="language-"]::selection, +code[class*="language-"]::selection, +pre[class*="language-"] *::selection, +code[class*="language-"] *::selection { + text-shadow: none; + background: #264F78; +} + +@media print { + pre[class*="language-"], + code[class*="language-"] { + text-shadow: none; + } +} + +pre[class*="language-"] { + padding: 1em; + margin: .5em 0; + overflow: auto; + background: #1e1e1e; +} + +:not(pre) > code[class*="language-"] { + padding: .1em .3em; + border-radius: .3em; + color: #db4c69; + background: #1e1e1e; +} +/********************************************************* +* Tokens +*/ +.namespace { + opacity: .7; +} + +.token.doctype .token.doctype-tag { + color: #569CD6; +} + +.token.doctype .token.name { + color: #9cdcfe; +} + +.token.comment, +.token.prolog { + color: #6a9955; +} + +.token.punctuation, +.language-html .language-css .token.punctuation, +.language-html .language-javascript .token.punctuation { + color: #d4d4d4; +} + +.token.property, +.token.tag, +.token.boolean, +.token.number, +.token.constant, +.token.symbol, +.token.inserted, +.token.unit { + color: #b5cea8; +} + +.token.selector, +.token.attr-name, +.token.string, +.token.char, +.token.builtin, +.token.deleted { + color: #ce9178; +} + +.language-css .token.string.url { + text-decoration: underline; +} + +.token.operator, +.token.entity { + color: #d4d4d4; +} + +.token.operator.arrow { + color: #569CD6; +} + +.token.atrule { + color: #ce9178; +} + +.token.atrule .token.rule { + color: #c586c0; +} + +.token.atrule .token.url { + color: #9cdcfe; +} + +.token.atrule .token.url .token.function { + color: #dcdcaa; +} + +.token.atrule .token.url .token.punctuation { + color: #d4d4d4; +} + +.token.keyword { + color: #569CD6; +} + +.token.keyword.module, +.token.keyword.control-flow { + color: #c586c0; +} + +.token.function, +.token.function .token.maybe-class-name { + color: #dcdcaa; +} + +.token.regex { + color: #d16969; +} + +.token.important { + color: #569cd6; +} + +.token.italic { + font-style: italic; +} + +.token.constant { + color: #9cdcfe; +} + +.token.class-name, +.token.maybe-class-name { + color: #4ec9b0; +} + +.token.console { + color: #9cdcfe; +} + +.token.parameter { + color: #9cdcfe; +} + +.token.interpolation { + color: #9cdcfe; +} + +.token.punctuation.interpolation-punctuation { + color: #569cd6; +} + +.token.boolean { + color: #569cd6; +} + +.token.property, +.token.variable, +.token.imports .token.maybe-class-name, +.token.exports .token.maybe-class-name { + color: #9cdcfe; +} + +.token.selector { + color: #d7ba7d; +} + +.token.escape { + color: #d7ba7d; +} + +.token.tag { + color: #569cd6; +} + +.token.tag .token.punctuation { + color: #808080; +} + +.token.cdata { + color: #808080; +} + +.token.attr-name { + color: #9cdcfe; +} + +.token.attr-value, +.token.attr-value .token.punctuation { + color: #ce9178; +} + +.token.attr-value .token.punctuation.attr-equals { + color: #d4d4d4; +} + +.token.entity { + color: #569cd6; +} + +.token.namespace { + color: #4ec9b0; +} +/********************************************************* +* Language Specific +*/ + +pre[class*="language-javascript"], +code[class*="language-javascript"], +pre[class*="language-jsx"], +code[class*="language-jsx"], +pre[class*="language-typescript"], +code[class*="language-typescript"], +pre[class*="language-tsx"], +code[class*="language-tsx"] { + color: #9cdcfe; +} + +pre[class*="language-css"], +code[class*="language-css"] { + color: #ce9178; +} + +pre[class*="language-html"], +code[class*="language-html"] { + color: #d4d4d4; +} + +.language-regex .token.anchor { + color: #dcdcaa; +} + +.language-html .token.punctuation { + color: #808080; +} +/********************************************************* +* Line highlighting +*/ +pre[class*="language-"] > code[class*="language-"] { + position: relative; + z-index: 1; +} + +.line-highlight.line-highlight { + background: #f7ebc6; + box-shadow: inset 5px 0 0 #f7d87c; + z-index: 0; +} diff --git a/package-lock.json b/package-lock.json index 4982a23d8..3a2bc797f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -37,6 +37,7 @@ "docs2": { "version": "0.0.1", "dependencies": { + "@astrojs/prism": "^3.1.0", "@astrojs/tailwind": "^5.1.2", "astro": "^4.16.12", "tailwindcss": "^3.4.14" @@ -17942,6 +17943,7 @@ "docs2": { "version": "file:docs2", "requires": { + "@astrojs/prism": "^3.1.0", "@astrojs/tailwind": "^5.1.2", "astro": "^4.16.12", "tailwindcss": "^3.4.14"