}
19 |
25 |
26 | );
27 | }
28 | }
29 |
30 | Cropper.propTypes = {
31 | startMoving: PropTypes.elementType.isRequired,
32 | width: PropTypes.number,
33 | height: PropTypes.number,
34 | isResizing: PropTypes.bool
35 | };
36 |
37 | export default connect(
38 | [CropperContainer],
39 | ({width, height, isResizing}) => ({width, height, isResizing}),
40 | ({startMoving}) => ({startMoving})
41 | )(Cropper);
42 |
--------------------------------------------------------------------------------
/renderer/components/dialog/actions.js:
--------------------------------------------------------------------------------
1 | import React, {useState, useEffect, useRef} from 'react';
2 | import PropTypes from 'prop-types';
3 |
4 | const Actions = ({buttons, performAction, defaultId}) => {
5 | const [activeButton, setActiveButton] = useState();
6 | const defaultButton = useRef(null);
7 |
8 | useEffect(() => {
9 | setActiveButton();
10 | if (defaultButton.current) {
11 | defaultButton.current.focus();
12 | }
13 | }, [buttons]);
14 |
15 | const action = async index => {
16 | setActiveButton(index);
17 | performAction(index);
18 | };
19 |
20 | return (
21 |
22 | {
23 | buttons.map((button, index) => (
24 |
33 | ))
34 | }
35 |
36 |
61 |
62 | );
63 | };
64 |
65 | Actions.propTypes = {
66 | performAction: PropTypes.elementType,
67 | defaultId: PropTypes.number,
68 | buttons: PropTypes.arrayOf(PropTypes.object)
69 | };
70 |
71 | export default Actions;
72 |
--------------------------------------------------------------------------------
/renderer/components/dialog/body.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import PropTypes from 'prop-types';
3 |
4 | const Body = ({title, message, detail}) => {
5 | return (
6 |
7 |
{title}
8 |
9 | {
10 | detail.split('\n').map(text => (
11 | {text}
12 | ))
13 | }
14 |
15 | {message &&
{message}
}
16 |
17 |
53 |
6 |
7 |
18 |
12 |
13 | {
14 | isPaused ?
15 |
:
16 |
17 | }
18 |
19 |
{formatTime(currentTime, {showMilliseconds: false})}
20 |
43 |
19 |
{formatTime(duration)}
20 |
21 | {
22 | isMuted || !hasAudio ?
23 | :
24 |
25 | }
26 |
27 |
50 |
11 |
{message}
12 |
13 |
14 |
{title}
15 |
{description}
16 |
17 |
{size}
18 |
19 |
70 |
44 | {
48 | conversion.copy();
49 | }}
50 | retry={() => {
51 | conversion.retry();
52 | }}
53 | showInFolder={showInFolder}/>
54 |
55 |
56 |
65 |
66 | );
67 | };
68 |
69 | export default EditorConversionView;
70 |
--------------------------------------------------------------------------------
/renderer/components/editor/editor-preview.tsx:
--------------------------------------------------------------------------------
1 | import TrafficLights from '../traffic-lights';
2 | import VideoPlayer from './video-player';
3 | import Options from './options';
4 | import useEditorWindowState from 'hooks/editor/use-editor-window-state';
5 |
6 | const EditorPreview = () => {
7 | const {title = 'Editor'} = useEditorWindowState();
8 |
9 | return (
10 |
70 | );
71 | };
72 |
73 | export default EditorPreview;
74 |
--------------------------------------------------------------------------------
/renderer/components/editor/index.tsx:
--------------------------------------------------------------------------------
1 | import useConversionIdContext from 'hooks/editor/use-conversion-id';
2 | import useEditorWindowState from 'hooks/editor/use-editor-window-state';
3 | import {useEditorWindowSizeEffect} from 'hooks/editor/use-window-size';
4 | import {useEffect, useState} from 'react';
5 | import EditorConversionView from './conversion';
6 | import EditorPreview from './editor-preview';
7 | import classNames from 'classnames';
8 |
9 | const Editor = () => {
10 | const {conversionId, setConversionId} = useConversionIdContext();
11 | const state = useEditorWindowState();
12 | const [isConversionPreviewState, setIsConversionPreviewState] = useState(false);
13 |
14 | useEffect(() => {
15 | if (state.conversionId && !conversionId) {
16 | setConversionId(state.conversionId);
17 | }
18 | }, [state.conversionId]);
19 |
20 | useEditorWindowSizeEffect(isConversionPreviewState);
21 |
22 | const isTransitioning = Boolean(conversionId) !== isConversionPreviewState;
23 |
24 | const className = classNames('container', {
25 | transitioning: isTransitioning
26 | });
27 |
28 | const onTransitionEnd = () => {
29 | setIsConversionPreviewState(Boolean(conversionId));
30 | };
31 |
32 | return (
33 |
37 | {
38 | isConversionPreviewState ?
39 | :
40 |
41 | }
42 |
55 |
56 | );
57 | };
58 |
59 | export default Editor;
60 |
--------------------------------------------------------------------------------
/renderer/components/editor/options/index.tsx:
--------------------------------------------------------------------------------
1 | import LeftOptions from './left';
2 | import RightOptions from './right';
3 |
4 | const Options = () => {
5 | return (
6 |
7 |
8 |
9 |
24 |
25 | );
26 | };
27 |
28 | export default Options;
29 |
--------------------------------------------------------------------------------
/renderer/components/editor/video-metadata-container.tsx:
--------------------------------------------------------------------------------
1 | import {createContainer} from 'unstated-next';
2 | import {useRef, useState} from 'react';
3 | import {useShowWindow} from '../../hooks/use-show-window';
4 |
5 | const useVideoMetadata = () => {
6 | const videoRef = useRef();
7 |
8 | const [width, setWidth] = useState(0);
9 | const [height, setHeight] = useState(0);
10 | const [hasAudio, setHasAudio] = useState(false);
11 | const [duration, setDuration] = useState(0);
12 | useShowWindow(duration !== 0);
13 |
14 | const setVideoRef = (video: HTMLVideoElement) => {
15 | videoRef.current = video;
16 | };
17 |
18 | const videoProps = {
19 | onLoadedMetadata: () => {
20 | setWidth(videoRef.current?.videoWidth);
21 | setHeight(videoRef.current?.videoHeight);
22 | setDuration(videoRef.current?.duration);
23 | },
24 | onLoadedData: () => {
25 | const hasAudio = (videoRef.current as any).webkitAudioDecodedByteCount > 0 || Boolean(
26 | (videoRef.current as any).audioTracks &&
27 | (videoRef.current as any).audioTracks.length > 0
28 | );
29 |
30 | if (!hasAudio) {
31 | videoRef.current.muted = true;
32 | }
33 |
34 | setHasAudio(hasAudio);
35 | }
36 | };
37 |
38 | return {
39 | width,
40 | height,
41 | hasAudio,
42 | duration,
43 | setVideoRef,
44 | videoProps
45 | };
46 | };
47 |
48 | const VideoMetadataContainer = createContainer(useVideoMetadata);
49 |
50 | export default VideoMetadataContainer;
51 |
52 |
--------------------------------------------------------------------------------
/renderer/components/editor/video-time-container.tsx:
--------------------------------------------------------------------------------
1 | import {createContainer} from 'unstated-next';
2 | import {useRef, useState, useEffect} from 'react';
3 |
4 | const useVideoTime = () => {
5 | const videoRef = useRef();
6 |
7 | const [startTime, setStartTime] = useState(0);
8 | const [endTime, setEndTime] = useState(0);
9 | const [duration, setDuration] = useState(0);
10 | const [currentTime, setCurrentTime] = useState(0);
11 |
12 | const setVideoRef = (video: HTMLVideoElement) => {
13 | videoRef.current = video;
14 | };
15 |
16 | const videoProps = {
17 | onLoadedMetadata: () => {
18 | if (duration === 0) {
19 | setDuration(videoRef.current?.duration);
20 | setEndTime(videoRef.current?.duration);
21 | }
22 | },
23 | onEnded: () => {
24 | updateTime(startTime);
25 | }
26 | };
27 |
28 | const updateTime = (time: number, ignoreElement = false) => {
29 | if (time >= endTime && !videoRef.current.paused) {
30 | videoRef.current.currentTime = startTime;
31 | setCurrentTime(startTime);
32 | } else {
33 | if (!ignoreElement) {
34 | videoRef.current.currentTime = time;
35 | }
36 |
37 | setCurrentTime(time);
38 | }
39 | };
40 |
41 | const updateStartTime = (time: number) => {
42 | if (time < endTime) {
43 | videoRef.current.currentTime = time;
44 | setStartTime(time);
45 | setCurrentTime(time);
46 | }
47 | };
48 |
49 | const updateEndTime = (time: number) => {
50 | if (time > startTime) {
51 | videoRef.current.currentTime = time;
52 | setEndTime(time);
53 | setCurrentTime(time);
54 | }
55 | };
56 |
57 | useEffect(() => {
58 | if (!videoRef.current) {
59 | return;
60 | }
61 |
62 | const interval = setInterval(() => {
63 | updateTime(videoRef.current.currentTime ?? 0, true);
64 | }, 1000 / 30);
65 |
66 | return () => {
67 | clearInterval(interval);
68 | };
69 | }, [startTime, endTime]);
70 |
71 | return {
72 | startTime,
73 | endTime,
74 | duration,
75 | currentTime,
76 | updateTime,
77 | updateStartTime,
78 | updateEndTime,
79 | setVideoRef,
80 | videoProps
81 | };
82 | };
83 |
84 | const VideoTimeContainer = createContainer(useVideoTime);
85 |
86 | export default VideoTimeContainer;
87 |
--------------------------------------------------------------------------------
/renderer/components/editor/video.tsx:
--------------------------------------------------------------------------------
1 | import {useRef, useEffect} from 'react';
2 | import VideoTimeContainer from './video-time-container';
3 | import VideoMetadataContainer from './video-metadata-container';
4 | import VideoControlsContainer from './video-controls-container';
5 | import useEditorWindowState from 'hooks/editor/use-editor-window-state';
6 | import {ipcRenderer as ipc} from 'electron-better-ipc';
7 |
8 | const getVideoProps = (propsArray: Array, HTMLVideoElement>>) => {
9 | const handlers = new Map();
10 |
11 | for (const props of propsArray) {
12 | for (const [key, handler] of Object.entries(props)) {
13 | if (!handlers.has(key)) {
14 | handlers.set(key, []);
15 | }
16 |
17 | handlers.get(key).push(handler);
18 | }
19 | }
20 |
21 | // eslint-disable-next-line unicorn/no-array-reduce
22 | return [...handlers.entries()].reduce((acc, [key, handlerList]) => ({
23 | ...acc,
24 | [key]: () => {
25 | for (const handler of handlerList) {
26 | handler?.();
27 | }
28 | }
29 | }), {});
30 | };
31 |
32 | const Video = () => {
33 | const videoRef = useRef();
34 | const {filePath} = useEditorWindowState();
35 | const src = `file://${filePath}`;
36 |
37 | const videoTimeContainer = VideoTimeContainer.useContainer();
38 | const videoMetadataContainer = VideoMetadataContainer.useContainer();
39 | const videoControlsContainer = VideoControlsContainer.useContainer();
40 |
41 | useEffect(() => {
42 | videoTimeContainer.setVideoRef(videoRef.current);
43 | videoMetadataContainer.setVideoRef(videoRef.current);
44 | videoControlsContainer.setVideoRef(videoRef.current);
45 | }, []);
46 |
47 | const videoProps = getVideoProps([
48 | videoTimeContainer.videoProps,
49 | videoMetadataContainer.videoProps,
50 | videoControlsContainer.videoProps
51 | ]);
52 |
53 | const onContextMenu = async () => {
54 | const video = videoRef.current;
55 |
56 | if (!video) {
57 | return;
58 | }
59 |
60 | const wasPaused = video.paused;
61 |
62 | if (!wasPaused) {
63 | await videoControlsContainer.pause();
64 | }
65 |
66 | const {Menu} = require('electron-util').api;
67 | const menu = Menu.buildFromTemplate([{
68 | label: 'Snapshot',
69 | click: () => {
70 | ipc.callMain('save-snapshot', video.currentTime);
71 | }
72 | }]);
73 |
74 | menu.popup({
75 | callback: () => {
76 | if (!wasPaused) {
77 | videoControlsContainer.play();
78 | }
79 | }
80 | });
81 | };
82 |
83 | return (
84 |
85 |
86 |
93 |
94 | );
95 | };
96 |
97 | export default Video;
98 |
--------------------------------------------------------------------------------
/renderer/components/exports/index.tsx:
--------------------------------------------------------------------------------
1 | import React, {useMemo} from 'react';
2 |
3 | import useExportsList from '../../hooks/exports/use-exports-list';
4 | import Export from './export';
5 |
6 | const Exports = () => {
7 | const {state = []} = useExportsList();
8 |
9 | const exportList = useMemo(() => state.reverse(), [state]);
10 |
11 | return (
12 |
13 | {
14 | exportList.map(id => (
15 |
18 | ))
19 | }
20 |
25 |
26 | );
27 | };
28 |
29 | export default Exports;
30 |
--------------------------------------------------------------------------------
/renderer/components/exports/progress.tsx:
--------------------------------------------------------------------------------
1 | import PropTypes from 'prop-types';
2 | import React from 'react';
3 |
4 | import {SpinnerIcon} from '../../vectors';
5 |
6 | export const ProgressSpinner = () => (
7 |
8 |
9 |
30 |
31 | );
32 |
33 | export const Progress = ({percent}: {percent: number}) => {
34 | const circumference = 12 * 2 * Math.PI;
35 | const offset = circumference - (percent * circumference);
36 |
37 | return (
38 |
55 | );
56 | };
57 |
--------------------------------------------------------------------------------
/renderer/components/icon-menu.tsx:
--------------------------------------------------------------------------------
1 | import {MenuItemConstructorOptions} from 'electron';
2 | import React, {FunctionComponent, useRef} from 'react';
3 | import {SvgProps} from 'vectors/svg';
4 |
5 | type MenuProps = {
6 | onOpen: (options: {x: number; y: number}) => void;
7 | } | {
8 | template: MenuItemConstructorOptions[];
9 | };
10 |
11 | type IconMenuProps = SvgProps & MenuProps & {
12 | icon: FunctionComponent;
13 | fillParent?: boolean;
14 | };
15 |
16 | const IconMenu: FunctionComponent = props => {
17 | const {icon: Icon, fillParent, ...iconProps} = props;
18 | const container = useRef(null);
19 |
20 | const openMenu = () => {
21 | const boundingRect = container.current.children[0].getBoundingClientRect();
22 | const {bottom, left} = boundingRect;
23 |
24 | if ('onOpen' in props) {
25 | props.onOpen({
26 | x: Math.round(left),
27 | y: Math.round(bottom)
28 | });
29 | } else {
30 | const {api} = require('electron-util');
31 | const menu = api.Menu.buildFromTemplate(props.template);
32 | menu.popup({
33 | x: Math.round(left),
34 | y: Math.round(bottom)
35 | });
36 | }
37 | };
38 |
39 | return (
40 |
41 |
42 |
49 |
50 | );
51 | };
52 |
53 | export default IconMenu;
54 |
--------------------------------------------------------------------------------
/renderer/components/keyboard-number-input.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import PropTypes from 'prop-types';
3 | import {handleInputKeyPress} from '../utils/inputs';
4 |
5 | class KeyboardNumberInput extends React.Component {
6 | constructor(props) {
7 | super(props);
8 | this.inputRef = React.createRef();
9 | }
10 |
11 | getRef = () => {
12 | return this.inputRef;
13 | };
14 |
15 | render() {
16 | const {onChange, min, max, ...rest} = this.props;
17 |
18 | return (
19 |
20 | );
21 | }
22 | }
23 |
24 | KeyboardNumberInput.propTypes = {
25 | onKeyDown: PropTypes.elementType,
26 | min: PropTypes.number,
27 | max: PropTypes.number,
28 | onChange: PropTypes.elementType
29 | };
30 |
31 | export default KeyboardNumberInput;
32 |
--------------------------------------------------------------------------------
/renderer/components/preferences/categories/category.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import PropTypes from 'prop-types';
3 |
4 | class Category extends React.Component {
5 | render() {
6 | return (
7 |
8 | {this.props.children}
9 |
17 |
18 | );
19 | }
20 | }
21 |
22 | Category.propTypes = {
23 | children: PropTypes.oneOfType([
24 | PropTypes.arrayOf(PropTypes.node),
25 | PropTypes.node
26 | ]).isRequired
27 | };
28 |
29 | export default Category;
30 |
--------------------------------------------------------------------------------
/renderer/components/preferences/categories/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import PropTypes from 'prop-types';
3 | import {ipcRenderer as ipc} from 'electron-better-ipc';
4 |
5 | import {connect, PreferencesContainer} from '../../../containers';
6 |
7 | import General from './general';
8 | import Plugins from './plugins';
9 |
10 | const CATEGORIES = [
11 | {
12 | name: 'general',
13 | Component: General
14 | }, {
15 | name: 'plugins',
16 | Component: Plugins
17 | }
18 | ];
19 |
20 | class Categories extends React.Component {
21 | componentDidUpdate(previousProps) {
22 | if (!previousProps.isMounted && this.props.isMounted) {
23 | // Wait for the transitions to end
24 | setTimeout(async () => ipc.callMain('preferences-ready'), 300);
25 | }
26 | }
27 |
28 | render() {
29 | const {category} = this.props;
30 |
31 | const index = CATEGORIES.findIndex(({name}) => name === category);
32 |
33 | return (
34 |
35 |
36 | {
37 | CATEGORIES.map(
38 | ({name, Component}) => (
39 |
40 | )
41 | )
42 | }
43 |
56 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 | );
37 | };
38 |
39 | export default Kap;
40 |
--------------------------------------------------------------------------------
/renderer/pages/config.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import {Provider} from 'unstated';
3 | import {ipcRenderer as ipc} from 'electron-better-ipc';
4 |
5 | import {ConfigContainer} from '../containers';
6 | import Config from '../components/config';
7 | import WindowHeader from '../components/window-header';
8 |
9 | const configContainer = new ConfigContainer();
10 |
11 | export default class ConfigPage extends React.Component {
12 | state = {title: ''};
13 |
14 | componentDidMount() {
15 | ipc.answerMain('plugin', pluginName => {
16 | configContainer.setPlugin(pluginName);
17 | this.setState({title: pluginName.replace(/^kap-/, '')});
18 | });
19 |
20 | ipc.answerMain('edit-service', ({pluginName, serviceTitle}) => {
21 | configContainer.setEditService(pluginName, serviceTitle);
22 | this.setState({title: serviceTitle});
23 | });
24 | }
25 |
26 | render() {
27 | const {title} = this.state;
28 |
29 | return (
30 |
74 | );
75 | }
76 | }
77 |
--------------------------------------------------------------------------------
/renderer/pages/editor.tsx:
--------------------------------------------------------------------------------
1 | import Head from 'next/head';
2 | // Import EditorPreview from '../components/editor/editor-preview';
3 | import combineUnstatedContainers from '../utils/combine-unstated-containers';
4 | import VideoMetadataContainer from '../components/editor/video-metadata-container';
5 | import VideoTimeContainer from '../components/editor/video-time-container';
6 | import VideoControlsContainer from '../components/editor/video-controls-container';
7 | import OptionsContainer from '../components/editor/options-container';
8 | import useEditorWindowState from 'hooks/editor/use-editor-window-state';
9 | import {ConversionIdContextProvider} from 'hooks/editor/use-conversion-id';
10 | import Editor from 'components/editor';
11 |
12 | const ContainerProvider = combineUnstatedContainers([
13 | OptionsContainer,
14 | VideoMetadataContainer,
15 | VideoTimeContainer,
16 | VideoControlsContainer
17 | ]) as any;
18 |
19 | const EditorPage = () => {
20 | const args = useEditorWindowState();
21 |
22 | if (!args) {
23 | return null;
24 | }
25 |
26 | return (
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
86 |
87 | );
88 | };
89 |
90 | export default EditorPage;
91 |
--------------------------------------------------------------------------------
/renderer/pages/exports.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | import WindowHeader from '../components/window-header';
4 | import Exports from '../components/exports';
5 |
6 | const ExportsPage = () => (
7 |
8 |
9 |
10 |
23 |
24 | );
25 |
26 | export default ExportsPage;
27 |
--------------------------------------------------------------------------------
/renderer/public/static/all-the-things.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/renderer/public/static/all-the-things.png
--------------------------------------------------------------------------------
/renderer/public/static/kap-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/renderer/public/static/kap-icon.png
--------------------------------------------------------------------------------
/renderer/tsconfig.eslint.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "./tsconfig.json",
3 | "include": [
4 | "next-env.d.ts",
5 | "**/*.ts",
6 | "**/*.tsx",
7 | "**/*.js"
8 | ]
9 | }
10 |
--------------------------------------------------------------------------------
/renderer/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "es2019",
4 | "lib": [
5 | "dom",
6 | "dom.iterable",
7 | "esnext"
8 | ],
9 | "allowJs": true,
10 | "skipLibCheck": true,
11 | "strict": false,
12 | "forceConsistentCasingInFileNames": true,
13 | "noEmit": true,
14 | "preserveSymlinks": true,
15 | "esModuleInterop": true,
16 | "module": "esnext",
17 | "moduleResolution": "node",
18 | "resolveJsonModule": true,
19 | "isolatedModules": true,
20 | "jsx": "preserve",
21 | "downlevelIteration": true,
22 | "baseUrl": ".",
23 | "paths": {
24 | "utils/*": ["./utils/*"],
25 | "components/*": ["./components/*"],
26 | "containers/*": ["./containers/*"],
27 | "hooks/*": ["./hooks/*"],
28 | "common/*": ["./common/*"],
29 | "vectors": ["./vectors"]
30 | }
31 | },
32 | "exclude": [
33 | "node_modules",
34 | "common-remote-states"
35 | ],
36 | "include": [
37 | "next-env.d.ts",
38 | "**/*.ts",
39 | "**/*.tsx"
40 | ]
41 | }
42 |
--------------------------------------------------------------------------------
/renderer/utils/combine-unstated-containers.tsx:
--------------------------------------------------------------------------------
1 | import React, {FunctionComponent, PropsWithChildren} from 'react';
2 | import {Container} from 'unstated-next';
3 |
4 | type ContainerOrWithInitialState = Container | [Container, T];
5 |
6 | const combineUnstatedContainers = (containers: ContainerOrWithInitialState[]) => ({children}: PropsWithChildren>) => {
7 | // eslint-disable-next-line unicorn/no-array-reduce
8 | return containers.reduce(
9 | (tree, ContainerOrWithInitialState) => {
10 | if (Array.isArray(ContainerOrWithInitialState)) {
11 | const [Container, initialState] = ContainerOrWithInitialState;
12 | return {tree};
13 | }
14 |
15 | return {tree};
16 | },
17 | // @ts-expect-error
18 | children
19 | );
20 | };
21 |
22 | export default combineUnstatedContainers;
23 |
--------------------------------------------------------------------------------
/renderer/utils/format-time.js:
--------------------------------------------------------------------------------
1 | import moment from 'moment';
2 |
3 | const formatTime = (time, options) => {
4 | options = {
5 | showMilliseconds: false,
6 | ...options
7 | };
8 |
9 | const durationFormatted = options.extra ?
10 | ` (${format(options.extra, options)})` :
11 | '';
12 |
13 | return `${format(time, options)}${durationFormatted}`;
14 | };
15 |
16 | const format = (time, {showMilliseconds} = {}) => {
17 | const formatString = `${time >= 60 * 60 ? 'hh:m' : ''}m:ss${showMilliseconds ? '.SS' : ''}`;
18 |
19 | return moment().startOf('day').millisecond(time * 1000).format(formatString);
20 | };
21 |
22 | export default formatTime;
23 |
--------------------------------------------------------------------------------
/renderer/utils/sentry-error-boundary.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import * as Sentry from '@sentry/browser';
3 | import electron from 'electron';
4 | import type {api as Api, is as Is} from 'electron-util';
5 |
6 | const SENTRY_PUBLIC_DSN = 'https://2dffdbd619f34418817f4db3309299ce@sentry.io/255536';
7 |
8 | class SentryErrorBoundary extends React.Component<{children: React.ReactNode}> {
9 | constructor(props) {
10 | super(props);
11 | const {settings} = electron.remote.require('./common/settings');
12 | // Done in-line because this is used in _app
13 | const {is, api} = require('electron-util') as {
14 | api: typeof Api;
15 | is: typeof Is;
16 | };
17 |
18 | if (!is.development && settings.get('allowAnalytics')) {
19 | const release = `${api.app.name}@${api.app.getVersion()}`.toLowerCase();
20 | Sentry.init({dsn: SENTRY_PUBLIC_DSN, release});
21 | }
22 | }
23 |
24 | componentDidCatch(error, errorInfo) {
25 | console.log(error, errorInfo);
26 | Sentry.configureScope(scope => {
27 | for (const [key, value] of Object.entries(errorInfo)) {
28 | scope.setExtra(key, value);
29 | }
30 | });
31 |
32 | Sentry.captureException(error);
33 |
34 | // This is needed to render errors correctly in development / production
35 | super.componentDidCatch(error, errorInfo);
36 | }
37 |
38 | render() {
39 | return this.props.children;
40 | }
41 | }
42 |
43 | export default SentryErrorBoundary;
44 |
--------------------------------------------------------------------------------
/renderer/utils/window.ts:
--------------------------------------------------------------------------------
1 |
2 | export const resizeKeepingCenter = (
3 | bounds: Electron.Rectangle,
4 | newSize: {width: number; height: number}
5 | ): Electron.Rectangle => {
6 | const cx = Math.round(bounds.x + (bounds.width / 2));
7 | const cy = Math.round(bounds.y + (bounds.height / 2));
8 |
9 | return {
10 | x: Math.round(cx - (newSize.width / 2)),
11 | y: Math.round(cy - (newSize.height / 2)),
12 | width: newSize.width,
13 | height: newSize.height
14 | };
15 | };
16 |
--------------------------------------------------------------------------------
/renderer/vectors/applications.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Svg from './svg';
3 |
4 | // eslint-disable-next-line unicorn/prevent-abbreviations
5 | const ApplicationsIcon = props => (
6 |
9 | );
10 |
11 | export default ApplicationsIcon;
12 |
--------------------------------------------------------------------------------
/renderer/vectors/back-plain.tsx:
--------------------------------------------------------------------------------
1 | import React, {FunctionComponent} from 'react';
2 | import Svg, {SvgProps} from './svg';
3 |
4 | const BackPlainIcon: FunctionComponent = props => (
5 |
9 | );
10 |
11 | export default BackPlainIcon;
12 |
--------------------------------------------------------------------------------
/renderer/vectors/back.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Svg from './svg';
3 |
4 | const BackIcon = props => (
5 |
8 | );
9 |
10 | export default BackIcon;
11 |
--------------------------------------------------------------------------------
/renderer/vectors/cancel.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Svg from './svg';
3 |
4 | const CancelIcon = props => (
5 |
8 | );
9 |
10 | export default CancelIcon;
11 |
--------------------------------------------------------------------------------
/renderer/vectors/crop.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Svg from './svg';
3 |
4 | const CropIcon = props => (
5 |
8 | );
9 |
10 | export default CropIcon;
11 |
--------------------------------------------------------------------------------
/renderer/vectors/dropdown-arrow.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Svg from './svg';
3 |
4 | const DropdownArrowIcon = props => (
5 |
8 | );
9 |
10 | export default DropdownArrowIcon;
11 |
--------------------------------------------------------------------------------
/renderer/vectors/edit.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Svg from './svg';
3 |
4 | const EditIcon = props => (
5 |
9 | );
10 |
11 | export default EditIcon;
12 |
--------------------------------------------------------------------------------
/renderer/vectors/error.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Svg from './svg';
3 |
4 | const ErrorIcon = props => (
5 |
10 | );
11 |
12 | export default ErrorIcon;
13 |
--------------------------------------------------------------------------------
/renderer/vectors/exit-fullscreen.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Svg from './svg';
3 |
4 | const ExitFullscreenIcon = props => (
5 |
8 | );
9 |
10 | export default ExitFullscreenIcon;
11 |
--------------------------------------------------------------------------------
/renderer/vectors/fullscreen.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Svg from './svg';
3 |
4 | const FullscrenIcon = props => (
5 |
8 | );
9 |
10 | export default FullscrenIcon;
11 |
--------------------------------------------------------------------------------
/renderer/vectors/gear.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Svg from './svg';
3 |
4 | const GearIcon = props => (
5 |
8 | );
9 |
10 | export default GearIcon;
11 |
--------------------------------------------------------------------------------
/renderer/vectors/help.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Svg from './svg';
3 |
4 | const HelpIcon = props => (
5 |
9 | );
10 |
11 | export default HelpIcon;
12 |
--------------------------------------------------------------------------------
/renderer/vectors/index.js:
--------------------------------------------------------------------------------
1 | import ApplicationsIcon from './applications';
2 | import BackIcon from './back';
3 | import CropIcon from './crop';
4 | import DropdownArrowIcon from './dropdown-arrow';
5 | import FullscreenIcon from './fullscreen';
6 | import LinkIcon from './link';
7 | import SwapIcon from './swap';
8 | import ExitFullscreenIcon from './exit-fullscreen';
9 | import SettingsIcon from './settings';
10 | import TuneIcon from './tune';
11 | import PluginsIcon from './plugins';
12 | import GearIcon from './gear';
13 | import SpinnerIcon from './spinner';
14 | import MoreIcon from './more';
15 | import PlayIcon from './play';
16 | import PauseIcon from './pause';
17 | import VolumeHighIcon from './volume-high';
18 | import VolumeOffIcon from './volume-off';
19 | import CancelIcon from './cancel';
20 | import TooltipIcon from './tooltip';
21 | import EditIcon from './edit';
22 | import ErrorIcon from './error';
23 | import OpenConfigIcon from './open-config';
24 | import OpenOnGithubIcon from './open-on-github';
25 | import HelpIcon from './help';
26 | import BackPlainIcon from './back-plain';
27 |
28 | export {
29 | ApplicationsIcon,
30 | BackIcon,
31 | CropIcon,
32 | DropdownArrowIcon,
33 | FullscreenIcon,
34 | LinkIcon,
35 | SwapIcon,
36 | ExitFullscreenIcon,
37 | SettingsIcon,
38 | TuneIcon,
39 | PluginsIcon,
40 | GearIcon,
41 | SpinnerIcon,
42 | MoreIcon,
43 | PlayIcon,
44 | PauseIcon,
45 | VolumeHighIcon,
46 | VolumeOffIcon,
47 | CancelIcon,
48 | TooltipIcon,
49 | EditIcon,
50 | ErrorIcon,
51 | OpenConfigIcon,
52 | OpenOnGithubIcon,
53 | HelpIcon,
54 | BackPlainIcon
55 | };
56 |
--------------------------------------------------------------------------------
/renderer/vectors/link.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Svg from './svg';
3 |
4 | const LinkIcon = props => (
5 |
8 | );
9 |
10 | export default LinkIcon;
11 |
--------------------------------------------------------------------------------
/renderer/vectors/more.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Svg from './svg';
3 |
4 | const MoreIcon = props => (
5 |
9 | );
10 |
11 | export default MoreIcon;
12 |
--------------------------------------------------------------------------------
/renderer/vectors/open-config.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Svg from './svg';
3 |
4 | const OpenConfigIcon = props => (
5 |
8 | );
9 |
10 | export default OpenConfigIcon;
11 |
--------------------------------------------------------------------------------
/renderer/vectors/open-on-github.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Svg from './svg';
3 |
4 | const OpenOnGithubIcon = props => (
5 |
8 | );
9 |
10 | export default OpenOnGithubIcon;
11 |
--------------------------------------------------------------------------------
/renderer/vectors/pause.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Svg from './svg';
3 |
4 | const PauseIcon = props => (
5 |
8 | );
9 |
10 | export default PauseIcon;
11 |
--------------------------------------------------------------------------------
/renderer/vectors/play.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Svg from './svg';
3 |
4 | const PlayIcon = props => (
5 |
8 | );
9 |
10 | export default PlayIcon;
11 |
--------------------------------------------------------------------------------
/renderer/vectors/plugins.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Svg from './svg';
3 |
4 | const PluginsIcon = props => (
5 |
8 | );
9 |
10 | export default PluginsIcon;
11 |
--------------------------------------------------------------------------------
/renderer/vectors/settings.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Svg from './svg';
3 |
4 | const SettingsIcon = props => (
5 |
9 | );
10 |
11 | export default SettingsIcon;
12 |
--------------------------------------------------------------------------------
/renderer/vectors/spinner.js:
--------------------------------------------------------------------------------
1 | import PropTypes from 'prop-types';
2 | import React from 'react';
3 |
4 | const SpinnerIcon = ({stroke = 'var(--kap)'}) => (
5 |
30 | );
31 |
32 | SpinnerIcon.propTypes = {
33 | stroke: PropTypes.string
34 | };
35 |
36 | export default SpinnerIcon;
37 |
--------------------------------------------------------------------------------
/renderer/vectors/svg.tsx:
--------------------------------------------------------------------------------
1 | import React, {FunctionComponent} from 'react';
2 | import classNames from 'classnames';
3 |
4 | import {handleKeyboardActivation} from '../utils/inputs';
5 |
6 | const defaultProps: SvgProps = {
7 | fill: 'var(--icon-color)',
8 | activeFill: 'var(--kap)',
9 | hoverFill: 'var(--icon-hover-color)',
10 | size: '24px',
11 | active: false,
12 | viewBox: '0 0 24 24',
13 | tabIndex: -1
14 | };
15 |
16 | const stopPropagation = event => {
17 | event.stopPropagation();
18 | };
19 |
20 | const Svg: FunctionComponent = props => {
21 | const {
22 | fill,
23 | size,
24 | activeFill,
25 | hoverFill,
26 | active,
27 | onClick,
28 | children,
29 | viewBox,
30 | shadow,
31 | tabIndex,
32 | isMenu
33 | } = {
34 | ...defaultProps,
35 | ...props
36 | };
37 |
38 | const className = classNames({active, shadow, focusable: tabIndex >= 0});
39 |
40 | return (
41 | = 0 ? handleKeyboardActivation(onClick, {isMenu}) : undefined}>
42 |
50 |
92 |
93 | );
94 | };
95 |
96 | export interface SvgProps {
97 | fill?: string;
98 | size?: string;
99 | activeFill?: string;
100 | hoverFill?: string;
101 | active?: boolean;
102 | viewBox?: string;
103 | onClick?: () => void;
104 | shadow?: boolean;
105 | tabIndex?: number;
106 | isMenu?: boolean;
107 | }
108 |
109 | export default Svg;
110 |
--------------------------------------------------------------------------------
/renderer/vectors/swap.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Svg from './svg';
3 |
4 | const SwapIcon = props => (
5 |
8 | );
9 |
10 | export default SwapIcon;
11 |
--------------------------------------------------------------------------------
/renderer/vectors/tooltip.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Svg from './svg';
3 |
4 | const TooltipIcon = props => (
5 |
8 | );
9 |
10 | export default TooltipIcon;
11 |
--------------------------------------------------------------------------------
/renderer/vectors/tune.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Svg from './svg';
3 |
4 | const TuneIcon = props => (
5 |
9 | );
10 |
11 | export default TuneIcon;
12 |
--------------------------------------------------------------------------------
/renderer/vectors/volume-high.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Svg from './svg';
3 |
4 | const VolumeHighIcon = props => (
5 |
8 | );
9 |
10 | export default VolumeHighIcon;
11 |
--------------------------------------------------------------------------------
/renderer/vectors/volume-off.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Svg from './svg';
3 |
4 | const VolumeOffIcon = props => (
5 |
8 | );
9 |
10 | export default VolumeOffIcon;
11 |
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00000Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00000Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00000Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00000Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00001Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00001Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00001Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00001Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00002Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00002Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00002Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00002Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00003Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00003Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00003Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00003Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00004Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00004Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00004Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00004Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00005Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00005Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00005Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00005Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00006Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00006Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00006Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00006Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00007Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00007Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00007Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00007Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00008Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00008Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00008Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00008Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00009Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00009Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00009Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00009Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00010Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00010Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00010Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00010Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00011Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00011Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00011Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00011Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00012Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00012Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00012Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00012Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00013Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00013Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00013Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00013Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00014Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00014Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00014Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00014Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00015Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00015Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00015Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00015Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00016Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00016Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00016Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00016Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00017Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00017Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00017Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00017Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00018Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00018Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00018Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00018Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00019Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00019Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00019Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00019Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00020Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00020Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00020Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00020Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00021Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00021Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00021Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00021Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00022Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00022Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00022Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00022Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00023Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00023Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00023Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00023Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00024Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00024Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00024Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00024Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00025Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00025Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00025Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00025Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00026Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00026Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00026Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00026Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00027Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00027Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00027Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00027Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00028Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00028Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00028Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00028Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00029Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00029Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00029Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00029Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00030Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00030Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00030Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00030Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00031Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00031Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00031Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00031Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00032Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00032Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00032Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00032Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00033Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00033Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00033Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00033Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00034Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00034Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00034Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00034Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00035Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00035Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00035Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00035Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00036Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00036Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00036Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00036Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00037Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00037Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00037Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00037Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00038Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00038Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00038Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00038Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00039Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00039Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00039Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00039Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00040Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00040Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00040Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00040Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00041Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00041Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00041Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00041Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00042Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00042Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00042Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00042Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00043Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00043Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00043Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00043Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00044Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00044Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00044Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00044Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00045Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00045Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00045Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00045Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00046Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00046Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00046Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00046Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00047Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00047Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00047Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00047Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00048Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00048Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00048Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00048Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00049Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00049Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00049Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00049Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00050Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00050Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00050Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00050Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00051Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00051Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00051Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00051Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00052Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00052Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00052Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00052Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00053Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00053Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00053Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00053Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00054Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00054Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00054Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00054Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00055Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00055Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00055Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00055Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00056Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00056Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00056Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00056Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00057Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00057Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00057Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00057Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00058Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00058Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00058Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00058Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00059Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00059Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00059Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00059Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00060Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00060Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00060Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00060Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00061Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00061Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00061Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00061Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00062Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00062Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00062Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00062Template@2x.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00063Template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00063Template.png
--------------------------------------------------------------------------------
/static/menubar-loading/loading_00063Template@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubar-loading/loading_00063Template@2x.png
--------------------------------------------------------------------------------
/static/menubarDefaultTemplate.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubarDefaultTemplate.png
--------------------------------------------------------------------------------
/static/menubarDefaultTemplate@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/menubarDefaultTemplate@2x.png
--------------------------------------------------------------------------------
/static/pauseTemplate.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/pauseTemplate.png
--------------------------------------------------------------------------------
/static/pauseTemplate@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/static/pauseTemplate@2x.png
--------------------------------------------------------------------------------
/test/fixtures/corrupt.mp4:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/test/fixtures/corrupt.mp4
--------------------------------------------------------------------------------
/test/fixtures/incomplete.mp4:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/test/fixtures/incomplete.mp4
--------------------------------------------------------------------------------
/test/fixtures/input.mp4:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/test/fixtures/input.mp4
--------------------------------------------------------------------------------
/test/fixtures/input@2x.mp4:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wulkano/Kap/c42692fa63ac71ed192e01684beb78a1b864aa88/test/fixtures/input@2x.mp4
--------------------------------------------------------------------------------
/test/helpers/assertions.ts:
--------------------------------------------------------------------------------
1 |
2 | export const almostEquals = (actual: number, expected: number, threshold = 0.5) => {
3 | return Math.abs(actual - expected) <= threshold ? true : `
4 | Actual: ${actual}
5 | Expected: ${expected}
6 | Threshold: ${threshold}
7 | Diff: ${Math.abs(actual - expected)}
8 | `;
9 | };
10 |
--------------------------------------------------------------------------------
/test/helpers/mocks.ts:
--------------------------------------------------------------------------------
1 | import moduleAlias from 'module-alias';
2 | import path from 'path';
3 | import fs from 'fs';
4 |
5 | export const mockModule = (name: string) => {
6 | const mockModulePathTypescript = path.resolve(__dirname, '..', 'mocks', `${name}.ts`);
7 | const mockModulePath = path.resolve(__dirname, '..', 'mocks', `${name}.js`);
8 |
9 | const mockPath = [
10 | mockModulePathTypescript,
11 | mockModulePath
12 | ].find(p => fs.existsSync(p));
13 |
14 | if (!mockPath) {
15 | throw new Error(`Missing mock implementation at ${mockModulePath}`.replace('js', '(ts|js)'));
16 | }
17 |
18 | moduleAlias.addAlias(name, mockPath);
19 | return require(mockPath);
20 | };
21 |
22 | export const mockImport = (importPath: string, mock: string) => {
23 | const mockModulePathTypescript = path.resolve(__dirname, '..', 'mocks', `${mock}.ts`);
24 | const mockModulePath = path.resolve(__dirname, '..', 'mocks', `${mock}.js`);
25 |
26 | const mockPath = [
27 | mockModulePathTypescript,
28 | mockModulePath
29 | ].find(p => fs.existsSync(p));
30 |
31 | if (!mockPath) {
32 | throw new Error(`Missing mock implementation at ${mockModulePath}`.replace('js', '(ts|js)'));
33 | }
34 |
35 | moduleAlias.addAlias(importPath, mockPath);
36 | return require(mockPath);
37 | };
38 |
--------------------------------------------------------------------------------
/test/helpers/video-utils.ts:
--------------------------------------------------------------------------------
1 | import moment from 'moment';
2 | import execa from 'execa';
3 |
4 | const ffmpegPath = require('ffmpeg-static');
5 |
6 | const getDuration = (text: string): number => {
7 | const durationString = /Duration: ([\d:.]*)/.exec(text)?.[1];
8 | return moment.duration(durationString).asSeconds();
9 | };
10 |
11 | const getEncoding = (text: string) => /Stream.*Video: (.*?)[, ]/.exec(text)?.[1];
12 |
13 | const getFps = (text: string) => {
14 | const fpsString = /([\d.]*) fps/.exec(text)?.[1];
15 | return Number.parseFloat(fpsString!);
16 | };
17 |
18 | const getSize = (text: string) => {
19 | const sizeText = /Video:.*?, (\d*x\d*)/.exec(text)?.[1]!;
20 | const parts = sizeText.split('x');
21 | return {
22 | width: Number.parseFloat(parts[0]),
23 | height: Number.parseFloat(parts[1])
24 | };
25 | };
26 |
27 | const getHasAudio = (text: string) => /Stream #.*: Audio/.test(text);
28 |
29 | // @ts-expect-error
30 | export const getVideoMetadata = async (path: string): Promise<{
31 | duration: number;
32 | encoding: string;
33 | fps: number;
34 | size: {width: number; height: number};
35 | hasAudio: boolean;
36 | }> => {
37 | try {
38 | await execa(ffmpegPath, ['-i', path]);
39 | } catch (error) {
40 | const {stderr} = error as any;
41 | return {
42 | duration: getDuration(stderr),
43 | encoding: getEncoding(stderr)!,
44 | fps: getFps(stderr)!,
45 | size: getSize(stderr) as {width: number; height: number},
46 | hasAudio: getHasAudio(stderr)!
47 | };
48 | }
49 | };
50 |
--------------------------------------------------------------------------------
/test/mocks/analytics.ts:
--------------------------------------------------------------------------------
1 |
2 | export const initializeAnalytics = () => {};
3 | export const track = () => {};
4 |
--------------------------------------------------------------------------------
/test/mocks/dialog.ts:
--------------------------------------------------------------------------------
1 | import sinon from 'sinon';
2 |
3 | let dialogState: any;
4 | let dialogResolve: any;
5 | let waitForDialogResolve: any;
6 |
7 | export const showDialog = sinon.fake(async (options: any) => new Promise(resolve => {
8 | dialogState = options;
9 | dialogResolve = resolve;
10 |
11 | if (waitForDialogResolve) {
12 | waitForDialogResolve(options);
13 | }
14 |
15 | waitForDialogResolve = undefined;
16 | }));
17 |
18 | const resolve = (result: any) => {
19 | if (dialogResolve) {
20 | dialogResolve(result);
21 | }
22 |
23 | dialogResolve = undefined;
24 | dialogState = undefined;
25 | };
26 |
27 | export const fakeAction = async (index: any) => {
28 | const button = dialogState.buttons[index];
29 | const action = button?.action;
30 | let wasCalled = false;
31 |
32 | if (action) {
33 | await action(resolve, (newState: any) => {
34 | wasCalled = true;
35 | dialogState = newState;
36 | });
37 |
38 | if (!wasCalled) {
39 | resolve(index);
40 | }
41 | } else {
42 | resolve(index);
43 | }
44 | };
45 |
46 | export const getCurrentState = () => dialogState;
47 |
48 | export const waitForDialog = async () => new Promise(resolve => {
49 | waitForDialogResolve = resolve;
50 | });
51 |
--------------------------------------------------------------------------------
/test/mocks/electron-store.ts:
--------------------------------------------------------------------------------
1 | import sinon from 'sinon';
2 |
3 | const mocks: Record = {};
4 | const store: Record = {};
5 |
6 | const getMock = sinon.fake(
7 | (key: string, defaultValue: any) => mocks[key] ?? store[key] ?? defaultValue
8 | );
9 |
10 | const setMock = sinon.fake(
11 | (key: string, value: any) => {
12 | store[key] = value;
13 | }
14 | );
15 |
16 | const deleteMock = sinon.fake(
17 | (key: string) => {
18 | delete store[key];
19 | }
20 | );
21 |
22 | const clearMock = sinon.fake(
23 | () => {
24 | for (const key of Object.keys(store)) {
25 | delete store[key];
26 | }
27 | }
28 | );
29 |
30 | export default class Store {
31 | get = getMock;
32 | set = setMock;
33 | delete = deleteMock;
34 | clear = clearMock;
35 |
36 | get store() {
37 | return {
38 | ...store,
39 | ...mocks
40 | };
41 | }
42 |
43 | static mockGet = (key: string, result: any) => {
44 | mocks[key] = result;
45 | };
46 |
47 | static clearMocks = () => {
48 | for (const key of Object.keys(mocks)) {
49 | delete mocks[key];
50 | }
51 | };
52 |
53 | static mocks = {
54 | get: getMock,
55 | set: setMock,
56 | delete: deleteMock,
57 | clear: clearMock
58 | };
59 | }
60 |
--------------------------------------------------------------------------------
/test/mocks/electron.ts:
--------------------------------------------------------------------------------
1 | import sinon from 'sinon';
2 | import tempy from 'tempy';
3 | import path from 'path';
4 |
5 | const temporaryDir = tempy.directory();
6 |
7 | process.env.TZ = 'America/New_York';
8 | (process.versions as any).chrome = '';
9 |
10 | export const app = {
11 | getPath: (name: string) => path.resolve(temporaryDir, name),
12 | isPackaged: false,
13 | getVersion: ''
14 | };
15 |
16 | export const shell = {
17 | showItemInFolder: sinon.fake()
18 | };
19 |
20 | export const clipboard = {
21 | writeText: sinon.fake()
22 | };
23 |
24 | export const remote = {};
25 |
--------------------------------------------------------------------------------
/test/mocks/plugins.ts:
--------------------------------------------------------------------------------
1 | import sinon from 'sinon';
2 | import {Mutable, PartialDeep} from 'type-fest';
3 | import type {Plugins} from '../../main/plugins';
4 |
5 | export const plugins: PartialDeep> = {
6 | recordingPlugins: [],
7 | sharePlugins: [],
8 | editPlugins: []
9 | };
10 |
--------------------------------------------------------------------------------
/test/mocks/sentry.ts:
--------------------------------------------------------------------------------
1 | import sinon from 'sinon';
2 |
3 | export const isSentryEnabled = true;
4 |
5 | export default {
6 | captureException: sinon.fake()
7 | };
8 |
--------------------------------------------------------------------------------
/test/mocks/service-context.ts:
--------------------------------------------------------------------------------
1 |
2 | export class ShareServiceContext {}
3 | export class RecordServiceContext {}
4 | export class EditServiceContext {}
5 |
--------------------------------------------------------------------------------
/test/mocks/settings.ts:
--------------------------------------------------------------------------------
1 | import sinon from 'sinon';
2 |
3 | const mocks: Record = {};
4 |
5 | const mockGet = sinon.fake((key: string, defaultValue: any) => mocks[key] || defaultValue);
6 |
7 | export const settings = {
8 | get: mockGet,
9 | set: sinon.fake(),
10 | delete: sinon.fake(),
11 | setMock: (key: string, value: any) => {
12 | mocks[key] = value;
13 | }
14 | };
15 |
--------------------------------------------------------------------------------
/test/mocks/video.ts:
--------------------------------------------------------------------------------
1 | import sinon from 'sinon';
2 |
3 | const mocks = {
4 | open: sinon.fake(),
5 | constructor: sinon.fake(),
6 | getOrCreate: sinon.fake(() => new Video())
7 | };
8 |
9 | export default class Video {
10 | static getOrCreate = mocks.getOrCreate;
11 | openEditorWindow = mocks.open;
12 |
13 | constructor(...args: any[]) {
14 | mocks.constructor(...args);
15 | }
16 |
17 | static mocks = mocks;
18 | }
19 |
--------------------------------------------------------------------------------
/test/mocks/window-manager.ts:
--------------------------------------------------------------------------------
1 | import sinon from 'sinon';
2 | import {SetOptional} from 'type-fest';
3 |
4 | import type {WindowManager} from '../../main/windows/manager';
5 |
6 | import * as dialogManager from './dialog';
7 |
8 | export class MockWindowManager implements SetOptional<
9 | WindowManager,
10 | 'setEditor' | 'setCropper' | 'setConfig' | 'setDialog' | 'setExports' | 'setPreferences'
11 | > {
12 | editor = {
13 | open: sinon.fake(),
14 | areAnyBlocking: () => false
15 | };
16 |
17 | dialog = {
18 | open: dialogManager.showDialog,
19 | ...dialogManager
20 | };
21 | }
22 |
23 | export const windowManager = new MockWindowManager();
24 |
--------------------------------------------------------------------------------
/test/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../tsconfig.json",
3 | "compilerOptions": {
4 | "noUnusedLocals": false,
5 | "baseUrl": "."
6 | },
7 | "include": [
8 | "**/*.ts"
9 | ]
10 | }
11 |
--------------------------------------------------------------------------------
/tsconfig.eslint.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "./tsconfig.json",
3 | "include": [
4 | "main/**/*",
5 | "main/**/*.js",
6 | "test/**/*.ts",
7 | "test/**/*.js"
8 | ]
9 | }
10 |
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "@sindresorhus/tsconfig",
3 | "compilerOptions": {
4 | "outDir": "dist-js",
5 | "target": "es2019",
6 | "module": "commonjs",
7 | "esModuleInterop": true,
8 | "allowJs": true,
9 | "sourceMap": true,
10 | "inlineSources": true,
11 | "lib": [
12 | "esnext"
13 | ]
14 | },
15 | "include": [
16 | "node_modules/type-fest/index.d.ts",
17 | "main/**/*"
18 | ],
19 | "exclude": [
20 | "node_modules"
21 | ]
22 | }
23 |
--------------------------------------------------------------------------------
3 | 
