This project is a NPM/React component.
All of component code is inside src folder.
There are two more folders with testing code.
The folder test-local contains a simple app that imports the component locally.
The folder test-prod contains a simple app that imports the component from NPM.
Both testing apps was created with create-react-app, but you could use other boilerplates.
The instructions to start the tests are inside each folder.
Usage
import Mvc from '@luizalabs/julius-frontend-video';
<Mvc
autoPlay={false}
profileName="Monike"
profilePhoto="<path-to-profile-pic>"
storeName="monike"
storeCreatedAt="26 de novembro de 2019"
storeSoldOrders={109}
style={{ outline: '1px solid #eee' }}
/>
Available Scripts
In the project directory, you can run:
npm install
Install the dependencies.
npm run build
This script creates a dist folder that will be published in npm.
npm publish
After you build and test the component, this command publish the component in NPM. Make sure that you set the version component in package.json.
npm link
Before publish the component, it's very important to test it. For this, you can run this script in the main folder, and then, run npm link mvc-video-divulgador inside test-local folder (or any folder in you local). These two comands willf create a symbolic link from component to node_modules folder inside test-local, and the component will be imported in app.
Fonts
The component needs the below fonts:
Arial-BoldMT Arial-Black MagaluDisplayAlpha-Bold
These fonts may be embed in the aplication that will import this component.