Update various templates

Author: devowhippit

config/make/style.scss

@@ -4,7 +4,7 @@
 
 // Dependencies
 @use 'config/tokens' as *;
-// use 'config/{{ pattern }}';
+// @use 'config/{{ pattern }}';
 
 // Declarations
 .{{ prefix }}{{ pattern }} { }

config/make/view.slm

@@ -3,6 +3,18 @@
 - title = '{{ Pattern }}'
 
 = content('main')
-  h2 = title
+  section class='bc-white p-4'
+    h2 = title
+
+    == this.include('{{ type }}/{{ pattern }}/{{ pattern }}.md');
+
+    h3 Demonstration
+
+    == this.include('{{ type }}/{{ pattern }}/{{ pattern }}.slm');
+
+    h3 Markup
+
+    pre class='p-4'
+      = this.include('{{ type }}/{{ pattern }}/{{ pattern }}.slm');
 
 = content('scripts')

config/scaffold/default.js

@@ -7,6 +7,11 @@
  * Methods for the main Patterns instance.
  */
 class Default {
+  constructor() {
+    if (process.env.NODE_ENV != 'production')
+      console.dir('@pttrn Development Mode'); // eslint-disable-line no-console
+  }
+
   // Sample method
   // /**
   //  * API for the {{ Pattern }} {{ type }}.

config/scaffold/default.slm

@@ -56,6 +56,8 @@ html lang='en'
     script src='https://cdn.jsdelivr.net/gh/CityOfNewYork/[email protected]/dist/utilities/icons/icons.iffe.js'
 
     javascript:
+      var MyPatterns = new Default();
+
       new Icons('svg/svgs.svg');
 
     = content('scripts')

config/scaffold/rollup.mjs

@@ -7,7 +7,9 @@ import nodeResolve from '@rollup/plugin-node-resolve'; // Locate modules using t
 import replace from '@rollup/plugin-replace';          // Replace content while bundling.
 
 /**
- * Rollup Configuration
+ * Base module configuration. Refer to the package for details on the available options.
+ *
+ * @source https://rollupjs.org
  *
  * @type {Object}
  */
@@ -18,39 +20,30 @@ const rollup = {
 };
 
 /**
- * Plugins Configuration
+ * Plugin configuration. Refer to the package for details on the available options.
+ *
+ * @source https://github.com/rollup/plugins
  *
  * @type {Object}
  */
-let plugins = {
-  babel: babel.babel({
+let plugins = [
+  replace({
+    'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV)
+  }),
+  babel.babel({
     exclude: 'node_modules/**',
     babelHelpers: 'bundled'
   }),
-  nodeResolve: nodeResolve.nodeResolve({
+  nodeResolve.nodeResolve({
     browser: true,
     customResolveOptions: {
       moduleDirectory: 'node_modules'
     }
-  }),
-  replace: replace({
-    'process.env.NODE_ENV': "'production'"
   })
-};
-
-let dev = [
-  plugins.babel,
-  plugins.nodeResolve
-];
-
-let prod = [
-  plugins.babel,
-  plugins.nodeResolve,
-  plugins.replace
 ];
 
 /**
- * Rollup Export
+ * ES Module Exports
  *
  * @type {Array}
  */
@@ -66,7 +59,7 @@ export default [
         strict: rollup.strict
       }
     ],
-    plugins: (process.env.NODE_ENV === 'production') ? prod : dev,
+    plugins: plugins,
     devModule: true
   }
 ];