critique 0.1.5 → 0.1.7

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/CHANGELOG.md CHANGED
@@ -1,3 +1,13 @@
1
+ # 0.1.7
2
+
3
+ - Web preview:
4
+ - Enable text wrapping for long lines (`pre-wrap`, `word-break: break-all`, `flex-wrap: wrap`)
5
+
6
+ # 0.1.6
7
+
8
+ - Web preview:
9
+ - Fix horizontal centering using flexbox on body instead of margin auto
10
+
1
11
  # 0.1.5
2
12
 
3
13
  - Web preview:
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "critique",
3
3
  "module": "src/diff.tsx",
4
4
  "type": "module",
5
- "version": "0.1.5",
5
+ "version": "0.1.7",
6
6
  "private": false,
7
7
  "bin": "./src/cli.tsx",
8
8
  "scripts": {
package/src/ansi-html.ts CHANGED
@@ -155,22 +155,27 @@ html, body {
155
155
  font-size: ${fontSize};
156
156
  line-height: 1.6;
157
157
  }
158
+ body {
159
+ display: flex;
160
+ justify-content: center;
161
+ }
158
162
  #content {
159
163
  padding: 16px;
160
164
  overflow-x: auto;
161
165
  max-width: 100vw;
162
- margin: 0 auto;
163
166
  box-sizing: border-box;
164
167
  }
165
168
  .line {
166
- white-space: pre;
169
+ white-space: pre-wrap;
170
+ word-break: break-all;
167
171
  display: flex;
172
+ flex-wrap: wrap;
168
173
  content-visibility: auto;
169
174
  contain-intrinsic-block-size: auto 1lh;
170
175
  background-color: ${backgroundColor};
171
176
  }
172
177
  .line span {
173
- white-space: pre;
178
+ white-space: pre-wrap;
174
179
  }
175
180
  </style>
176
181
  </head>