started as of v1.4.0, on the concats feature branch
Breaking up into components means whittling away at TheInput.vue
.
This branch impacted the development experience, not the app user experience.
Basically, this feature branch work turned this directory structure:
src/components
├── global
│ └── TheHeader.vue
├── Input
│ └── TheInput.vue
└── Output
└── TheOutput.vue
into this:
src/components
├── Form
│ ├── TheControls.vue
│ ├── TheFileSelector.vue
│ ├── TheForm.vue
│ ├── TheHeadersSelection.vue
│ ├── TheHeadersSelector.vue
│ └── TheOutput.vue
├── TheFooter.vue
└── TheHeader.vue
This feature branch created the minor bump to v1.5.0.
Design the app's user steps so that, instead of scrolling down the page as steps are completed, each completed step transitions away to make room for the next step. So in this scenario, there is no scrolling beyond the size of the app window.
- replace header with thin icon progress bar showing the app workflow steps in total and which step the user is currently on
- add reset button to this progress bar area
- reconsider metadata from header and footer, make it all available via OS native menus, NOT via app UI
- expand the drop zone, and the click area for user to select input file
- make app ui more minimal centered around app workflow
- removes footer
- adds completed metadata fields in package.json
- implements native OS menu system, including:
- darwin menu if on darwin build
- file
- view
- info - including an external link to app source repo and About concats pop up dialog on windows builds
- new app icon
- I read through the source code for Hyper by Zeit, and used their module approach to the menu organization
- adds step number underneath each step icon in progress bar via ::after psuedo element, opacity, and props on div wrapper around each svg
- shows temporary modal when invalid file types are dropped onto TheFileSelector dropzone
- adds helpful text about valid file types to TheFileSelector
- here's the !SO answer that helped me achieve the temporary modal solution by using the mounted() hook in the modal component to implement the
setTimeout()
- change the opacity transition of the angle arrows in the progress bar to point the user to the next step
- gets rid of all
.iscomplete
classes in favor of.iscurrent
- refactor src/* into main/ and renderer/
- add README to build/
- allow user to input an extension-less file or a csv/tsv file
- introduces a directory of shared modules between
src/main/
andsrc/renderer/
- shows progress bar step numbers by default, and only the current step in bold
- makes LICENSE current
- cleans up readme
- create animated gif from screenshot video of using concats
- updates README with demo
- cleans up README to close some issues
-
starting point: v1.13.10
-
ending point: v1.13.11
-
branch name: security
-
steps:
- run
npm audit fix
- install 1/2 peer dependencies (see 26ec9498d4 commit message)
- run
-
starting point: v1.13.11
-
ending point: v1.13.12
-
branch name: sec2019-07-27
-
steps:
- run
npm audit fix
- install earlier version of ajv module as peer dependency via npm warning
- run
- branch: gh-release
- description: I want to make use of GitHub's "release" feature to include of build binary files for mac and windows concats apps. See https://help.github.com/en/articles/creating-releases
- public/index.html: Remove favicon.ico import
- public/favicon.ico
- branch: vuln-patch
- description: Run
npm audit fix
to fix vulnerabilities
- package-lock.json