This project illustrates a CI workflow which publishes new versions of Framer X projects if one of their dependant packages has changed. It is intended to be used to target yarn packages that are prefixed with a specified namespace. This ensures every Framer project that depends on a production component is updated and published any time the corresponding package has changed.

This project contains Framer X projects that are a wrapper around their production counterpart. Each project contains the minimum amount of abstraction needed to include a production React component within a Framer project as well as some property controls for more intuitive usage from the canvas.

You should set the following environment variables within your CircleCI project:

To get a FRAMER_TOKEN, run npx framer-cli authenticate <email@address> and verify with your email. Read the docs for using the framer-cli for more information.

Within the .circleci directory is a sample configuration which can be included within an existing CircleCI configuration. It contains a single job build-and-publish which can be triggered on interval using a workflow (example hourly workflow included with this repo).

As the CI will need to make commits back to your repository, you'll need to generate a Git User Key that grants read/write access to your repository, as the automatically generated key when you link your Git project to CircleCI only grants read permissions. CircleCI has posted docs here which outline how this should work. There's also environment variables defined above which specify what email/name the changes from the CI will be committed under.

You should include ./bin/publish-updated-projects.sh and ./bin/yarn-lock-diff.js within your repository. If you get the error ./bin/publish-updated-projects.sh: No such file or directory ensure the shell script has execution permissions.

• Every time the build-and-publish job is run the dependencies of each .framerfx project within the repository will be checked.
• If any package which has a name that matches one of the configured namespaces has been updated, the Framer project will be published (this also works for packages that use latest as the version in package.json).
• If any Framer project is published, the CI will then make a commit back to the master branch that reflects the updated yarn.lock files.

• More descriptive commit messages when projects have been published
• Log updated package versions (@atlaskit/avatar 1.0.0 - 1.0.1)