@duffel/components 3.1.2 → 3.1.3--prototype.3

package/react-dist/lib/logging.d.ts

@@ -43,4 +43,4 @@ declare function logGroup(groupName: string, messages: any[]): void;
 declare function logGroup(groupName: string, object: {
     [key: string]: any;
 }): void;
-export { initializeLogger, logGroup, log };
+export { initializeLogger, log, logGroup };

package/scripts/build-and-publish.sh

@@ -0,0 +1,42 @@
+if [[ "$@" == *"--help"* ]]; then
+    echo ""
+    echo "Builds and publishes the package to npm and CDN."
+    echo ""
+    echo "Usage:"
+    echo "  build-and-publish.sh [--dry-run] [--help]"
+    echo ""
+    echo "Options:"
+    echo "  ‣  --help       Show this help message"
+    echo "  ‣  --dry-run    Build and test, but do not publish"
+    echo ""
+    
+    exit 0
+fi
+
+# Cleanup the old builds:
+rm -rf ./cdn-dist
+rm -rf ./react-dist
+
+# Build for distribution
+
+## For those that rely on <script></script>
+node config/esbuild.cdn.config.js
+
+## For those that rely on `npm i`
+node config/esbuild.react.config.js
+
+## For those that use typescript
+tsc --project tsconfig.json
+
+# Only upload to CDN and publish to npm if it's not a dry run
+if [[ "$@" != *"--dry-run"* ]]; then
+    # Upload css, js and fixtures to CDN
+    bash ./scripts/upload-to-cdn.sh
+    
+    # Publish to npm with tag
+    npm publish --tag igorp1-prototype
+else
+    echo ""
+    echo "Dry run. @duffel/components not published."
+    echo ""
+fi

package/scripts/generate-fixture.ts

@@ -24,7 +24,7 @@ const duffelHeaders = {
   Authorization: `Bearer ${DUFFEL_API_TOKEN}`,
 };
 
-export const makeMockDateInTheFuture = (daysAhead) => {
+export const makeMockDateInTheFuture = (daysAhead: number) => {
   const now = new Date(Date.now());
   now.setDate(now.getDate() + daysAhead);
   return now;
@@ -137,7 +137,7 @@ const main = async () => {
     );
     if (VERBOSE) {
       const airlines = new Set(
-        offerRequest.offers.map((offer) => offer.owner.iata_code)
+        offerRequest.offers.map((offer: Offer) => offer.owner.iata_code)
       );
       log(
         `Received ${withPlural(

package/scripts.tsconfig.json

@@ -2,7 +2,7 @@
   "compilerOptions": {
     "target": "es2021",
     "module": "commonjs",
-    "outDir": "dist",
+    "outDir": "scripts-tsconfig-dist",
     "strict": true,
     "esModuleInterop": true,
     "forceConsistentCasingInFileNames": true

package/src/components/PlacesLookup/PlacesLookup.tsx

@@ -1,6 +1,5 @@
 import Fuse from "fuse.js";
 import { debounce } from "lodash";
-import fetch from "node-fetch";
 import React from "react";
 import { Icon } from "../shared/Icon";
 
@@ -61,8 +60,8 @@ export const PlacesLookup: React.FC<PlacesLookupProps> = ({
 
   React.useEffect(() => {
     fetch(DATA_SOURCE)
-      .then((response) => response.json())
-      .then((data) =>
+      .then((response: Response) => response.json())
+      .then((data: string[]) =>
         setLookupData(
           new Fuse<Place>(mapDataRowsIntoObjects(data), {
             threshold: 0.2,

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

@@ -6,9 +6,9 @@
     "build": "esbuild src/index.ts --bundle --outfile=dist/index.js"
   },
   "dependencies": {
+    "@duffel/components": "3.1.3--prototype.2",
     "@types/node": "20.2.5",
-    "typescript": "5.0.4",
-    "duffel-components": "../../../../duffel-components/react-dist"
+    "typescript": "5.0.4"
   },
   "devDependencies": {
     "esbuild": "^0.17.19"

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

@@ -1,7 +1,7 @@
 import {
   onDuffelAncillariesPayloadReady,
   renderDuffelAncillariesCustomElement,
-} from "duffel-components/custom-elements";
+} from "@duffel/components";
 
 window.onload = () => {
   renderDuffelAncillariesCustomElement({