1.5.0 • Published 7 months ago
aesirx-dam-app v1.5.0
AesirX DAM
About
AesirX DAM is our Open-Source PWA-powered enterprise-level Digital Asset Management as a Service (DAMaaS) Solution
Find out more in https://dam.aesirx.io
Development setup
Configure
- Register your account at https://dam.aesirx.io/. You will then get an email for user creation account.
- Activate your account by clicking verify in the email.
Login to https://dam.aesirx.io/ site to get the REACT_APP_SSO_CLIENT_ID and REACT_APP_SSO_CLIENT_SECRET in your profile.
Enter domain and test domain of license. For example:
- At dam-app folder, rename the .env.dist file to .env
Or use this command:
mv .env.dist .env
- Replace the REACT_APP_SSO_CLIENT_ID and REACT_APP_SSO_CLIENT_SECRET in the .env file with the one provided in your profile account.
yarn install
yarn dev
Runs the app in the development mode. Open http://localhost:3000 to view it in the browser.
yarn build
Get a full build and install it in your favorite web server.
Dockerize
Production
docker compose -f "docker-compose.yml" up -d --build
Integrate use
The easiest way to use aesirx-dam-app is to install it from npm and build it into your app with Webpack.
npm install aesirx-dam-app
Then use it in your app:
import React, { useState } from 'react';
import { AesirXDam, AesirXDamStorage } from 'aesirx-dam-app';
function AesirXDam() {
const onSelect = (data) => {
// do something when user onDoubleClick at on that assets
};
return (
<div className="py-4 px-3 h-100 flex-direction-column">
<div className="h-100 flex-1">
<AesirXDam onSelect={onSelect} />
</div>
<div>
<AesirXDamStorage />
</div>
</div>
);
}
export default AesirXDam;
Props
Common props you may want to specify include:
onSelect
- subscribe to select event