html-to-ascii 0.3.1 → 0.3.2
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 +18 -7
- package/package.json +18 -1
package/README.md
CHANGED
|
@@ -78,7 +78,7 @@ html-to-ascii supports three interchangeable methods for customizing the look of
|
|
|
78
78
|
#### 1. Adding props to `<ASCIIProvider>`:
|
|
79
79
|
|
|
80
80
|
This method changes the global style for every element unless locally overridden.
|
|
81
|
-
_(A full list of options can be seen [here](#
|
|
81
|
+
_(A full list of options can be seen [here](#asciiprovider))_
|
|
82
82
|
|
|
83
83
|
```html
|
|
84
84
|
<!--set the left and right borders to ":"-->
|
|
@@ -99,7 +99,7 @@ Output
|
|
|
99
99
|
|
|
100
100
|
#### 2. Using class names on elements inside of `<ASCII>` to enable certain ASCII features:
|
|
101
101
|
|
|
102
|
-
_(A full list of class names can be seen [here](#
|
|
102
|
+
_(A full list of class names can be seen [here](#ascii))_
|
|
103
103
|
|
|
104
104
|
```jsx
|
|
105
105
|
<ASCII>
|
|
@@ -128,7 +128,7 @@ Output
|
|
|
128
128
|
|
|
129
129
|
#### 3. Using class names on elements inside of `<ASCII>` to override global styles:
|
|
130
130
|
|
|
131
|
-
This method allows you to add local styling to a single element without changing the styles of other elements. _(A full list of override class names can be seen [here](#
|
|
131
|
+
This method allows you to add local styling to a single element without changing the styles of other elements. _(A full list of override class names can be seen [here](#ascii))_
|
|
132
132
|
|
|
133
133
|
```jsx
|
|
134
134
|
<ASCII>
|
|
@@ -181,9 +181,11 @@ ASCII art can contain some weird character combinations, and sometimes that mess
|
|
|
181
181
|
</ASCII>
|
|
182
182
|
```
|
|
183
183
|
|
|
184
|
-
|
|
184
|
+
## API
|
|
185
185
|
|
|
186
|
-
|
|
186
|
+
## `<ASCIIProvider>`
|
|
187
|
+
|
|
188
|
+
### Props:
|
|
187
189
|
|
|
188
190
|
| Prop | Type | Default | Description |
|
|
189
191
|
| ------ | --------- | ------- | --------------------- |
|
|
@@ -202,7 +204,16 @@ ASCII art can contain some weird character combinations, and sometimes that mess
|
|
|
202
204
|
| `i` | `string?` | `'┼'` | Four-way intersection |
|
|
203
205
|
| `fill` | `string?` | `' '` | Element fill |
|
|
204
206
|
|
|
205
|
-
|
|
207
|
+
## `<ASCII>`
|
|
208
|
+
|
|
209
|
+
### Props:
|
|
210
|
+
|
|
211
|
+
| Prop | Type | Default | Description |
|
|
212
|
+
| ------------- | ---------- | ------- | ------------------------------------ |
|
|
213
|
+
| `gridReveal` | `boolean?` | `true` | Toggle scan-style reveal of the grid |
|
|
214
|
+
| `revealSpeed` | `number?` | `30` | Speed of the grid reveal |
|
|
215
|
+
|
|
216
|
+
### Class names:
|
|
206
217
|
|
|
207
218
|
| Class name | Description |
|
|
208
219
|
| ----------------- | ------------------------------------------- |
|
|
@@ -219,7 +230,7 @@ ASCII art can contain some weird character combinations, and sometimes that mess
|
|
|
219
230
|
| `ascii-text` | Enable text |
|
|
220
231
|
| `ascii-no-fill` | Disable element's fill (will be "see-thru") |
|
|
221
232
|
|
|
222
|
-
|
|
233
|
+
### Override class names:
|
|
223
234
|
|
|
224
235
|
Replace '#' with your desired character
|
|
225
236
|
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "html-to-ascii",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.3.
|
|
4
|
+
"version": "0.3.2",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.js",
|
|
7
7
|
"types": "dist/index.d.ts",
|
|
@@ -15,6 +15,23 @@
|
|
|
15
15
|
"files": [
|
|
16
16
|
"dist"
|
|
17
17
|
],
|
|
18
|
+
"repository": {
|
|
19
|
+
"type": "git",
|
|
20
|
+
"url": "https://github.com/zachariahwatson/html-to-ascii"
|
|
21
|
+
},
|
|
22
|
+
"keywords": [
|
|
23
|
+
"react",
|
|
24
|
+
"ascii",
|
|
25
|
+
"html-to-ascii",
|
|
26
|
+
"ascii-wrapper",
|
|
27
|
+
"ascii-dom",
|
|
28
|
+
"ascii-overlay",
|
|
29
|
+
"ascii-react",
|
|
30
|
+
"ascii-component",
|
|
31
|
+
"react-component"
|
|
32
|
+
],
|
|
33
|
+
"author": "Zachariah Watson",
|
|
34
|
+
"license": "MIT",
|
|
18
35
|
"scripts": {
|
|
19
36
|
"dev": "vite",
|
|
20
37
|
"build": "tsc -b ./tsconfig.lib.json && vite build",
|