handoff-app 1.0.6-canary.0 → 1.0.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "handoff-app",
-  "version": "1.0.6-canary.0",
+  "version": "1.0.6",
   "description": "Automated documentation toolchain for building client side documentation from figma",
   "author ": {
     "name": "Convertiv",

package/src/app/components/Component/ComponentLists.tsx

@@ -234,7 +234,7 @@ export const AbstractComponentsPageCard = ({
   return (
     <div className={cn(layout === 'single' && 'grid grid-cols-[130px_1fr] items-start gap-6')}>
       <Link href={available ? (absolute ? path : `/system/component/${id}`) : '#'} className="block bg-gray-50">
-        <img src={image} width={1528} height={1250} alt="Components" className="mb-5 rounded-lg" />
+        <img src={`${process.env.HANDOFF_APP_BASE_PATH ?? ''}${image}`} width={1528} height={1250} alt="Components" className="mb-5 rounded-lg" />
       </Link>
       <div>
         <h2 className="text-base font-medium">{title}</h2>

package/src/app/components/util/index.ts

@@ -289,8 +289,15 @@ export const staticBuildMenu = () => {
   return sections.concat(custom).sort((a: SectionLink, b: SectionLink) => a.weight - b.weight);
 };
 
+const buildBasePath = () => {
+  if(!process.env.HANDOFF_APP_BASE_PATH) {
+    return '';
+  }
+  return (process.env.HANDOFF_APP_BASE_PATH ?? '').replace(/^\//, '') + '/';
+};
+
 const staticBuildComponentMenu = (type?: boolean | string) => {
-  const basePath = (process.env.HANDOFF_APP_BASE_PATH ?? '').replace(/^\//, '');
+  const basePath = buildBasePath();
   let menu = [];
   let components = fetchComponents({ includeTokens: false });
   if (typeof type === 'string' && type !== '') {
@@ -321,7 +328,7 @@ const staticBuildComponentMenu = (type?: boolean | string) => {
 };
 
 const staticBuildTokensMenu = () => {
-  const basePath = (process.env.HANDOFF_APP_BASE_PATH ?? '').replace(/^\//, '');
+  const basePath = buildBasePath();
 
   const menu = [
     {
@@ -374,7 +381,7 @@ const staticBuildTokensMenu = () => {
 };
 
 const staticBuildTokenMenu = () => {
-  const basePath = (process.env.HANDOFF_APP_BASE_PATH ?? '').replace(/^\//, '');
+    const basePath = buildBasePath();
 
   let subSections = {
     title: 'Tokens',