CC x Milo

The Franklin based project for creative cloud pages on www.adobe.com. Based off of milo-college.

Developing

1. Install the Helix CLI: sudo npm install -g @adobe/helix-cli
2. Run hlx up this repo's folder. (opens your browser at http://localhost:3000)
3. Open this repo's folder in your favorite editor and start coding.

Testing Milo Changes on CC Pages

1. Run 'hlx up' in this folder to ensure the cc site is running locally.
2. Make changes in milo, and then from the milo folder, run npm run libs.
3. Milo will run at:

http://localhost:6456

4. On your localhost:3000/ or the main-<project>-<owner> versions of your site, add the URL params: ?milolibs=local
5. You should see milo changes occuring on cc pages.
6. When needing to test on a cc page while making a PR for milo, add the URL params: ?milolibs=<name-of-milo-branch>to your test URLs.

Creating New Blocks

When creating new blocks, first vet any requirements/author-experience in milo-community. There may be a way to acheive your goals with what currently exists in milo.

Testing

npm run test

or:

npm run test:watch

This will give you several options to debug tests. Note: coverage may not be accurate.

Linting

To run the linter run:

npm run lint

To lint just js or css files, run

npm run lint:css

or:

npm run lint:js

If you need to lint just one file, you can run:

npx eslint file1.js