Merge pull request #2 from flow-build/feature/DAT-386

Feature/DAT-386

Author: wallace-sf

.eslintrc.json

@@ -31,7 +31,16 @@
   "rules": {
     "prettier/prettier": "error",
     "linebreak-style": ["error", "unix"],
-    "max-len": ["error", { "code": 80, "ignoreUrls": true }],
+    "max-len": [
+      "error",
+      {
+        "code": 80,
+        "ignoreStrings": true,
+        "ignoreComments": true,
+        "ignoreRegExpLiterals": true,
+        "ignorePattern": "^\\s*\\w+\\s*\\(.*\\).+;$"
+      }
+    ],
     "import-helpers/order-imports": [
       "error",
       {

.github/workflows/main.yml

@@ -7,12 +7,16 @@ jobs:
     runs-on: ${{ matrix.os }}
     strategy:
       matrix:
-        node: ['10.x', '12.x', '14.x']
+        node: ['18.x']
         os: [ubuntu-latest, windows-latest, macOS-latest]
 
     steps:
       - name: Checkout repo
-        uses: actions/checkout@v2
+        uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+          ref: ${{github.event.pull_request.head.ref}}
+          repository: ${{github.event.pull_request.head.repo.full_name}}
 
       - name: Use Node ${{ matrix.node }}
         uses: actions/setup-node@v1
@@ -25,8 +29,5 @@ jobs:
       - name: Lint
         run: yarn lint
 
-      - name: Test
-        run: yarn test --ci --coverage --maxWorkers=2
-
       - name: Build
         run: yarn build

.github/workflows/size.yml

@@ -2,11 +2,26 @@ name: size
 on: [pull_request]
 jobs:
   size:
-    runs-on: ubuntu-latest
+    name: Verify size limit, on Node ${{ matrix.node }} and ${{ matrix.os }}
+    runs-on: ${{ matrix.os }}
+    strategy:
+      matrix:
+        node: ['18.x']
+        os: [ubuntu-latest, windows-latest, macOS-latest]
     env:
       CI_JOB_NUMBER: 1
     steps:
-      - uses: actions/checkout@v1
+      - uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+          ref: ${{github.event.pull_request.head.ref}}
+          repository: ${{github.event.pull_request.head.repo.full_name}}
+
+      - name: Use Node ${{ matrix.node }}
+        uses: actions/setup-node@v1
+        with:
+          node-version: ${{ matrix.node }}
+
       - uses: andresz1/size-limit-action@v1
         with:
           github_token: ${{ secrets.GITHUB_TOKEN }}

.gitignore

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

.npmrc

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { Provider } from 'react-redux';
+
+import { WorkflowManager, WorkflowManagerConfig } from '../../../dist';
+import { Child } from './Child';
+import { store } from './store';
+
+WorkflowManagerConfig.setStore(store);
+
+export const Basic: React.FC = () => {
+  return (
+    <Provider store={store}>
+      <WorkflowManager
+        brokerUrl="ws://broker.mqttdashboard.com:8000/mqtt"
+        options={{
+          clientId: `clientId-${Math.random().toString(36).substring(2, 9)}`,
+          keepalive: 60,
+        }}
+      >
+        <Child />
+      </WorkflowManager>
+    </Provider>
+  );
+};

example/.npmignore renamed to app/.npmignore

@@ -0,0 +1,27 @@
+import * as React from 'react';
+
+import { useMqtt, useSubscribe } from '../../../dist';
+import { processTopic, actorTopic } from './constants';
+
+export const Child: React.FC = () => {
+  const { status, error } = useMqtt();
+  const subscribe = useSubscribe();
+
+  React.useEffect(() => {
+    if (status === 'connected') subscribe([processTopic, actorTopic]);
+  }, [subscribe, status]);
+
+  return (
+    <main>
+      <h1>This is a basic example</h1>
+      <p>
+        <b>Mqtt status: </b>
+        {status}
+      </p>
+      <p>
+        <b>Error: </b>
+        {String(error)}
+      </p>
+    </main>
+  );
+};

app/examples/Basic/Basic.tsx

@@ -0,0 +1,4 @@
+export const processTopic =
+  '/process/7179b2f3-5236-4917-8164-f02fc43cfb07/am/create';
+export const actorTopic =
+  '/actor/ed3772f4-200a-41bf-907d-4e4581236daf/am/create';

app/examples/Basic/Child.tsx

@@ -0,0 +1 @@
+export * from './Basic';