components

SALTISE-components is a simple Django app to build and test a collection of front-end components for myDALITE built with preact and Material UI.

Quick start

Add the Components app to your requirements, then pip install:
```
pip install SALTISE-components
```
Add “components” to your INSTALLED_APPS setting like this:
```
INSTALLED_APPS = [
    ...
    'components',
    ...
]
```
Import minified script to access component library (you can override default styles using global css names):
```
<script src="{% static 'component/js/app.min.js' %}" defer="true"></script>
```

Inject components into the DOM, customizing props as needed. Assuming django-csp is installed, the Navigation components is injected via:

<script nonce="{{ request.csp_nonce }}">
    window.addEventListener("load", function () {
        const nav = () => {
            return components.h(components.Navigation, {
                nonce: "{{ request.csp_nonce }}",
            });
        };
        components.render(
            nav(),
            document.getElementById("navigation-app")
        );
    });
</script>

Quick start dev

Install node modules:
```
npm install
```

Create python 3.8+ virtualenv and nstall pip-tools:

python -m pip install --upgrade pip
pip install pip-tools

Install requirements:
```
pip-sync requirements/requirements.txt
```
Install pre-commit:
```
pre-commit install
```
Start the server:
```
python components.py runserver
```
Navigate to ‘localhost:8000/’, to see components in action.
Build when you make edits to app.js:
```
npx gulp scripts
```

To create translations:

npx gulp scripts
python components.py makemessages -d djangojs -l fr -i=node_modules/* -i=venv*
python components.py compilemessages -l fr -i=venv*

If you wish, remake the package:
```
tox --recreate
```

To publish, e.g.:

twine upload .tox/dist/SALTISE_components-0.1.zip --verbose

To do in myDALITE

Align question difficulty serializer
Define assignment difficulty in serializer

Metadata

Release files for SALTISE-components 0.2.15

For a detailed explanation of source distributions (sdists) and built distributions (wheels), please see the package formats documentation.

Source distribution (sdist)

Source distribution for SALTISE-components 0.2.15
File	Size	Uploaded
SALTISE_components-0.2.15.tar.gz	6.7 MB	Jan 19, 2024	Details

Release files / SALTISE_components-0.2.15.tar.gz

Download URL	SALTISE_components-0.2.15.tar.gz
Size	6.7 MB
Tags	Source
SHA-256 checksum How to use checksums	`fc7aed871fe983deab269fea9b3e321a725f3392e2130cd9cce6e454f76adad8`
BLAKE2b-256 checksum How to use checksums	`5ff56db0ba5341df9e04cc4db69ab0eae579c3da6f71aadf2ccb621473ae190f`
Upload date	Jan 19, 2024
Uploaded using Trusted Publishing? What is trusted publishing?	No
Uploaded via	`twine/4.0.2 CPython/3.9.5`