refactor(core): adjustments to plugin lifecycle (#51)

* refactor(core): remove timeout logic and next

* refactor(with-caching): custom headers are prefixed with `x-fetcher`

* fix(with-caching): store url as part of the cache

* refactor(plugins): use objects to pass options to plugins

* chore(deps): add encoding as a fetcher core dep

* fix(docs): fix base `eslint` import

Author: teofanis

.changeset/gold-sloths-listen.md

@@ -0,0 +1,6 @@
+---
+'@composite-fetcher/with-caching': patch
+'@composite-fetcher/with-logging': patch
+---
+
+refactor(plugins): use objects to pass options to plugins

.changeset/good-steaks-search.md

@@ -0,0 +1,5 @@
+---
+'@composite-fetcher/with-caching': patch
+---
+
+fix(with-caching): store url as part of the cache

.changeset/hot-guests-cover.md

@@ -0,0 +1,5 @@
+---
+'@composite-fetcher/with-caching': patch
+---
+
+refactor(with-caching): custom headers are prefixed with `x-fetcher`

.changeset/olive-fishes-sin.md

@@ -0,0 +1,5 @@
+---
+'@composite-fetcher/core': patch
+---
+
+chore(deps): add encoding as a fetcher core dep

.changeset/tiny-years-raise.md

@@ -0,0 +1,7 @@
+---
+'@composite-fetcher/core': patch
+'@composite-fetcher/with-caching': patch
+'@composite-fetcher/with-logging': patch
+---
+
+refactor(core): remove timeout logic and next

apps/docs/.eslintrc.js

@@ -1,4 +1,4 @@
 module.exports = {
   root: true,
-  extends: ['@composite-fetcher/eslint-config'],
+  extends: ['@composite-fetcher/eslint-config/base'],
 };

apps/docs/package.json

@@ -11,7 +11,10 @@
     "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf .next"
   },
   "dependencies": {
+    "@composite-fetcher/core": "workspace:^",
     "@composite-fetcher/utils": "workspace:*",
+    "@composite-fetcher/with-caching": "workspace:^",
+    "@composite-fetcher/with-logging": "workspace:^",
     "next": "^13.4.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"

apps/docs/src/app/page.tsx

@@ -1,8 +1,19 @@
+'use client';
+
+import fetcher from '../lib/fetcher';
+
 export default function Page() {
+  const handleClick = () => {
+    fetcher
+      .fetch('https://catfact.ninja/breeds?limit=1')
+      .then((res) => res.json())
+      .then(console.log)
+      .catch(console.error);
+  };
   return (
     <>
       <h1>Web</h1>
-      <button>Boop</button>
+      <button onClick={handleClick}>Boop</button>
     </>
   );
 }

apps/docs/src/lib/fetcher.ts

@@ -0,0 +1,12 @@
+import { Fetcher } from '@composite-fetcher/core';
+import {
+  SessionStorageDriver,
+  withCaching as WithCaching,
+} from '@composite-fetcher/with-caching';
+import { withLogging as WithLogging } from '@composite-fetcher/with-logging';
+
+const fetcher = new Fetcher();
+fetcher.use(new WithLogging());
+fetcher.use(new WithCaching({ cacheDriver: new SessionStorageDriver() }));
+
+export default fetcher;

packages/core/package.json

@@ -38,6 +38,7 @@
     "ts-jest": "^29.1.1"
   },
   "dependencies": {
+    "encoding": "^0.1.13",
     "isomorphic-fetch": "^3.0.0"
   }
 }