chore: v1.0

Author: wallace-sf

.github/workflows/main.yml

@@ -13,6 +13,7 @@ jobs:
     steps:
       - name: Checkout repo
         uses: actions/checkout@v3
+        with:
           fetch-depth: 0
           ref: ${{github.event.pull_request.head.ref}}
           repository: ${{github.event.pull_request.head.repo.full_name}}

.gitignore

@@ -3,3 +3,5 @@
 node_modules
 .cache
 dist
+esbuild-why*.html
+.npmrc

app/package.json

@@ -5,6 +5,7 @@
   "license": "MIT",
   "scripts": {
     "start": "parcel index.html --open --port 3000",
+    "start:prod": "serve dist -S",
     "build": "parcel build index.html"
   },
   "dependencies": {
@@ -22,6 +23,7 @@
     "@types/react-dom": "^18.0.11",
     "parcel": "^2.8.3",
     "parcel-bundler": "1.12.5",
+    "serve": "^14.2.0",
     "typescript": "4.9.5"
   }
 }

app/yarn.lock

@@ -57,11 +57,11 @@
   "size-limit": [
     {
       "path": "dist/react-mqtt-workflow-manager.cjs.production.min.js",
-      "limit": "25 KB"
+      "limit": "100 kB"
     },
     {
       "path": "dist/react-mqtt-workflow-manager.esm.js",
-      "limit": "25 KB"
+      "limit": "100 kB"
     }
   ],
   "devDependencies": {

package.json

@@ -1,6 +1,6 @@
 import React, { FC, useCallback, useEffect, useMemo, useState } from 'react';
 
-import { connect, MqttClient } from 'mqtt';
+import { MqttClient, connect } from 'precompiled-mqtt';
 import invariant from 'tiny-warning';
 
 import { MqttProvider, IMqttContext } from './contexts';

src/WorkflowManager.tsx

@@ -1,6 +1,6 @@
 import { Store } from '@reduxjs/toolkit';
-import { MqttClient, IClientSubscribeOptions } from 'mqtt';
 import { matches, exec } from 'mqtt-pattern';
+import { MqttClient, IClientSubscribeOptions } from 'precompiled-mqtt';
 import invariant from 'tiny-warning';
 
 import { createWorkflowAction } from './ducks/utils';

src/WorkflowManagerConfig.ts

@@ -3,5 +3,4 @@ import { createContext } from 'react';
 import { IMqttContext } from './types';
 
 export const MqttContext = createContext<IMqttContext | undefined>(undefined);
-
 export const MqttProvider = MqttContext.Provider;

src/contexts/mqtt.context.ts

@@ -1,4 +1,4 @@
-import { MqttClient } from 'mqtt';
+import { MqttClient } from 'precompiled-mqtt';
 
 export interface IMqttContext {
   client: MqttClient | null;

src/contexts/types.ts

@@ -1,7 +1,11 @@
 import { PropsWithChildren } from 'react';
 
 import { Store } from '@reduxjs/toolkit';
-import { IClientOptions, IClientSubscribeOptions, MqttClient } from 'mqtt';
+import {
+  IClientOptions,
+  IClientSubscribeOptions,
+  MqttClient,
+} from 'precompiled-mqtt';
 
 type Topic = string | string[];