@duffel/components 3.1.3--prototype.4 → 3.1.3--prototype.7

package/src/examples/full-stack/server.mjs

@@ -1,158 +0,0 @@
-import dotenv from "dotenv";
-import { readFileSync } from "fs";
-import http from "http";
-
-/* https://nodejs.org/api/cli.html#node_tls_reject_unauthorizedvalue */
-process.env["NODE_TLS_REJECT_UNAUTHORIZED"] = 0;
-
-dotenv.config({ path: ".env.local" });
-
-if (process.env.DUFFEL_API_URL === undefined) {
-  throw new Error("process.env.DUFFEL_API_URL is required but missing");
-}
-
-if (process.env.DUFFEL_API_TOKEN === undefined) {
-  throw new Error("process.env.DUFFEL_API_TOKEN is required but missing");
-}
-
-const makeMockDateInTheFuture = (daysAhead) => {
-  const now = new Date(Date.now());
-  now.setDate(now.getDate() + daysAhead);
-  return now;
-};
-
-const duffelHeaders = {
-  "Duffel-Version": "v1",
-  "Accept-Encoding": "gzip",
-  Accept: "application/json",
-  "Content-Type": "application/json",
-  Authorization: `Bearer ${process.env.DUFFEL_API_TOKEN}`,
-};
-
-let searchRoundTripOnDuffelResultCache = null;
-const searchRoundTripOnDuffel = async (origin, destination) => {
-  if (searchRoundTripOnDuffelResultCache !== null) {
-    return searchRoundTripOnDuffelResultCache;
-  }
-
-  const payload = {
-    data: {
-      slices: [
-        {
-          origin,
-          destination,
-          departure_date: makeMockDateInTheFuture(7)
-            .toISOString()
-            .split("T")[0],
-        },
-        {
-          origin: destination,
-          destination: origin,
-          departure_date: makeMockDateInTheFuture(14)
-            .toISOString()
-            .split("T")[0],
-        },
-      ],
-      passengers: [{ type: "adult" }],
-      requested_sources: ["duffel_airways"],
-    },
-  };
-
-  const { data: offerRequest } = await (
-    await fetch(
-      process.env.DUFFEL_API_URL + "/air/offer_requests?return_offers=true",
-      {
-        method: "POST",
-        body: JSON.stringify(payload),
-        headers: duffelHeaders,
-      }
-    )
-  ).json();
-
-  searchRoundTripOnDuffelResultCache = offerRequest;
-  return searchRoundTripOnDuffelResultCache;
-};
-
-const createOrderOnDuffel = async (request, response) => {
-  const createOrderOnDuffelResponse = await fetch(
-    process.env.DUFFEL_API_URL + "/air/orders",
-    {
-      method: "POST",
-      headers: duffelHeaders,
-      body: request,
-      duplex: "half",
-    }
-  );
-
-  response.writeHead(createOrderOnDuffelResponse.status, {
-    "Content-type": "application/json",
-  });
-  response.write(await createOrderOnDuffelResponse.text());
-  response.end();
-};
-
-const ROUTES = {
-  "/": async function index(request, response) {
-    const offerRequest = await searchRoundTripOnDuffel("JFK", "MIA");
-    const offer = offerRequest.offers[0];
-
-    if (!offer) {
-      response.writeHead(404);
-      response.end(http.STATUS_CODES[404]);
-      return;
-    }
-
-    const passengers = [
-      {
-        id: offer.passengers[0].id,
-        given_name: "Mae",
-        family_name: "Jemison",
-        gender: "F",
-        title: "dr",
-        born_on: "1956-10-17",
-        email: "m.jemison@nasa.gov",
-        phone_number: "+16177562626",
-      },
-    ];
-
-    const template = readFileSync("src/examples/full-stack/index.html", {
-      encoding: "utf-8",
-    });
-
-    const withOfferId = template.replace("__OFFER_ID__", offer.id);
-    const withclientKey = withOfferId.replace(
-      "__CLIENT_KEY__",
-      offerRequest.client_key
-    );
-    const withPassengers = withclientKey.replace(
-      `"__PASSENGERS__"`,
-      `${JSON.stringify(passengers)}`
-    );
-
-    response.writeHead(200);
-    response.end(withPassengers);
-  },
-  "/book": async function book(request, response) {
-    if (request.method != "POST") {
-      response.writeHead(404);
-      response.end(http.STATUS_CODES[404]);
-      return;
-    }
-
-    await createOrderOnDuffel(request, response);
-  },
-};
-
-http
-  .createServer(function (request, response) {
-    if (request.url in ROUTES) {
-      return ROUTES[request.url](request, response);
-    }
-
-    response.writeHead(404);
-    response.end(http.STATUS_CODES[404]);
-  })
-  .listen(6262);
-
-// eslint-disable-next-line
-console.log(`\n🐄 Serving example on http://localhost:6262`);

package/src/examples/just-typescript/README.md

@@ -1,37 +0,0 @@
-# duffel-components typescript example
-
-## TL;DR
-
-Start on the root of the `duffel-components` repository:
-
-```sh
-# build duffel-components for react env:
-yarn react-build
-
-# change directory to example folder
-cd src/examples/just-typescript
-
-# cleanup last install and build
-rm -rf node_modules && rm -rf dist
-
-# install new version
-yarn
-
-# build and watch example
-yarn build
-
-# open example
-open src/index.html -a "Safari"
-```
-
-## Build duffel-components
-
-First, navigate to the root folder of the duffel-components repository and run `yarn react-build` to build the package. It should output a react-dist folder on the root. This folder is the one we reference on `src/examples/just-typescript/package.json` dependencies under `duffel-components`
-
-## Install dependencies
-
-Once the package is built, you can cd into this directory and run `yarn` to install all dependencies. If there are changes to `react-dist` since your last install, you'll need to `rm -rf node_modules`, otherwise the updates build will not be installed.
-
-## Run example
-
-Finally, run `yarn dev` to build `src/examples/just-typescript/src/index.tsx`. This will produce `src/examples/just-typescript/dist` folder that is referenced by `src/examples/just-typescript/src/index.html`. You can then open `src/examples/just-typescript/src/index.html` on your browser to see the example up and running.

package/src/examples/just-typescript/package.json

@@ -1,16 +0,0 @@
-{
-  "name": "just-typescript",
-  "version": "0.1.0",
-  "private": true,
-  "scripts": {
-    "build": "esbuild src/index.ts --bundle --outfile=dist/index.js"
-  },
-  "dependencies": {
-    "@duffel/components": "3.1.3--prototype.3",
-    "@types/node": "20.2.5",
-    "typescript": "5.0.4"
-  },
-  "devDependencies": {
-    "esbuild": "^0.17.19"
-  }
-}

package/src/examples/just-typescript/src/index.html

@@ -1,23 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link
-      rel="icon"
-      type="image/png"
-      sizes="96x96"
-      href="https://duffel.com/images/favicon/favicon-96x96.png"
-    />
-
-    <script src="../dist/index.js" defer></script>
-    <title>ancillaries component just typescript example</title>
-  </head>
-  <body>
-    <h1 style="margin-bottom: 2rem">
-      Duffel ancillaries component just typescript example
-    </h1>
-
-    <duffel-ancillaries></duffel-ancillaries>
-  </body>
-</html>

package/src/examples/just-typescript/src/index.ts

@@ -1,36 +0,0 @@
-import {
-  onDuffelAncillariesPayloadReady,
-  renderDuffelAncillariesCustomElement,
-} from "@duffel/components/custom-elements";
-
-window.onload = () => {
-  renderDuffelAncillariesCustomElement({
-    offer_id: "fixture_off_1",
-    services: ["bags", "seats", "cancel_for_any_reason"],
-    passengers: [
-      {
-        id: "pas_0000AUde3KY1SptM6ABSfT",
-        given_name: "Mae",
-        family_name: "Jemison",
-        gender: "F",
-        title: "dr",
-        born_on: "1956-10-17",
-        email: "m.jemison@nasa.gov",
-        phone_number: "+16177562626",
-      },
-      {
-        id: "pas_0000AUde3KY1SptM6ABSfU",
-        given_name: "Dorothy",
-        family_name: "Green",
-        gender: "F",
-        title: "dr",
-        born_on: "1942-10-17",
-      },
-    ],
-  });
-  onDuffelAncillariesPayloadReady((data, metadata) => {
-    /* eslint-disable */
-    console.table(data);
-    console.table(metadata);
-  });
-};