apostrophe/modules/@apostrophecms/styles/lib/handlers.js

The Apostrophe Content Management System.

const { createId } = require('@paralleldrive/cuid2');

module.exports = self => {
  return {
    'apostrophe:modulesRegistered': {
      warnDeprecatedPalette() {
        const paletteModule = self.apos.modules['@apostrophecms-pro/palette'];
        if (paletteModule && !paletteModule?.tasks?.['migrate-to-styles']) {
          self.apos.util.warn(
            `
                       🎨
⚠️ @apostrophecms-pro/palette has been deprecated.
Please install the latest version of @apostrophecms-pro/palette and run the following migration task:

node app @apostrophecms-pro/palette:migrate-to-styles
                       🎨

`
          );
        }
      }
    },
    afterSave: {
      async mirrorToGlobal(req, doc, options) {
        // mirror the stylesheet to @apostrophecms/global
        const { css, classes } = self.getStylesheet(doc);
        const $set = {
          stylesStylesheet: css,
          stylesClasses: classes,
          stylesStylesheetVersion: createId()
        };
        return self.apos.doc.db.updateOne({
          type: '@apostrophecms/global',
          aposLocale: doc.aposLocale
        }, {
          $set
        });
      }
    },
    '@apostrophecms/page:beforeSend': {
      async addBodyClasses(req) {
        const classes = req.data.global?.stylesClasses || [];
        if (!classes.length) {
          return;
        }
        self.apos.template.addBodyClass(req, classes.join(' '));
      }
    },
    '@apostrophecms/url:getAllUrlMetadata': {
      // Provide a literal content entry so static builds
      // can include the dynamically generated stylesheet.
      // Uses the locale-path URL so each locale produces a
      // distinct path for static-build tools.
      // The URL must be relative and prefix-free — the
      // consumer prepends the prefix when fetching.
      addStylesheetUrl(req, results) {
        if (!req.data.global?.stylesStylesheet) {
          return;
        }
        results.push({
          url: self.getStylesheetUrl(req, { relative: true }),
          contentType: 'text/css',
          i18nId: '@apostrophecms/styles:stylesheet',
          sitemap: false
        });
      }
    }
  };
};