@audio-intakes/shared
v0.28.11
Published
Library exclusively used by Audio Intakes UI components.
Downloads
177
Readme
Getting started
For contributors
Visit our Wiki to see how to contribute.
For consumers
About
This is a shared library exclusively intended for developers working at Audio Intakes (@audio-intakes).
It includes configs, contexts, custom hooks and utility functions all consumed by Audio Intakes UI components (Library, Editor, Recorder, Player).
Versions
Documentation
Installation
This is a public scoped package of the audio-intakes NPM organization.
npm i @audio-intakes/shared
or
yarn add @audio-intakes/shared
Importing
A configuration file
import { themeNames } from "@audio-intakes/shared";
A Context
Importing Context Provider
import { TokenProvider } from "@audio-intakes/shared";
Importing useContext function
import { useToken } from "@audio-intakes/shared";
A hook
import { useIsFirstRender } from "@audio-intakes/shared";
A component
import { AudioSpectrum } from "@audio-intakes/shared";
A utility Function
import { validateTheme } from "@audio-intakes/shared";
Usage
A configuration constant
// Get all themes with light keyword
const arr = themeNames.map((t) => t.includes("light"));
A Context
Using Imported Context Provider
const Demo = () => {
const jwtToken = "MY_JWT_TOKEN";
return (
<TokenProvider token={jwtToken}>
<Consuming_Component />
</TokenProvider>
);
};
Using Imported useContext function
const tokenValue = useToken();
A hook
const isMount = useIsFirstRender();
A component
const Demo = (props) => {
return (
<AudioSpectrum {...props} />
);
};
A utility Function
const themeName = "light";
const validatedTheme = validateTheme(themeName);
Configs
Contexts
- Response Context
- Questionnaire Context
- Question Context
- Answer Context
- Customer Context
- Token Context
- ResourceID Context
- Device Context
Utils
Hooks
Inspiration:
Some inspirational repositories to keep tracking for new ideas:
react-hooks: https://react-hooks.org\ rooks: https://github.com/imbhargav5/rooks\ react-use: https://github.com/streamich/react-use
Hooks: