@laserfiche/lf-ui-components v16.0.2
@laserfiche/lf-ui-components
A collection of UI Components to be used to build apps that interact with Laserfiche.
UI Components are compatible with many web frameworks including Angular, React, Vue, and no framework.
Using @laserfiche/lf-ui-components
See documentation here.
Change Log
See CHANGELOG here.
Contribution
We welcome contributions and feedback. Please follow our contributing guidelines.
Development Setup
Prerequisites
See .github/workflows/main.yml for Node and NPM version used.
Build ui-components CDN script
- Cd to repo's root folder.
npm install ./projects/ui-components
- Build ui-components using:
npm run build-ui-components-prod
- Run:
npm run create-lf-cdn
- This command will generate the CDN entry file
dist/lf-cdn/lf-ui-components.js
.
- This command will generate the CDN entry file
Build types-lf-ui-components NPM
This will create a package with version 14.0.0. If you would like to update the version, change the version at ./types-lf-ui-components-publish/package.json
.
npm install ./projects/ui-components # if you haven't already
npm run create-types-lf-ui-components
The command above will output: ./types-lf-ui-components-publish/laserfiche-types-lf-ui-components-14.0.0.tgz
.
Build lf-documentation
You can use the lf-documentation project for testing changes.
Build lf-documentation:
cd repo-root-folder
npm run build-ui-components-prod
npm run build-lf-documentation-prod
to create ./dist/lf-documentation
.
Build style sheets:
npm run sass-lf
npm run sass-ms
For interactive development: Build lf-documentation in watch mode
This allows you to see changes you make to the ui components quickly. You can run the two commands in different windows so that you can see any changes in the browser, even those that are shared across components.
cd repo-root-folder
npm run build-ui-components-dev-watch
npm run build-lf-documentation-dev-watch
to create ./dist/lf-documentation
.
View the interactive documentation
Configure a web server to serve
./dist
(e.g. IIS on WIndows).Browse to
http://localhost/dist-folder/lf-documentation/index.html
to view the documentation (assuming thatdist-folder
is mapped to./dist
).- Note that index.html loads the UI components using
<script src="./../lf-cdn/lf-ui-components.js" defer></script>
- Note that index.html loads the UI components using
Things to verify before creating a Pull Request
Run tests
npm run test
This will launch a Chrome browser and run all projects. Press Ctrl+C in the console to run the next project.
You can also run a specific project, for example: npm run test ui-components
.
For more details on how to run specific components or tests, visit the karma test documentation.
Run lint
npm run lint
1 month ago
1 month ago
1 month ago
1 month ago
1 month ago
1 month ago
5 months ago
5 months ago
5 months ago
7 months ago
9 months ago
8 months ago
8 months ago
8 months ago
7 months ago
8 months ago
9 months ago
8 months ago
9 months ago
9 months ago
7 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
9 months ago
8 months ago
9 months ago
5 months ago
7 months ago
7 months ago
5 months ago
5 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
9 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
9 months ago
8 months ago
7 months ago
11 months ago
11 months ago
12 months ago
11 months ago
11 months ago
12 months ago
11 months ago
11 months ago
11 months ago
11 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago