Fix/snowflake-integration

astro.config.mjs

@@ -4,7 +4,7 @@ import starlightDocSearch from '@astrojs/starlight-docsearch';
 import lit from "@astrojs/lit";
 import { rehypeHeadingIds } from '@astrojs/markdown-remark';
 import rehypeAutolinkHeadings from 'rehype-autolink-headings';
-import { customElements, ceJsDoc, sfCustomElements, sfCEJsDoc } from "./src/scripts/custom-elements";
+import { customElements, ceJsDoc } from "./src/scripts/custom-elements";
 import badges from "./src/data/badge.json";
 import { nucleusRemarkAside } from "./src/plugins/nucleus-remark-aside";
 
@@ -59,7 +59,8 @@ const componentSidebar = () => {
       {
         label: "Snowflakes",
         items: 
-          sfCEJsDoc.sort((ce1, ce2) => ce1.name > ce2.name ? 1 : -1)
+        ceJsDoc.filter((customElement) => customElement.category === 'Snowflakes' && !isDeprecated(customElement.name))
+          .sort((ce1, ce2) => ce1.name > ce2.name ? 1 : -1)
           .map((customElement) => {
             return {
               label: customElement['display-name'],

src/components/figma.astro

@@ -1,8 +1,6 @@
 ---
-import LinkToComponent from "./LinkToComponent.astro";
 const { name } = Astro.props;
 import { Icon } from "@astrojs/starlight/components";
-import { ceJsDoc } from "../scripts/custom-elements";
 
 // Define the common URL for the Figma UI Kit that prepends the node ID
 const urlFigmaUIKit =

src/components/placement.astro

@@ -1,10 +1,9 @@
 ---
 import LinkToComponent from "./LinkToComponent.astro";
 const { name } = Astro.props;
-import { ceJsDoc, sfCEJsDoc } from "../scripts/custom-elements";
+import { ceJsDoc } from "../scripts/custom-elements";
 
-const placements = [...ceJsDoc, ...sfCEJsDoc].find((tag) => tag.name === name)?.placements;
-console.log('placements ', placements);
+const placements = ceJsDoc.find((tag) => tag.name === name)?.placements;
 ---
 {
   placements?.length > 0 && (

src/components/specification.astro

@@ -1,15 +1,18 @@
 ---
 import LinkToComponent from "./LinkToComponent.astro";
 const { name } = Astro.props;
+const { exclude } = Astro.props;
 
-import { customElements, ceJsDoc, sfCustomElements, sfCEJsDoc } from "../scripts/custom-elements";
+import { customElements, ceJsDoc } from "../scripts/custom-elements";
 
-const compDetails = {...customElements, ...sfCustomElements}.tags.find((tag) => tag.name === name);
-const jsdocDetails = [...ceJsDoc, ...sfCEJsDoc].find((tag) => tag.name === name);
+const compDetails = customElements.tags.find((tag) => tag.name === name);
+const jsdocDetails = ceJsDoc.find((tag) => tag.name === name);
 
 const properties = compDetails?.properties;
 const slots = jsdocDetails?.slots;
 const events = compDetails?.events;
+
+const excludedAttributes = exclude?.split(',').map((item) => item.trim());
 ---
 
 <style>
@@ -43,7 +46,7 @@ const events = compDetails?.events;
     <div class="description-list">
       {
         properties?.map((property) => {
-          if (!property.attribute || property.deprecated || ['slottedStyles'].includes(property.name)) {
+          if (!property.attribute || property.deprecated || ['slottedStyles'].includes(property.name) || excludedAttributes?.includes(property.attribute)) {
             return undefined;
           }
           const defaultValue = property.default?.replaceAll('"', '');

src/content/docs/components/nss-membership-card.mdx

@@ -15,8 +15,6 @@ import Figma from '@components/figma.astro';
 
 ## Overview
 
-**The purpose of the membership card is to provide details of a single offer or benefit exclusively for a particular customer.**
-
 <CompDetails name={componentName} />
 
 The snowflake `nss-membership-card` is specific to the 'membership wallet'. It utilises the membership styling and colour scheme that sets it apart from `ns-card`.
@@ -74,7 +72,7 @@ The snowflake `nss-membership-card` is specific to the 'membership wallet'. It u
 
 ### Specification
 
-<Specification name={componentName} />
+<Specification name={componentName} exclude='inactive, inactive-message, background, pill-over-image, decoration' />
 
 ### Figma
 

src/scripts/custom-elements.js

@@ -1,6 +1,24 @@
-import ceJsDoc from "@connectedhomes/nucleus/ce-doc.json";
-import customElements from "@connectedhomes/nucleus/custom-elements.json";
+import nsCEJsDoc from "@connectedhomes/nucleus/ce-doc.json";
+import nsCustomElements from "@connectedhomes/nucleus/custom-elements.json";
 import sfCEJsDoc from "@connectedhomes/nucleus-snowflakes/ce-doc.json";
 import sfCustomElements from "@connectedhomes/nucleus-snowflakes/custom-elements.json";
 
-export { customElements, ceJsDoc, sfCustomElements, sfCEJsDoc };
+sfCEJsDoc.forEach((tag) => {
+  if (!tag.category) {
+    tag.category = tag.category ?? "Snowflakes";
+  }
+});
+
+const customElements = {
+  tags: [
+    ...nsCustomElements.tags,
+    ...sfCustomElements.tags,
+  ]
+};
+
+const ceJsDoc = [
+  ...nsCEJsDoc,
+  ...sfCEJsDoc,
+];
+
+export { customElements, ceJsDoc };