@vettvangur/design-system 2.0.6 → 2.0.8

package/dist/index.js

@@ -2057,7 +2057,7 @@ function titleizeButton(key) {
   // "button-primary-blue-round" -> "Primary Blue Round"
   return String(key).replace(/^button-/, '').split('-').filter(Boolean).map(p => p.charAt(0).toUpperCase() + p.slice(1)).join(' ');
 }
-function renderButtonsCshtml(buttons) {
+function renderButtonsCshtml(buttons, projectName) {
   const items = (buttons || []).filter(b => b?.key).map(b => {
     const key = b.key;
     const title = titleizeButton(key);
@@ -2103,13 +2103,13 @@ ${items}
 </section>
 `;
 }
-async function generateButtons(buttons, config, outpath) {
+async function generateButtons(buttons, config, outpath, projectName) {
   message('generating buttons...');
   const filePath = path.join(outpath, 'DSButtons.cshtml');
   await fs$1.mkdir(outpath, {
     recursive: true
   });
-  const cshtml = renderButtonsCshtml(buttons);
+  const cshtml = renderButtonsCshtml(buttons, projectName);
   await fs$1.writeFile(filePath, cshtml, 'utf8');
   message('finished generating buttons');
 }
@@ -2121,7 +2121,7 @@ function titleizeColor(categoryKey, tokenKey) {
   // "primary" + "dark-blue-10" → "Primary Dark Blue 10"
   return `${titleCaseWords(categoryKey)} ${titleCaseWords(tokenKey)}`;
 }
-function renderColorsCshtml(colors) {
+function renderColorsCshtml(colors, projectName) {
   const sections = Object.entries(colors || {}).map(([categoryKey, group]) => {
     const categoryTitle = titleCaseWords(categoryKey);
     const items = Object.entries(group || {}).filter(([, token]) => token?.type === 'COLOR').map(([tokenKey]) => {
@@ -2166,13 +2166,13 @@ ${sections}
 </section>
 `;
 }
-async function generateColors(colors, config, outpath) {
+async function generateColors(colors, config, outpath, projectName) {
   message('generating colors...');
   const filePath = path.join(outpath, 'DSColors.cshtml');
   await fs$1.mkdir(outpath, {
     recursive: true
   });
-  const cshtml = renderColorsCshtml(colors);
+  const cshtml = renderColorsCshtml(colors, projectName);
   await fs$1.writeFile(filePath, cshtml, 'utf8');
   message('finished generating colors');
 }
@@ -2313,7 +2313,7 @@ ${entries.join('\n')}
  * main render
  * ------------------------------------------- */
 
-function renderTypographyCshtml(data) {
+function renderTypographyCshtml(data, projectName) {
   const entries = buildEntries(data);
   const categories = {};
   for (const [id, entry] of Object.entries(entries)) {
@@ -2351,16 +2351,16 @@ ${sections}
  * public API
  * ------------------------------------------- */
 
-async function generateTypography(typography, config, outpath) {
+async function generateTypography(typography, config, outpath, projectName) {
   const file = path.join(outpath, 'DSTypography.cshtml');
   await fs$1.mkdir(outpath, {
     recursive: true
   });
-  const html = renderTypographyCshtml(typography);
+  const html = renderTypographyCshtml(typography, projectName);
   await fs$1.writeFile(file, html, 'utf8');
 }
 
-function renderTablesCshtml() {
+function renderTablesCshtml(projectName) {
   return `@* AUTO-GENERATED - DO NOT EDIT BY HAND *@
 @{
     Layout = "Master.cshtml";
@@ -2407,18 +2407,18 @@ function renderTablesCshtml() {
 </section>
 `;
 }
-async function generateTables(config, outpath) {
+async function generateTables(config, outpath, projectName) {
   message('generating tables...');
   const filePath = path.join(outpath, 'DSTables.cshtml');
   await fs$1.mkdir(outpath, {
     recursive: true
   });
-  const cshtml = renderTablesCshtml();
+  const cshtml = renderTablesCshtml(projectName);
   await fs$1.writeFile(filePath, cshtml, 'utf8');
   message('finished generating tables');
 }
 
-function renderRichtextCshtml() {
+function renderRichtextCshtml(projectName) {
   return `@* AUTO-GENERATED - DO NOT EDIT BY HAND *@
 @{
     Layout = "Master.cshtml";
@@ -2491,13 +2491,13 @@ function renderRichtextCshtml() {
 </section>
 `;
 }
-async function generateRichtext(config, outpath) {
+async function generateRichtext(config, outpath, projectName) {
   message('generating richtext...');
   const filePath = path.join(outpath, 'DSRichtext.cshtml');
   await fs$1.mkdir(outpath, {
     recursive: true
   });
-  const cshtml = renderRichtextCshtml();
+  const cshtml = renderRichtextCshtml(projectName);
   await fs$1.writeFile(filePath, cshtml, 'utf8');
   message('finished generating richtext');
 }
@@ -2796,7 +2796,7 @@ function buildSpec() {
     sections
   };
 }
-function renderInputsCshtml() {
+function renderInputsCshtml(projectName) {
   const {
     razorPrelude,
     sections
@@ -2828,13 +2828,13 @@ ${renderedSections}
 </section>
 `;
 }
-async function generateInputs(config, outpath) {
+async function generateInputs(config, outpath, projectName) {
   message('generating inputs...');
   const filePath = path.join(outpath, 'DSInputs.cshtml');
   await fs$1.mkdir(outpath, {
     recursive: true
   });
-  const cshtml = renderInputsCshtml();
+  const cshtml = renderInputsCshtml(projectName);
   await fs$1.writeFile(filePath, cshtml, 'utf8');
   message('finished generating inputs');
 }
@@ -2911,22 +2911,20 @@ async function generateDesignSystemView(config, projectName) {
 
 async function generateRazor(config, projectName, buttons, colors, typography) {
   message(pc.yellow('-=[ razor ]=-'));
-  console.log('[generateRazor]', projectName);
 
   // <views>/Partials/<ProjectName>/DesignSystem
   const outpath = path.join(config.paths.views, 'Partials', projectName, 'DesignSystem');
   await fs$1.mkdir(outpath, {
     recursive: true
   });
-  console.log('[generateRazor generateDesignSystemView]', projectName);
   await generateDesignSystemView(config, projectName);
   await generateNavigation(config, outpath);
-  await generateButtons(buttons, config, outpath);
-  await generateColors(colors, config, outpath);
-  await generateTypography(typography, config, outpath);
-  await generateTables(config, outpath);
-  await generateRichtext(config, outpath);
-  await generateInputs(config, outpath);
+  await generateButtons(buttons, config, outpath, projectName);
+  await generateColors(colors, config, outpath, projectName);
+  await generateTypography(typography, config, outpath, projectName);
+  await generateTables(config, outpath, projectName);
+  await generateRichtext(config, outpath, projectName);
+  await generateInputs(config, outpath, projectName);
 }
 
 async function pullAndBuild({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vettvangur/design-system",
-  "version": "2.0.6",
+  "version": "2.0.8",
   "description": "",
   "access": "public",
   "type": "module",