chore: filter out unnecessary showcases

Signed-off-by: Jakub Freisler <[email protected]>

Author: FRSgit

apps/preview/next/pages/api/getShowcases.ts

@@ -1,5 +1,6 @@
 import path from 'path';
 import { NextApiRequest, NextApiResponse } from 'next';
+import { showcasesFilter } from '@storefront-ui/preview-shared/utils/showcases.utils';
 
 import { promise as glob } from 'glob-promise';
 
@@ -8,5 +9,5 @@ export default async function handler(req: NextApiRequest, res: NextApiResponse)
     cwd: path.join(process.cwd(), 'pages', 'showcases'),
   });
 
-  res.status(200).json(fileContents);
+  res.status(200).json(showcasesFilter({ files: fileContents, ext: '.tsx' }));
 }

apps/preview/nuxt/pages/showcases.vue

@@ -80,12 +80,16 @@ import {
 } from '@storefront-ui/vue';
 import { ref, watch, reactive, onBeforeMount } from 'vue';
 import { useControlsSearchParams } from '~/composables/utils/useControlsSearchParams';
+import { showcasesFilter } from '@storefront-ui/preview-shared/utils/showcases.utils';
 
 const { currentRoute } = useRouter();
 
 const REST_GROUP_NAME = 'Rest';
 const files = import.meta.glob('./showcases/**');
-const paths = Object.keys(files);
+const paths = showcasesFilter({
+  files: Object.keys(files),
+  ext: '.vue',
+});
 const groupItemHref = (groupName, showcaseName) => {
   return `/showcases/${groupName !== REST_GROUP_NAME ? `${groupName}/` : ''}${showcaseName}`;
 };

apps/preview/shared/utils/showcases.utils.ts

@@ -0,0 +1,4 @@
+const ignoredFiles = ['Alert/Alert'];
+
+export const showcasesFilter = ({ files, ext }: { files: string[]; ext: string }) =>
+  files.filter((filePath) => !ignoredFiles.find((ignoredFile) => filePath.includes(`${ignoredFile}${ext}`)));