marp-cue 0.1.2 → 0.2.1

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 CHANGED
@@ -19,8 +19,6 @@ Put the following frontmatter in your Markdown file:
19
19
  ```yaml
20
20
  ---
21
21
  marp: true
22
- headingDivider: 2
23
- class: invert
24
22
  ---
25
23
  ```
26
24
 
@@ -30,6 +28,8 @@ Then run `marp-cue` from the directory like so:
30
28
  % npx marp-cue your-notes.md # or npx marp-cue .
31
29
  ```
32
30
 
33
- This will open a stripped-down browser window for your file, or for every Markdown file in the directory. You can place this window in your teleprompter screen and the current line will stay vertically aligned in the middle of the viewport.
31
+ This will open a stripped-down browser window ('preview mode') for your file, or for every Markdown file in the directory that has `marp: true`. You can place this window in your teleprompter screen and the current line will stay vertically aligned in the middle of the viewport.
34
32
 
35
- Edits are instant, so if you switch from your Markdown editor to the browser window, updates show without a reload.
33
+ Marp watches the file(s), so as soon as you save any changes, they show instantly without a refresh.
34
+
35
+ You can just generate the HTML file to run elsewhere by passing `--preview false`, which disables preview mode.
package/cli.js CHANGED
@@ -1,7 +1,7 @@
1
1
  #!/usr/bin/env node
2
2
  import { marpCli } from '@marp-team/marp-cli';
3
- import { fileURLToPath } from 'url';
4
3
  import { dirname, join } from 'path';
4
+ import { fileURLToPath } from 'url';
5
5
 
6
6
  const config = join(dirname(fileURLToPath(import.meta.url)), 'marp.config.js');
7
7
  process.exit(await marpCli(['--config', config, ...process.argv.slice(2)]));
package/marp.config.js CHANGED
@@ -2,6 +2,7 @@ import teleprompterPlugin from './themes/teleprompter.js';
2
2
 
3
3
  const config = {
4
4
  engine: teleprompterPlugin,
5
+ options: { headingDivider: 2 },
5
6
  preview: true, // start preview window(s)
6
7
  theme: 'teleprompter',
7
8
  themeSet: 'themes'
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "marp-cue",
3
- "version": "0.1.2",
3
+ "version": "0.2.1",
4
4
  "description": "Teleprompter-style scrolling for Marp presentations",
5
5
  "author": "Daniel Terhorst-North <daniel@dannorth.net>",
6
6
  "license": "MIT",
@@ -13,11 +13,11 @@
13
13
  ],
14
14
  "repository": {
15
15
  "type": "git",
16
- "url": "https://gitlab.com/tastapod/marp-cue.git"
16
+ "url": "git+https://gitlab.com/tastapod/marp-cue.git"
17
17
  },
18
18
  "type": "module",
19
19
  "bin": {
20
- "marp-cue": "./cli.js"
20
+ "marp-cue": "cli.js"
21
21
  },
22
22
  "files": [
23
23
  "cli.js",
@@ -2,6 +2,12 @@
2
2
 
3
3
  @import 'uncover';
4
4
 
5
+ section {
6
+ background: #202228;
7
+ padding-left: 4rem;
8
+ color: #fff;
9
+ }
10
+
5
11
  /* Dim inactive lines */
6
12
  li[data-bespoke-marp-fragment] {
7
13
 
@@ -13,15 +19,17 @@ li[data-bespoke-marp-fragment] {
13
19
  color: white;
14
20
  }
15
21
 
22
+ /* Make sub-bullets look different */
16
23
  li[data-bespoke-marp-fragment] {
17
24
  font-size: smaller;
25
+
18
26
  &[data-bespoke-marp-current-fragment] {
19
27
  color: cyan;
20
28
  }
21
29
  }
22
30
  }
23
31
 
24
- /* Add enough vertical space around the slide to centre the current line */
32
+ /* Add enough vertical space around the slide to always centre the current line */
25
33
  section:has([data-bespoke-marp-fragment]) {
26
34
  padding-block: 80vh;
27
35
  }