yapp 5.0.11 → 5.0.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -12
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -4,12 +4,6 @@ Yet Another Pretty Printer.
|
|
|
4
4
|
|
|
5
5
|
*If you just want to see Yapp in action without further ado*, then clone this repository, run `npm install` and `npm start`, and then open your browser at http://localhost:8888.
|
|
6
6
|
|
|
7
|
-
Or see the Juxtapose site:
|
|
8
|
-
|
|
9
|
-
https://djalbat.com
|
|
10
|
-
|
|
11
|
-
Yapp in written using Juxtapose, by the way.
|
|
12
|
-
|
|
13
7
|
### Contents
|
|
14
8
|
|
|
15
9
|
- [Introduction](#introduction)
|
|
@@ -26,7 +20,7 @@ Yapp in written using Juxtapose, by the way.
|
|
|
26
20
|
|
|
27
21
|
## Introduction
|
|
28
22
|
|
|
29
|
-
Yapp is another pretty printer and a basic text editor. It has both a lexer and a parser under the hood, and can process content after parsing in order to refine its appearance still further. The result is an experience that rivals the best open source and commercial pretty printers. Yapp is also configurable. You can style it overall or target the syntax highlighting for specific languages. Its plugin architecture allows it to support additional languages. It also supports [Fira Code](https://github.com/tonsky/
|
|
23
|
+
Yapp is another pretty printer and a basic text editor. It has both a lexer and a parser under the hood, and can process content after parsing in order to refine its appearance still further. The result is an experience that rivals the best open source and commercial pretty printers. Yapp is also configurable. You can style it overall or target the syntax highlighting for specific languages. Its plugin architecture allows it to support additional languages. It also supports [Fira Code](https://github.com/tonsky/Fira Code).
|
|
30
24
|
|
|
31
25
|
## Installation
|
|
32
26
|
|
|
@@ -210,7 +204,7 @@ If you choose to enable Fira Code then you need to provide the necessary web fon
|
|
|
210
204
|
|
|
211
205
|
```
|
|
212
206
|
@font-face {
|
|
213
|
-
src: url("/css/woff2/
|
|
207
|
+
src: url("/css/woff2/Fira Code-Light.woff2");
|
|
214
208
|
font-family: "Fira Code";
|
|
215
209
|
font-weight: normal;
|
|
216
210
|
}
|
|
@@ -221,8 +215,8 @@ You do not have to provide this, rendering Yapp's styles will do so for you, but
|
|
|
221
215
|
You can also preload the font files by putting something like the following in the header of the containing HTML page:
|
|
222
216
|
|
|
223
217
|
```
|
|
224
|
-
<link rel="preload" href="/css/woff2/
|
|
225
|
-
<link rel="preload" href="/css/woff2/
|
|
218
|
+
<link rel="preload" href="/css/woff2/Fira Code-Bold.woff2" as="font" type="font/woff2" crossorigin >
|
|
219
|
+
<link rel="preload" href="/css/woff2/Fira Code-Regular.woff2" as="font" type="font/woff2" crossorigin >
|
|
226
220
|
```
|
|
227
221
|
|
|
228
222
|
Note that both the path and the host of the URLs are assumed fixed in the snippets above but this may not be the case. Instructions on how to rectify this can be found in the section on styling Yapp that follows:
|
|
@@ -287,9 +281,9 @@ In a similar vein to the overall style you can either copy and completely replac
|
|
|
287
281
|
.yapp .java.syntax > .string-literal { color: "#f5087a"; }
|
|
288
282
|
```
|
|
289
283
|
|
|
290
|
-
###
|
|
284
|
+
### Fira Code styles
|
|
291
285
|
|
|
292
|
-
If the paths of the web font files are different to the default then you may want to alter the
|
|
286
|
+
If the paths of the web font files are different to the default then you may want to alter the Fira Code style:
|
|
293
287
|
|
|
294
288
|
https://github.com/djalbat/yapp/blob/master/src/style/firaCode.js
|
|
295
289
|
|