Security News
The Unpaid Backbone of Open Source: Solo Maintainers Face Increasing Security Demands
Solo open source maintainers face burnout and security challenges, with 60% unpaid and 60% considering quitting.
dha-breathing-exercise
Advanced tools
This breathing exercise is designed to help create a relaxation response using a four count method of breathing.
Install from npm:
BreathingExercise Props:
Custom Types
While not exported these types should help you understand the props used in this module
// Used in the gender prop, determines what audio to play.
type AudioGender = 'male' | 'female';
// Used in the numberColors prop, all 4 colors are required and determines the color of the numbers in the exercise.
type CircleNumberColors = [string, string, string, string];
// Used in the className prop as ClassesOverride<typeof useStyles>, allows you to inject custom styling into the components.
type ClassesOverride<UseStyles extends () => Record<string, string>> = Partial<
Record<keyof ReturnType<UseStyles>, string>
>;
Please make sure to call LoadAudio()
early on in your app's lifetime to ensure all the audio files will be loaded on time.
const Home = () => {
const classes = useStyles();
return (
<BreathingExercise />
);
};
The above code will default to the packages color scheme with the female audio.
styles.ts
export const useStyles = makeStyles((theme: Theme) =>
createStyles({
exerciseMessage: {
color: 'blue',
},
shrinkingCircle: {
backgroundColor: 'red'
}
})
);
Home.tsx
const Home = () => {
const classes = useStyles();
return (
<BreathingExercise
gender={'male'}
numberColors={['white', 'white', 'white', 'white']}
className={{
exercisemessage: classes.exerciseMessage,
shrinkingCircle: classes.shrinkingCircle,
}}
/>
);
};
The above code will change the color of the exercises text to blue and the exhale circle to red, it will also change the audio to male and set all of the numbers to white
Below is the list of classnames for use with the className prop, Note that you're not required to change all of these at once and can edit each component to fit your project as needed.
breathingstepsroot
stopButton
breathingexerciseroot
basecircle
startcircle
expandingCircle
shrinkingCircle
restCircle
holdCircle
exercisemessage
countdownnumbers
timerbuffer
nodisplay
see Github wiki
https://www.npmjs.com/package/dha-breathing-exercise
pending
FAQs
DHA SDK breathing exercise
We found that dha-breathing-exercise demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Solo open source maintainers face burnout and security challenges, with 60% unpaid and 60% considering quitting.
Security News
License exceptions modify the terms of open source licenses, impacting how software can be used, modified, and distributed. Developers should be aware of the legal implications of these exceptions.
Security News
A developer is accusing Tencent of violating the GPL by modifying a Python utility and changing its license to BSD, highlighting the importance of copyleft compliance.