Issue - relative URL for attribute 'src' in 'amp-next-page' is disall…

…owed (#396) * Fix. Pass absolute path to src attribute of amp-next-page
quintype · Oct 17, 2022 · 8ccc1c4 · 8ccc1c4
1 parent 07ef41a
commit 8ccc1c4
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 5 deletions.
diff --git a/docs-src/tutorials/opts.md b/docs-src/tutorials/opts.md
@@ -36,7 +36,7 @@ const myOptsObj = {
     infiniteScroll: {
       source: "custom",
       inlineConfig: async getCustomStoryList(){},
-      remoteConfigEndpoint: "/amp/api/infinite-scroll",
+      remoteConfigEndpoint: "amp/api/infinite-scroll",
     }
   },
 };

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@quintype/amp",
-  "version": "2.6.0",
+  "version": "2.6.1-afk-amp-rel-url-issue.0",
   "description": "Quintype's AMP component library for publisher apps to create amp layouts",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

diff --git a/src/atoms/infinite-scroll/infinite-scroll.tsx b/src/atoms/infinite-scroll/infinite-scroll.tsx
@@ -17,12 +17,13 @@ export const StyledSeparator = styled.div`
 
 export const InfiniteScrollBase = ({ story, config, children, inlineConfig, ...props }: InfiniteScrollTypes) => {
   const { "story-content-id": storyId } = story;
+  const { "sketches-host": host } = config.publisherConfig;
   const remoteEndPoint = get(
     config,
     ["opts", "featureConfig", "infiniteScroll", "remoteConfigEndpoint"],
-    "/amp/api/v1/amp-infinite-scroll"
+    "amp/api/v1/amp-infinite-scroll"
   );
-  const jsonConfigUrl = `${remoteEndPoint}?story-id=${storyId}`;
+  const jsonConfigUrl = `${host}/${remoteEndPoint}?story-id=${storyId}`;
   const infiniteScrollRender = get(config, ["opts", "render", "infiniteScrollRender"], null);
   const storySeparatorText = get(
     config,