10499304652

Committed 22 Aug 2024 12:01AM UTC coverage: 27.382% (-0.2%) from 27.541%

Build # 10499304652

Build Type

push

github

Committed by

caleb531

Commit Message

Convert components to JSX

Run Details

72 of 100 branches covered (72.0%)

Branch coverage included in aggregate %.

54 of 648 new or added lines in 27 files covered. (8.33%)

54 existing lines in 21 files now uncovered.

405 of 1642 relevant lines covered (24.67%)

8.88 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

0.0

/scripts/components/story-header.jsx

import m from 'mithril';
import ControlComponent from './control.jsx';
import PanelComponent from './panel.jsx';
import StoryListComponent from './story-list.jsx';
import ImportComponent from './import.jsx';

class StoryHeaderComponent {
  oninit({ attrs: { app } }) {
    this.app = app;
  }

  createNewStoryWithName() {
    // Prevent the synchronous prompt() call from blocking the main thread; this
    // will allow Mithril to redraw and close all panels before showing the
    // modal
    setTimeout(async () => {
      let storyName = prompt('Please enter a name for your new story:') || '';
      if (storyName.trim()) {
        await this.app.createNewStoryWithName(storyName.trim());
        PanelComponent.closeAllPanels();
        m.redraw();
      }
    });
  }

  renameSelectedStory() {
    // Prevent the synchronous confirm() call from blocking the main thread;
    // this will allow Mithril to redraw and close all panels before showing the
    // modal
    setTimeout(async () => {
      let newStoryName =
        prompt('Enter the new name for your story:', await this.app.getSelectedStoryName()) || '';
      if (newStoryName.trim()) {
        await this.app.renameSelectedStory(newStoryName.trim());
        m.redraw();
      }
    });
  }

  deleteSelectedStory() {
    // Prevent the synchronous confirm() call from blocking the main thread;
    // this will allow Mithril to redraw and close all panels before showing the
    // modal
    setTimeout(() => {
      if (confirm('Are you sure you want to delete this story? This cannot be undone.')) {
        this.app.deleteSelectedStory();
        m.redraw();
      }
    });
  }

  view({ attrs: { story } }) {
    return (
      <div className="story-header">
        <div className="control-group">
          <ControlComponent
            id="create-new-story"
            title="Create New Story"
            icon="add"
            action={() => this.createNewStoryWithName()}
          />
          <ControlComponent
            id="open-story"
            title="Open Story"
            icon="folder"
            panel={<StoryListComponent app={this.app} />}
            panelPosition="bottom"
          />
          <ControlComponent
            id="import-story"
            title="Import Story"
            icon="upload"
            panel={<ImportComponent app={this.app} />}
            panelPosition="bottom"
          />
        </div>
        <span className="selected-story-name">{story.metadata.name}</span>
        <ControlComponent
          id="rename-story"
          title="Rename Story"
          icon="edit"
          action={() => this.renameSelectedStory()}
        />
        <div className="control-group">
          <ControlComponent
            id="delete-story"
            title="Delete Story"
            icon="delete"
            action={() => this.deleteSelectedStory()}
          />
          <ControlComponent
            id="help"
            title="Help"
            icon="help"
            action={() => {
              window.open('https://github.com/caleb531/flip-book#how-to-use');
            }}
          />
        </div>
      </div>
    );
  }
}

export default StoryHeaderComponent;

1	import m from 'mithril';	×
2	import ControlComponent from './control.jsx';	×
3	import PanelComponent from './panel.jsx';	×
4	import StoryListComponent from './story-list.jsx';	×
5	import ImportComponent from './import.jsx';	×
6
7	class StoryHeaderComponent {	×
NEW 8	oninit({ attrs: { app } }) {	×
9	this.app = app;	×
10	}	×
11
12	createNewStoryWithName() {	×
13	// Prevent the synchronous prompt() call from blocking the main thread; this
14	// will allow Mithril to redraw and close all panels before showing the
15	// modal
16	setTimeout(async () => {	×
17	let storyName = prompt('Please enter a name for your new story:') \|\| '';	×
18	if (storyName.trim()) {	×
19	await this.app.createNewStoryWithName(storyName.trim());	×
20	PanelComponent.closeAllPanels();	×
21	m.redraw();	×
22	}	×
23	});	×
24	}	×
25
26	renameSelectedStory() {	×
27	// Prevent the synchronous confirm() call from blocking the main thread;
28	// this will allow Mithril to redraw and close all panels before showing the
29	// modal
30	setTimeout(async () => {	×
NEW 31	let newStoryName =	×
NEW 32	prompt('Enter the new name for your story:', await this.app.getSelectedStoryName()) \|\| '';	×
33	if (newStoryName.trim()) {	×
34	await this.app.renameSelectedStory(newStoryName.trim());	×
35	m.redraw();	×
36	}	×
37	});	×
38	}	×
39
40	deleteSelectedStory() {	×
41	// Prevent the synchronous confirm() call from blocking the main thread;
42	// this will allow Mithril to redraw and close all panels before showing the
43	// modal
44	setTimeout(() => {	×
45	if (confirm('Are you sure you want to delete this story? This cannot be undone.')) {	×
46	this.app.deleteSelectedStory();	×
47	m.redraw();	×
48	}	×
49	});	×
50	}	×
51
NEW 52	view({ attrs: { story } }) {	×
NEW 53	return (	×
NEW 54	<div className="story-header">	×
NEW 55	<div className="control-group">	×
NEW 56	<ControlComponent	×
NEW 57	id="create-new-story"	×
NEW 58	title="Create New Story"	×
NEW 59	icon="add"	×
NEW 60	action={() => this.createNewStoryWithName()}	×
NEW 61	/>	×
NEW 62	<ControlComponent	×
NEW 63	id="open-story"	×
NEW 64	title="Open Story"	×
NEW 65	icon="folder"	×
NEW 66	panel={<StoryListComponent app={this.app} />}	×
NEW 67	panelPosition="bottom"	×
NEW 68	/>	×
NEW 69	<ControlComponent	×
NEW 70	id="import-story"	×
NEW 71	title="Import Story"	×
NEW 72	icon="upload"	×
NEW 73	panel={<ImportComponent app={this.app} />}	×
NEW 74	panelPosition="bottom"	×
NEW 75	/>	×
NEW 76	</div>	×
NEW 77	<span className="selected-story-name">{story.metadata.name}</span>	×
NEW 78	<ControlComponent	×
NEW 79	id="rename-story"	×
NEW 80	title="Rename Story"	×
NEW 81	icon="edit"	×
NEW 82	action={() => this.renameSelectedStory()}	×
NEW 83	/>	×
NEW 84	<div className="control-group">	×
NEW 85	<ControlComponent	×
NEW 86	id="delete-story"	×
NEW 87	title="Delete Story"	×
NEW 88	icon="delete"	×
NEW 89	action={() => this.deleteSelectedStory()}	×
NEW 90	/>	×
NEW 91	<ControlComponent	×
NEW 92	id="help"	×
NEW 93	title="Help"	×
NEW 94	icon="help"	×
NEW 95	action={() => {	×
NEW 96	window.open('https://github.com/caleb531/flip-book#how-to-use');	×
NEW 97	}}	×
NEW 98	/>	×
NEW 99	</div>	×
NEW 100	</div>	×
101	);
UNCOV 102	}	×
UNCOV 103	}	×
104
105	export default StoryHeaderComponent;	×

caleb531 / flip-book / 10499304652

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous