Added a feature where a motivational quote is randomly selected from a
static list and displayed whenever the user closes all the panes on the
page. Also added a quotes.js file with an array of quote objects and a
function that returns a random quote object when called.
Edit: Forgot to add double quotes to the quote blocks after moving from
test strings to random quote objects from the quotes.js file. Added
them here as HTML encoded left and right double quotes.
Made changes @Bouncey requested.
Made further changes @Bouncey requested. Also added a componentDidUpdate
method to both ensure the quote is only changed when panes open and close,
and also to make sure the new quote is not the same as the one that
was last displayed.
Removed the fCC logo as it was redundant and clashed with the night mode.
Simplified the layout so the quote block is in the middle of the page and
changed the width so that it's more readable. Also added styling to change
the quote text color in night mode.
BREAKING CHANGE: None
Closes#16382
This reduces the number of updates required when transitioning between
challenges while preserving the state of the panes when going from two
similar challengees.
* chore(packages): Update redux utils
* feat(Panes): Invert control of panes map creation
* feat(Modern): Add view
* feat(Panes): Decouple panes from Challenges
* fix(Challenges): Decouple challenge views from panes map
* fix(Challenge/views): PanesMap => mapStateToPanesMap
This clarifies what these functions are doing
* fix(Challenges): Add view type
* fix(Panes): Remove unneeded panes container
* feat(Panes): Invert control of pane content render
This decouples the Panes from the content they render, allowing for
greater flexibility.
* feat(Modern): Add side panel
This is common between modern and classic
* feat(seed): Array to string file content
* fix(files): Modern files should be polyvinyls
* feat(Modern): Create editors per file
* fix(seed/React): Incorrect keyfile name
* feat(Modern): Highligh jsx correctly
This adds highlighting for jsx. Unfortunately, this disables linting for
non-javascript files as jshint will only work for those
* feat(rechallenge): Add jsx ext to babel transformer
* feat(seed): Normalize challenge files head/tail/content
* refactor(rechallenge/build): Rename function
* fix(code-storage): Pull in files from localStorage
* feat(Modern/React): Add Enzyme to test runner
This enables testing of React challenges
* feat(Modern): Add submission type
* refactor(Panes): Rename panes map update action
* feat(seed): Add modern challenge
* chore(react): Use prop-types package
* feat: Initial refactor to redux-first-router
BREAKING CHANGE: Everything is different!
* feat: First rendering
* feat(routes): Challenges view render but failing
* fix(Challenges): Remove contain HOC
* fix(RFR): Add params selector
* fix(RFR): :en should be :lang
* fix: Update berks utils for redux
* fix(Map): Challenge link to arg
* fix(Map): Add trailing slash to map page
* fix(RFR): Use FCC Link
Use fcc Link to get around issue of lang being undefined
* fix(Router): Link to is required
* fix(app): Rely on RFR state for app lang
* chore(RFR): Remove unused RFR Link
* fix(RFR): Hydrate initial challenge using RFR and RO
* fix: Casing issue
* fix(RFR): Undefined links
* fix(RFR): Use onRoute<name> convention for route types
* feat(server/react): Add helpful redux logging/throwing
* fix(server/react): Strip out nonjson from state
This prevents thunks in routesMap from breaking serialization
* fix(RFR/Link): Should accept any renderable
* fix(RFR): Get redirects working
* fix(RFR): Redirects and not found's
* fix(Map): Move challenge onClick handler
* fix(Map): Allow Router.link to handle clicks after onClick
* fix(routes): Remove react-router-redux
* feat(Router): Add lang to all route actions by default
* fix(entities): Only fetch challenge if not already loaded
* fix(Files): Move files to own feature
* chore(Challenges): Remove vestigial hints logic
* fix(RFR): Update challenges on route challenges
* fix(code-storage): Should use events instead of commands
* fix(Map): ClickOnMap should not hold on to event
* chore(lint): Use eslint-config-freecodecamp
Closes#15938
* feat(Panes): Update panes on route instead of render
* fix(Panes): Store panesmap and update on fetchchallenges
* fix(Panes): Normalize panesmaps
* fix(Panes): Remove filter from createpanemap
* fix(Panes): Middleware on location meta object
* feat(Panes): Filter preview on nonhtml challenges
* build(babel): Add lodash babel plugin
* chore(lint): Lint js files
* fix(server/user-stats): Remove use of lodash chain
this interferes with babel-plugin-lodash
* feat(dev): Add remote redux devtools for ssr
* fix(Panes): Dispatch mount action
this is needed to trigger window/divider epics
* fix(Panes): Getpane to use new panesmap format
* fix(Panes): Always update panes after state
this lets the panes logic be affected by changes in state
* feat(app): Restructure app to be more flexible and redux idiomatic
BREAKING CHANGE: Lots of breaking changes
* refactor(challenges): Redux to started file structure
* fix(app): lint issues due to refactor
* fix(settings): Refactor settings to use folder structure
* refactor(challenges): Move step redux stuff into step folder
* fix(challenges): Remove fetchchallenges actions
* refactor(challenges): Move project redux logic into project view subdirectory
* refactor(app): %s/sagas/epics/g
* refactor(redux): Use new redux-epic with combineEpic and ofType
* refactor(app): Move challenge selector to app level
* fix(app): Move loading challenge info into challenge route
This moves a lot of the logic needed to load challenge info into the challenge app. This decouples
the main app from the challenge route
* refactor(map): Map is now decoupled from challenges
* refactor(challenges): Use selectors everywhere instead of guessing state shape
* refactor(client): refactor client epics to use selectors
* refactor(app): Refactor userSelector to return user object instead of object.user
* refactor(entities): Move entities logic into it's own file
* fix(redux): combineTypes should be combineActions
* fix(app): reducer namespacing and import
* fix(Map): Fix undefined type and update redux-action
* fix(redux): Refactor fetchUser to be more declarative
Use rxjs methods instead of imperative if/else. Also prevent non-actions from being emitted
* fix(redux): toString multi phase action types
* fix(redux): typecast multiphase type, fix typo in reducer
toString multiphase types in fetch challenge epic. Add epic to epics lists. Fix type in fetch
challenge complete handler
* fix(redux): updateCurrentChallengelogic should be centerlized
Move route changes to one location.
* fix(Nav): Prevent event object from hanging around
closeDropDown/openDropDown where handing on to the event object. This was causing issues with react
since event objects are recycled in React.
* fix(Map.Challenge): decouple map selector
* fix(Map): Decouple panel selectors from props
Panel Selectors no longer need to know the shape of a components props. Refactored component
selectors to decouple them entities state shape
* fix(Map.redux): Add select challenge epic and connect map epics
* fix(redux.analytics): Fix meta creator and nav/map events
* fix(redux): Update current challenge ajax
* fix(challenges): ssr fetch challenge should update challenge ui
Was using an epic to update challenge ui on fetch complete, but this was not working on ssr due to
the way ssr disables epics to wait for completion. This commit fixes this by causing the complete to
directly update state in the challenge ui
* fix(challenges): wrong import of types, refactor epic name
* fix(redux): Prevent fetch challenge epic from emitting null to dispatch
* fix(redux): prevent executechallenge from emitting null
* fix(challenges.redux): testsSelector returns just tests
* fix(challenges.redux): Prevent completion challenge from emitting null
* refactor(Challenges.Step): Refactor step challenge to release event object
* fix(redux): wrap reducers in factories
reducers exported from features need to be factories
this helps avoid cyclic requires messing up reducer creation
We end up with exports from files being undefined as node tries
to resolve cyclic dependencies.
This prevents that by wrapping the `handleActions` call so that the ref
to types imported from parent features are closures and can be resolved
by node before we need them.
* fix(Map): createUi not working correctly
map utils should receive just map ui state, createMapUi needs to add title to challenge
* feat(Challenges): Adds Panes and panes backend challenge
* fix: Create child container to wrap children
Create a ChildContainer comp' to wrap all children that represent the view for the current route.
This let's the child route define if they want a full width view or if they want the standard
max-width view.
* feat(Panes): panes now render dividers
* feat(Panes): Get divider to move currectly
* fix(Nav): Add top margin to contained childs
Move margin-bottom from nav to child container as margin top. This let's the jsbin style views fit
snug with navbar
* fix(Panes): Should be contained within their borders
* feat(Panes): Update navbar height of pane on app mount
* feat(Panes): Toggle map on map nav btn click
* fix(gulpfile): Ensure nodemon exits on restart
On process exit, wait for nodemon to shutdown before process.exit
* feat(Panes): Make Panes redux first
* fix(Panes): Fix divider positioning
* fix(Panes): Update divider moved handler
dividerMoved action now uses new panesByName structure
* feat(Panes): Pane nav button will hide panes
* chore(package-lock): Update package lock
* feat(Panes.redux): Recaculate dividers on pane toggle
* fix(Challenges): Update challenge on dashedName change
This fixes backwards navigation not updating the redux state current
challenge
* feat(Panes.redux): Clear panes on unmount
Clearing panes on unmount will clear bin buttons in nav
* refactor(Map): Colocate styles
* feat(Map): New map layout
* fix(Map): No longer has it's own page
* fix: FetchChallenges on appMounted
* feat: Normalize fetchChallenge(s) results
This allows superblocks to be sent with both fetchChallenge and
fetchChallenges so the map is always populated on first load
* feat(Map): Show blocks on first load
* fix(less): Remove old css
* feat(Nav): Reduce nav height
* fix(Nav): Render nav after content
Render nav after content and use css to reverse again on screen. We do
this so the panes can render first and update redux panes state which
will then update the nav ui state before nav has a chance to render
* fix(Panes): Add container
This adds a Panes Container that will allow it to udpate redux state so
Panes Component will have redux state ready to actually render panes
* feat(Challenges.Classic): Add panes
* fix(Challenge.Classic): Editor onchange should not need to know about file
* fix(Panes): Index on panes hide should account for hidden pane
* fix(Challanges.Classic): Fix panes types
* fix(Challenges): Add completion modal to all challenges
Change classic modal to completion modal
* fix(Panes): Dividers live on top of planes
* fix(Challenges): Remove codemirror theme
Remove codemirror theme and remove borders from preview frame
* fix(Challenges.Classic): Remove old component
* feat(Challenges.Step): Add panes to step challenge
* feat(Challenges.Project): Add panes to projects
* fix(Challenges.Projects): Remove row
* fix(Modals): Move modal text color to challenge less
This text color is dependent on the actual header color
* fix(Map): Use Superblock title for ui
* fix(Map): Reduce panel header height
* fix(app): Capitalize Toasts folder
Feature folders should be campitalized
* chore(Map): Remove unused epic file
* fix(Step): Fix tests
* test(Map): Update createMapUi tests input
Bunny Vishal
Kristofer Koishigawa
Rajat Kanti Nandi
Justin Pitts
Berkeley Martinez
Peter Weinberg
Adam Bohannon
Stuart Taylor
Shane Farrar