feat: expose positionPercent and positionAnchorIndex variables in hig…

…hlight template (#150)
omnivore-app · Nov 3, 2023 · fa3bd32 · fa3bd32
1 parent 17c4b96
commit fa3bd32
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/api.ts b/src/api.ts
@@ -75,8 +75,9 @@ export interface Highlight {
   updatedAt: string;
   labels?: Label[];
   type: HighlightType;
-  highlightPositionPercent?: number;
+  highlightPositionPercent: number;
   color?: string;
+  highlightPositionAnchorIndex: number;
 }
 
 const requestHeaders = (apiKey: string) => ({
@@ -132,6 +133,7 @@ export const loadArticles = async (
                     updatedAt
                     type
                     highlightPositionPercent
+                    highlightPositionAnchorIndex
                     labels {
                       name
                     }

diff --git a/src/settings/template.ts b/src/settings/template.ts
@@ -49,6 +49,9 @@ export interface HighlightView {
   dateHighlighted: string;
   note?: string;
   labels?: LabelView[];
+  color: string;
+  positionPercent: number;
+  positionAnchorIndex: number;
 }
 
 export type ArticleView =
@@ -190,6 +193,8 @@ export const renderArticleContnet = async (
       note: highlight.annotation ?? undefined,
       labels: renderLabels(highlight.labels),
       color: highlight.color ?? 'yellow',
+      positionPercent: highlight.highlightPositionPercent,
+      positionAnchorIndex: highlight.highlightPositionAnchorIndex,
     };
   });
   const dateSaved = formatDate(article.savedAt, dateSavedFormat);