V3 Release (#89)

FormidableLabs · May 14, 2024 · 390685e · 390685e
1 parent 74ce524
commit 390685e
Show file tree

Hide file tree

Showing 10 changed files with 179 additions and 95 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,22 @@
 # FigLog Change Log
 
+## 3.0.0 (05-09-2024)
+
+New editing flow, user must save changes
+User can edit the start dates for logs
+User can hide and show avatars
+Added Nearform_Commerce branding
+Prettier integration
+Figma API update
+Cleanup and documentation and README
+
+## 2.0.0 (02-09-2024)
+
+User can add changelog types
+User can add links to logs
+Switch to Lucide icons
+Cleanup and documentation and README
+
 ## 1.0.0 (09-29-2023)
 
 README update

diff --git a/README.md b/README.md
@@ -38,12 +38,13 @@ We hope FigLog becomes a useful tool for you as a way of documenting the evoluti
 
 ## Features
 
-- 🕹️ Optional component status, name, description, version, log types, and branding
-- 👫 Multiplayer collaboration with user name and avatar
-- 🗓️ Automatic date handling (including log edits)
-- 💅 6 status types
-- 🏷️ 7 log types **(New!)**
-- 🔗 26 link types **(New!)**
+- 🕹️  Customizable name, description, version, and branding
+- 👫  Multiplayer collaboration with optional avatars
+- 🗓️  Automatic date capture and handling **(Now Editable)**
+- 💅  Multiple status types to define stages
+- 🏷️  7 log types for easier organization
+- 🔗  26 link types with automatic branding support
+- 🔒  Enhanced security for added control **(New!)**
 
 ## Usage
 

diff --git a/example.png b/example.png
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "figlog",
-  "version": "1.0.0",
+  "version": "3.0.0",
   "repository": "https://github.com/FormidableLabs/figlog.git",
   "devDependencies": {
     "@figma/plugin-typings": "^1.92.0",

diff --git a/widget-src/components/ChangeLogList.tsx b/widget-src/components/ChangeLogList.tsx
@@ -3,7 +3,7 @@ import { PADDING } from '../utilities/Styles';
 import { ChangeLogRow } from './ChangeLogRow';
 
 const { widget } = figma;
-const { AutoLayout, useEffect } = widget;
+const { AutoLayout } = widget;
 
 interface ChangeLogListProps {
   changeLogIds: string[];
@@ -26,10 +26,6 @@ export const ChangeLogList = ({
   showAvatars,
   isLocked,
 }: ChangeLogListProps) => {
-  useEffect(() => {
-    // console.log('ChangeLogs', changeLogs.entries());
-  });
-
   return (
     <AutoLayout
       name="ChangeLog"

diff --git a/widget-src/components/Footer.tsx b/widget-src/components/Footer.tsx
@@ -1,10 +1,12 @@
 import { LogoFigLog } from '../svgs/LogoFigLog';
-import { LogoNearform } from '../svgs/LogoNearform';
+import { LogoNearformCommerce } from '../svgs/LogoNearformCommerce';
 import { COLOR, GAP, FONT, RADIUS, SPACE, PADDING } from '../utilities/Styles';
 
 const { widget, openExternal } = figma;
 const { AutoLayout, Rectangle, SVG, Text } = widget;
 
+const figLogVersion = '3'; // use "#.## beta" format to track beta versions
+
 export const Footer = () => (
   <AutoLayout
     name="Footer"
@@ -50,8 +52,41 @@ export const Footer = () => (
             fontSize={FONT.size.lg}
             fontWeight={FONT.weight.light}
           >
-            | Evolution Tracker
+            |
           </Text>
+          <AutoLayout
+            name="FigLog Version"
+            overflow="visible"
+            direction="vertical"
+            spacing={2}
+            padding={{
+              vertical: 5,
+              horizontal: PADDING.none,
+            }}
+            verticalAlignItems="center"
+          >
+            <Text
+              name="Evolution Tracker"
+              fill={COLOR.black}
+              lineHeight={FONT.lineHeight.xs}
+              fontFamily={FONT.family}
+              fontSize={FONT.size.sm}
+              fontWeight={FONT.weight.regular}
+            >
+              Evolution Tracker
+            </Text>
+            <Text
+              name="Version"
+              fill={COLOR.black}
+              lineHeight={4}
+              fontFamily={FONT.family}
+              fontSize={5}
+              fontWeight={FONT.weight.regular}
+            >
+              {' '}
+              version {figLogVersion}
+            </Text>
+          </AutoLayout>
         </AutoLayout>
       </AutoLayout>
       <AutoLayout
@@ -63,7 +98,7 @@ export const Footer = () => (
           openExternal('https://commerce.nearform.com/');
         }}
       >
-        <SVG name="Nearform_Commerce Logo" height={16} width={174} src={LogoNearform} />
+        <SVG name="Nearform_Commerce Logo" height={16} width={36} src={LogoNearformCommerce} />
       </AutoLayout>
     </AutoLayout>
   </AutoLayout>

diff --git a/widget-src/components/log/LinkList.tsx b/widget-src/components/log/LinkList.tsx
@@ -1,10 +1,6 @@
 import { LinkType } from '../../types/LinkTypes';
-import { GAP } from '../../utilities/Styles';
 import { Link } from './Link';
 
-const { widget } = figma;
-const { AutoLayout } = widget;
-
 interface LinkListProps {
   links?: Array<LinkType>;
   editing?: boolean;
@@ -15,15 +11,7 @@ export const LinkList = ({ links, editing = false, deleteLink }: LinkListProps)
   return (
     <>
       {!!links && links.length > 0 && (
-        <AutoLayout
-          name="Log Links"
-          overflow="visible"
-          width="fill-parent"
-          height="hug-contents"
-          direction="horizontal"
-          wrap
-          spacing={GAP.sm}
-        >
+        <>
           {links.map(link => (
             <Link
               label={!!link.label ? link.label : 'Link'}
@@ -34,7 +22,7 @@ export const LinkList = ({ links, editing = false, deleteLink }: LinkListProps)
               deleteLink={() => (!!deleteLink ? deleteLink(link.key) : null)}
             />
           ))}
-        </AutoLayout>
+        </>
       )}
     </>
   );

diff --git a/widget-src/components/log/LogDisplay.tsx b/widget-src/components/log/LogDisplay.tsx
@@ -123,15 +123,15 @@ export const ChangeLogDisplay = ({
                           : false,
                       },
                     },
-                    links: changeLog.state?.updates?.links ? changeLog.state?.updates?.links : changeLog.links,
+                    links: changeLog.state?.updates?.links ? changeLog.state?.updates?.links : [],
                     link: {
                       label: changeLog.state?.updates?.link?.label ? changeLog.state?.updates?.link?.label : '',
                       url: changeLog.state?.updates?.link?.url ? changeLog.state?.updates?.link?.url : '',
                       icon: changeLog.state?.updates?.link?.icon ? changeLog.state?.updates?.link?.icon : '',
                       key: changeLog.state?.updates?.link?.key ? changeLog.state?.updates?.link?.key : '',
                     },
                     type: changeLog.state?.updates?.type ? changeLog.state?.updates?.type : changeLog.type,
-                    change: changeLog.state?.updates?.change ? changeLog.state?.updates?.change : '',
+                    change: changeLog.state?.updates?.change ? changeLog.state?.updates?.change : changeLog.change,
                     linkFormError: {
                       label: changeLog.state?.updates?.linkFormError?.label
                         ? changeLog.state?.updates?.linkFormError?.label
@@ -148,19 +148,29 @@ export const ChangeLogDisplay = ({
           )}
         </AutoLayout>
       </AutoLayout>
-      <AutoLayout name="Changes" overflow="visible" width="fill-parent">
-        <Text
-          name="Change"
-          fill={COLOR.black}
-          lineHeight={FONT.lineHeight.lg}
-          fontFamily={FONT.family}
-          width={'fill-parent'}
-        >
-          {changeLog.change || ''}
-        </Text>
-      </AutoLayout>
+      {!!changeLog.change && changeLog.change !== '' && (
+        <AutoLayout name="Changes" overflow="visible" width="fill-parent">
+          <Text
+            name="Change"
+            fill={COLOR.black}
+            lineHeight={FONT.lineHeight.lg}
+            fontFamily={FONT.family}
+            width={'fill-parent'}
+          >
+            {changeLog.change || ''}
+          </Text>
+        </AutoLayout>
+      )}
       {!!changeLog.links && changeLog.links.length > 0 && (
-        <AutoLayout name="Links" width="fill-parent" horizontalAlignItems="end" direction="vertical">
+        <AutoLayout
+          name="Links"
+          overflow="visible"
+          width="fill-parent"
+          height="hug-contents"
+          direction="horizontal"
+          wrap
+          spacing={GAP.sm}
+        >
           <LinkList links={changeLog.links} />
         </AutoLayout>
       )}