Rollup Plugin for Drupal to Generate Single Directory Components (SDCs)

This is a Rollup plugin that creates single directory components for embedding your app in a Drupal module or theme.

Installation

npm install --save-dev rollup-plugin-drupal-sdc-generator

Usage

import drupalInterfaceTranslations from 'rollup-plugin-drupal-interface-translations';

// https://rollupjs.org/configuration-options/
export default {
  input: 'main.js',
  plugins: [drupalInterfaceTranslations()],
};

This plugin can be used with Vite.

import { defineConfig } from 'vite';
import drupalSdcGenerator from 'rollup-plugin-drupal-sdc-generator';

// https://vitejs.dev/config/
export default defineConfig({
  root: 'js',
  build: {
    rollupOptions: {
      input: 'js/main.js',
      plugins: [drupalSdcGenerator()],
    },
  },
});

Options

directory

Type : string | object = { "{component-name}": string }

Default : "node_modules/rollup-plugin-drupal-sdc-generator/templates"

The directory where your SDC's [{component-name}].component.yml, [{component-name}].twig, and other files that will be included with the built single directory component.

When a string is provided, the templates in the directory passed in are used on all generated single directory components.

When an object is provided, the templates in the directory passed in are used for the component names specified by the object's keys.

In your templates, [name] will be replaced with the value of {component-name} too. Use \[name\] if you want the string [name] included verbatim.

drupalSdcGenerator({ directory: 'vite/shared' });

drupalSdcGenerator({
  directory: {
    'my-component': 'vite/my-component',
  },
});

The Exploratorium is a 501(c)(3) nonprofit organization. Our tax ID #: 94-1696494

https://www.exploratorium.edu