Build web, node, and production bundle

README.md

@@ -1,11 +1,11 @@
-# skynet-js - Javascript Sia Skynet Client
+# skynet-js - Javascript Sia Skynet SDK
 
 [![Version](https://img.shields.io/github/package-json/v/NebulousLabs/skynet-js)](https://www.npmjs.com/package/skynet-js)
 [![Build Status](https://img.shields.io/github/workflow/status/NebulousLabs/skynet-js/Node.js%20CI)](https://github.com/NebulousLabs/skynet-js/actions)
 [![Contributors](https://img.shields.io/github/contributors/NebulousLabs/skynet-js)](https://github.com/NebulousLabs/skynet-js/graphs/contributors)
 [![License](https://img.shields.io/github/license/NebulousLabs/skynet-js)](https://github.com/NebulousLabs/skynet-js)
 
-A Javascript module made to simplify communication with Sia Skynet portals from the browser.
+A Javascript module made to simplify communication with Sia Skynet portals from the browser. Now with support for Node.js!
 
 ## Updating to v3 from v2
 

babel.config.json

@@ -1,6 +1,6 @@
 {
   "presets": ["@babel/preset-typescript", "@babel/preset-env"],
-  "plugins": ["@babel/plugin-transform-runtime", "@babel/plugin-proposal-class-properties"],
+  "plugins": ["@babel/plugin-proposal-class-properties"],
   "env": {
     "test": {
       "presets": [

package.json

@@ -2,7 +2,9 @@
   "name": "skynet-js",
   "version": "3.0.2",
   "description": "Sia Skynet Javascript Client",
-  "main": "dist/index.js",
+  "browser": "dist/web/index.web.js",
+  "main": "dist/node/index.node.js",
+  "module": "dist/web/index.web.js",
   "files": [
     "dist/*"
   ],
@@ -12,8 +14,11 @@
     "not OperaMini all"
   ],
   "scripts": {
-    "build": "rimraf dist && babel src --out-dir dist --extensions .ts --ignore src/**/*.test.ts && tsc --project tsconfig.build.json",
-    "lint:eslint": "eslint --ext .ts utils src --max-warnings 0",
+    "build": "rimraf dist && yarn build-bundle && yarn build-node && yarn build-web",
+    "build-bundle": "yarn run webpack",
+    "build-node": "babel src --out-dir dist/node --extensions .ts --ignore 'src/**/*.test.ts' && tsc --project tsconfig.build.json --outDir dist/node && rimraf dist/node/**/web* && rimraf dist/node/**/*web*",
+    "build-web": "babel src --out-dir dist/web --extensions .ts --ignore 'src/**/*.test.ts' && tsc --project tsconfig.build.json --outDir dist/web && rimraf dist/web/**/node* && rimraf dist/web/**/*node*",
+    "lint:eslint": "eslint --ext .ts src utils --max-warnings 0",
     "lint:tsc": "tsc",
     "prepublishOnly": "yarn build",
     "test": "jest --coverage --coverageDirectory ../coverage"
@@ -26,10 +31,10 @@
     ],
     "coverageThreshold": {
       "global": {
-        "branches": 100,
-        "functions": 100,
-        "lines": 100,
-        "statements": 100
+        "branches": 97,
+        "functions": 97,
+        "lines": 97,
+        "statements": 97
       }
     },
     "rootDir": "src"
@@ -42,7 +47,7 @@
   "lint-staged": {
     "*.{js,jsx,ts,tsx}": [
       "eslint --ext .ts --fix",
-      "tsc --esModuleInterop --noemit",
+      "tsc",
       "prettier --write"
     ],
     "*.{json,yml,md}": [
@@ -70,19 +75,19 @@
     "base64-js": "^1.3.1",
     "blakejs": "^1.1.0",
     "buffer": "^6.0.1",
+    "form-data": "^4.0.0",
     "mime": "^2.5.2",
     "path-browserify": "^1.0.1",
     "randombytes": "^2.1.0",
     "sjcl": "^1.0.8",
     "tweetnacl": "^1.0.3",
     "url-join": "^4.0.1",
-    "url-parse": "^1.4.7"
+    "url-parse": "1.4.7"
   },
   "devDependencies": {
     "@babel/cli": "^7.11.6",
     "@babel/core": "^7.11.6",
     "@babel/plugin-proposal-class-properties": "^7.10.4",
-    "@babel/plugin-transform-runtime": "^7.11.5",
     "@babel/preset-env": "^7.11.5",
     "@babel/preset-typescript": "^7.10.4",
     "@types/base64-js": "^1.3.0",
@@ -91,20 +96,27 @@
     "@types/node": "^14.11.2",
     "@types/randombytes": "^2.0.0",
     "@types/sjcl": "^1.0.29",
+    "@types/tmp": "^0.2.0",
     "@types/url-join": "^4.0.0",
     "@types/url-parse": "^1.4.3",
     "@typescript-eslint/eslint-plugin": "^4.3.0",
     "@typescript-eslint/parser": "^4.3.0",
     "axios-mock-adapter": "^1.18.2",
+    "babel-loader": "^8.2.2",
     "babel-plugin-transform-class-properties": "^6.24.1",
     "eslint": "^7.11.0",
     "eslint-plugin-compat": "^3.8.0",
     "eslint-plugin-jsdoc": "^32.0.0",
-    "husky": "^5.0.9",
+    "husky": "^5.1.3",
     "jest": "^26.4.2",
     "lint-staged": "^10.3.0",
     "prettier": "^2.1.1",
     "rimraf": "^3.0.2",
-    "typescript": "^4.0.3"
+    "tmp": "^0.2.1",
+    "ts-loader": "^8.0.17",
+    "typescript": "^4.0.3",
+    "webpack": "^5.23.0",
+    "webpack-cli": "^4.5.0",
+    "webpack-merge": "^5.7.3"
   }
 }

scripts/deploy.js

@@ -0,0 +1 @@
+const { SkynetClient } = require("");

src/client.ts → src/client/index.ts

@@ -1,24 +1,21 @@
-import axios, { AxiosResponse } from "axios";
+import axios, { AxiosResponse, ResponseType } from "axios";
 import type { Method } from "axios";
-import { uploadFile, uploadDirectory, uploadDirectoryRequest, uploadFileRequest } from "./upload";
+
 import {
-  downloadFile,
-  downloadFileHns,
   getSkylinkUrl,
   getHnsUrl,
   getHnsresUrl,
   getMetadata,
   getFileContent,
   getFileContentHns,
   getFileContentRequest,
-  openFile,
-  openFileHns,
   resolveHns,
-} from "./download";
-import { getJSON, setJSON } from "./skydb";
-import { getEntry, getEntryUrl, setEntry } from "./registry";
+} from "../download";
+import { getJSON, setJSON } from "../skydb";
+import { getEntry, getEntryUrl, setEntry } from "../registry";
 
-import { addUrlQuery, defaultPortalUrl, makeUrl } from "./utils/url";
+import { addUrlQuery, defaultPortalUrl, makeUrl } from "../utils/url";
+import { CustomUploadOptions, UploadRequestResponse } from "../upload";
 
 /**
  * Custom client options.
@@ -54,40 +51,45 @@ export type RequestConfig = CustomClientOptions & {
   skykeyName?: string;
   skykeyId?: string;
   headers?: Record<string, unknown>;
+  responseType?: ResponseType;
   transformRequest?: (data: unknown) => string;
   transformResponse?: (data: string) => Record<string, unknown>;
 };
 
 /**
- * The Skynet Client which can be used to access Skynet.
+ * The base Skynet Client which can be used to access Skynet.
  */
-export class SkynetClient {
+export abstract class SkynetClient {
   // TODO: This is currently the url of the skapp and not the portal. It should be the value of 'skynet-portal-api' header. This will be a promise, which will be a breaking change.
   portalUrl: string;
   customOptions: CustomClientOptions;
 
   // Set methods (defined in other files).
 
-  // Upload
-  uploadFile = uploadFile;
-  protected uploadFileRequest = uploadFileRequest;
-  uploadDirectory = uploadDirectory;
-  protected uploadDirectoryRequest = uploadDirectoryRequest;
-
   // Download
-  downloadFile = downloadFile;
-  downloadFileHns = downloadFileHns;
   getSkylinkUrl = getSkylinkUrl;
   getHnsUrl = getHnsUrl;
   getHnsresUrl = getHnsresUrl;
   getMetadata = getMetadata;
   getFileContent = getFileContent;
   getFileContentHns = getFileContentHns;
   protected getFileContentRequest = getFileContentRequest;
-  openFile = openFile;
-  openFileHns = openFileHns;
   resolveHns = resolveHns;
 
+  // Upload
+  abstract uploadFileContent(
+    this: SkynetClient,
+    fileContents: string,
+    fileName: string,
+    customOptions?: CustomUploadOptions
+  ): Promise<UploadRequestResponse>;
+  protected abstract uploadFileContentRequest(
+    this: SkynetClient,
+    fileContents: string,
+    fileName: string,
+    customOptions?: CustomUploadOptions
+  ): Promise<AxiosResponse>;
+
   // SkyDB
   db = {
     getJSON: getJSON.bind(this),
@@ -109,6 +111,9 @@ export class SkynetClient {
    * @param [customOptions] Configuration for the client.
    */
   constructor(portalUrl: string = defaultPortalUrl(), customOptions: CustomClientOptions = {}) {
+    if (!portalUrl) {
+      portalUrl = defaultPortalUrl();
+    }
     this.portalUrl = portalUrl;
     this.customOptions = customOptions;
   }
@@ -159,6 +164,7 @@ export class SkynetClient {
       headers,
       auth,
       onUploadProgress,
+      responseType: config.responseType,
       transformRequest: config.transformRequest,
       transformResponse: config.transformResponse,
 

src/client/node.ts

@@ -0,0 +1,25 @@
+import { downloadFileHnsToPath, downloadFileToPath, downloadFileToPathRequest } from "../download/node";
+import {
+  uploadDirectoryFromPath,
+  uploadDirectoryFromPathRequest,
+  uploadFileFromPath,
+  uploadFileFromPathRequest,
+  uploadFileContent,
+  uploadFileContentRequest,
+} from "../upload/node";
+import { SkynetClient as Client } from "./index";
+
+export class SkynetClient extends Client {
+  // Download
+  downloadFileToPath = downloadFileToPath;
+  downloadFileHnsToPath = downloadFileHnsToPath;
+  protected downloadFileToPathRequest = downloadFileToPathRequest;
+
+  // Upload
+  uploadDirectoryFromPath = uploadDirectoryFromPath;
+  protected uploadDirectoryFromPathRequest = uploadDirectoryFromPathRequest;
+  uploadFileFromPath = uploadFileFromPath;
+  protected uploadFileFromPathRequest = uploadFileFromPathRequest;
+  uploadFileContent = uploadFileContent;
+  protected uploadFileContentRequest = uploadFileContentRequest;
+}

src/client/web.ts

@@ -0,0 +1,26 @@
+import { downloadFile, downloadFileHns, openFile, openFileHns } from "../download/web";
+import {
+  uploadFile,
+  uploadDirectory,
+  uploadDirectoryRequest,
+  uploadFileRequest,
+  uploadFileContent,
+  uploadFileContentRequest,
+} from "../upload/web";
+import { SkynetClient as Client } from "./index";
+
+export class SkynetClient extends Client {
+  // Download
+  downloadFile = downloadFile;
+  downloadFileHns = downloadFileHns;
+  openFile = openFile;
+  openFileHns = openFileHns;
+
+  // Upload
+  uploadFile = uploadFile;
+  protected uploadFileRequest = uploadFileRequest;
+  uploadDirectory = uploadDirectory;
+  protected uploadDirectoryRequest = uploadDirectoryRequest;
+  uploadFileContent = uploadFileContent;
+  protected uploadFileContentRequest = uploadFileContentRequest;
+}