Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/solidos/activitystreams-pane
A visualization of Activity Streams types for solid-panes
https://github.com/solidos/activitystreams-pane
react storybook webpack
Last synced: 3 months ago
JSON representation
A visualization of Activity Streams types for solid-panes
- Host: GitHub
- URL: https://github.com/solidos/activitystreams-pane
- Owner: SolidOS
- License: mit
- Created: 2020-08-13T05:00:57.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2024-04-04T16:43:10.000Z (10 months ago)
- Last Synced: 2024-05-28T21:54:41.349Z (8 months ago)
- Topics: react, storybook, webpack
- Language: TypeScript
- Size: 14.6 MB
- Stars: 3
- Watchers: 9
- Forks: 0
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# activitystreams-pane
A visualization of [Activity Streams](https://www.w3.org/TR/activitystreams-vocabulary/) types for solid-panes.
## Demo
📗 [Storybook](https://solid.github.io/activitystreams-pane/)
## Currently supported types
- [Note](https://www.w3.org/TR/activitystreams-vocabulary/#dfn-note)
## Contribute
### Tech stack
- Typescript
- React
- Jest
- Eslint
- SolidOS
### Tests
To run all tests:
```shell script
npm run test
npm run test:e2e
```
#### Unit tests
Unit tests use `jest` and are placed next to the tested file as `*.spec.ts` files.
#### E2E tests
End-to-End (E2E) tests verify the rendering of the whole pane and are placed under `./e2e-tests`.
### Dev Server
Start a webpack dev server:
```shell script
npm start
```
Visit `http://localhost:8080/` to render the pane. Adjust `const noteUri` in `./dev/index.ts` to show a
different resource.
### Build
```
npm run build
```
The build is done by `tsc`, webpack is only used as dev server and not for production build.