Skip to content

Commit 43f40c2

Browse files
aslakhellesoyaslakhellesoy
authored
reCodemirror (#28)
* Add missing dot * Basic codemirror args highlighting * WIP - highlight arguments * Highlight args * Cleanup * Change theme based on match * Simpler UI
1 parent c0a1ffe commit 43f40c2

15 files changed

+586
-176
lines changed

‎docs/index.html

Lines changed: 14 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,18 +9,30 @@
99
</head>
1010
<body>
1111
<div class="antialiased text-gray-900 px-6">
12-
<div class="max-w-xl mx-auto py-12 divide-y md:max-w-4xl">
12+
<div class="max-w-xl mx-auto py-12 md:max-w-4xl">
1313
<div class="py-8 text-center">
1414
<h1 class="text-4xl font-bold">Cucumber Expressions</h1>
1515
<p class="mt-2 text-lg text-gray-600">
16-
An intuitive alternative to Regular Expressions. <a class="text-lg underline" href="https://github.com/cucumber/cucumber-expressions#readme">Documentation</a>.
16+
An intuitive alternative to Regular Expressions.
17+
<a class="text-lg underline" href="https://github.com/cucumber/cucumber-expressions#readme">Documentation</a>.
1718
</p>
1819
</div>
1920
<div>
2021
<div class="mt-8">
2122
<div id="try"></div>
2223
</div>
2324
</div>
25+
<p class="mt-4 text-gray-600">
26+
<div class="mb-1 text-gray-700">More examples</div>
27+
<ul class="list-disc list-inside p-2">
28+
<li>
29+
<a class="text-sm underline" href='?expression=a boy named {string}&parameters=[]&step=a boy named "Sue"'>a boy named {string}</a>
30+
</li>
31+
<li>
32+
<a class="text-sm underline" href='?expression=flight {flight} is delayed&parameters=[{"name"%3A"flight"%2C"regexp"%3A"([A-Z]{3})-([A-Z]{3})"}]&showBuiltins=0&step=flight LHR-CDG is delayed'>flight {flight} is delayed</a>
33+
</li>
34+
</ul>
35+
</p>
2436
</div>
2537
</div>
2638
<script src="index.js"></script>

‎docs/index.js

Lines changed: 30 additions & 23 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/index.js.map

Lines changed: 3 additions & 3 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/style.css

Lines changed: 28 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -604,6 +604,10 @@ select {
604604
margin-top: 0.5rem;
605605
}
606606

607+
.mt-4 {
608+
margin-top: 1rem;
609+
}
610+
607611
.mt-8 {
608612
margin-top: 2rem;
609613
}
@@ -624,6 +628,10 @@ select {
624628
display: inline-block;
625629
}
626630

631+
.flex {
632+
display: flex;
633+
}
634+
627635
.inline-flex {
628636
display: inline-flex;
629637
}
@@ -644,10 +652,6 @@ select {
644652
display: table-row;
645653
}
646654

647-
.grid {
648-
display: grid;
649-
}
650-
651655
.h-4 {
652656
height: 1rem;
653657
}
@@ -773,18 +777,12 @@ select {
773777
list-style-type: disc;
774778
}
775779

776-
.list-decimal {
777-
list-style-type: decimal;
778-
}
779-
780780
.items-center {
781781
align-items: center;
782782
}
783783

784-
.divide-y > :not([hidden]) ~ :not([hidden]) {
785-
--tw-divide-y-reverse: 0;
786-
border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
787-
border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
784+
.justify-end {
785+
justify-content: flex-end;
788786
}
789787

790788
.whitespace-pre-wrap {
@@ -817,11 +815,6 @@ select {
817815
border-color: rgba(239, 68, 68, var(--tw-border-opacity));
818816
}
819817

820-
.border-green-500 {
821-
--tw-border-opacity: 1;
822-
border-color: rgba(16, 185, 129, var(--tw-border-opacity));
823-
}
824-
825818
.bg-white {
826819
--tw-bg-opacity: 1;
827820
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
@@ -842,11 +835,6 @@ select {
842835
background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
843836
}
844837

845-
.bg-green-100 {
846-
--tw-bg-opacity: 1;
847-
background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
848-
}
849-
850838
.bg-blue-600 {
851839
--tw-bg-opacity: 1;
852840
background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
@@ -881,6 +869,11 @@ select {
881869
padding-bottom: 0.25rem;
882870
}
883871

872+
.py-2 {
873+
padding-top: 0.5rem;
874+
padding-bottom: 0.5rem;
875+
}
876+
884877
.py-8 {
885878
padding-top: 2rem;
886879
padding-bottom: 2rem;
@@ -900,6 +893,14 @@ select {
900893
padding-right: 0.25rem;
901894
}
902895

896+
.pr-2 {
897+
padding-right: 0.5rem;
898+
}
899+
900+
.pr-8 {
901+
padding-right: 2rem;
902+
}
903+
903904
.text-center {
904905
text-align: center;
905906
}
@@ -909,6 +910,11 @@ select {
909910
line-height: 1rem;
910911
}
911912

913+
.text-sm {
914+
font-size: 0.875rem;
915+
line-height: 1.25rem;
916+
}
917+
912918
.text-lg {
913919
font-size: 1.125rem;
914920
line-height: 1.75rem;
@@ -1002,21 +1008,9 @@ select {
10021008
}
10031009

10041010
@media (min-width: 768px) {
1005-
.md\:col-span-2 {
1006-
grid-column: span 2 / span 2;
1007-
}
1008-
10091011
.md\:max-w-4xl {
10101012
max-width: 56rem;
10111013
}
1012-
1013-
.md\:grid-cols-3 {
1014-
grid-template-columns: repeat(3, minmax(0, 1fr));
1015-
}
1016-
1017-
.md\:gap-6 {
1018-
gap: 1.5rem;
1019-
}
10201014
}
10211015

10221016
@media (min-width: 1024px) {

0 commit comments

Comments
 (0)