piral-core 0.15.0-alpha.3905 → 0.15.0-alpha.3933

package/esm/utils/media.js

@@ -1,9 +1,8 @@
 import { isfunc } from 'piral-base';
-import { none } from './helpers';
 export const defaultLayouts = ['desktop', 'tablet', 'mobile'];
 export const defaultBreakpoints = ['(min-width: 991px)', '(min-width: 481px)', '(max-width: 480px)'];
 const mm = typeof window === 'undefined' || !isfunc(window.matchMedia)
-    ? () => ({ matches: none })
+    ? () => ({ matches: undefined })
     : (q) => window.matchMedia(q);
 export function getCurrentLayout(breakpoints, layouts, defaultLayout) {
     const query = breakpoints.findIndex((q) => mm(q).matches);

package/esm/utils/media.js.map

@@ -1 +1 @@
-{"version":3,"file":"media.js","sourceRoot":"","sources":["../../src/utils/media.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAGjC,MAAM,CAAC,MAAM,cAAc,GAAgB,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;AAE3E,MAAM,CAAC,MAAM,kBAAkB,GAAsB,CAAC,oBAAoB,EAAE,oBAAoB,EAAE,oBAAoB,CAAC,CAAC;AAExH,MAAM,EAAE,GACN,OAAO,MAAM,KAAK,WAAW,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC;IACzD,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IAC3B,CAAC,CAAC,CAAC,CAAS,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;AAE1C,MAAM,UAAU,gBAAgB,CAAI,WAA0B,EAAE,OAAiB,EAAE,aAAgB;IACjG,MAAM,KAAK,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAC1D,MAAM,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAC9B,OAAO,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC;AACvD,CAAC"}
+{"version":3,"file":"media.js","sourceRoot":"","sources":["../../src/utils/media.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAGpC,MAAM,CAAC,MAAM,cAAc,GAAgB,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;AAE3E,MAAM,CAAC,MAAM,kBAAkB,GAAsB,CAAC,oBAAoB,EAAE,oBAAoB,EAAE,oBAAoB,CAAC,CAAC;AAExH,MAAM,EAAE,GACN,OAAO,MAAM,KAAK,WAAW,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC;IACzD,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC,CAAS,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;AAE1C,MAAM,UAAU,gBAAgB,CAAI,WAA0B,EAAE,OAAiB,EAAE,aAAgB;IACjG,MAAM,KAAK,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAC1D,MAAM,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAC9B,OAAO,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC;AACvD,CAAC"}

package/lib/utils/media.js

@@ -2,11 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getCurrentLayout = exports.defaultBreakpoints = exports.defaultLayouts = void 0;
 const piral_base_1 = require("piral-base");
-const helpers_1 = require("./helpers");
 exports.defaultLayouts = ['desktop', 'tablet', 'mobile'];
 exports.defaultBreakpoints = ['(min-width: 991px)', '(min-width: 481px)', '(max-width: 480px)'];
 const mm = typeof window === 'undefined' || !(0, piral_base_1.isfunc)(window.matchMedia)
-    ? () => ({ matches: helpers_1.none })
+    ? () => ({ matches: undefined })
     : (q) => window.matchMedia(q);
 function getCurrentLayout(breakpoints, layouts, defaultLayout) {
     const query = breakpoints.findIndex((q) => mm(q).matches);

package/lib/utils/media.js.map

@@ -1 +1 @@
-{"version":3,"file":"media.js","sourceRoot":"","sources":["../../src/utils/media.ts"],"names":[],"mappings":";;;AAAA,2CAAoC;AACpC,uCAAiC;AAGpB,QAAA,cAAc,GAAgB,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;AAE9D,QAAA,kBAAkB,GAAsB,CAAC,oBAAoB,EAAE,oBAAoB,EAAE,oBAAoB,CAAC,CAAC;AAExH,MAAM,EAAE,GACN,OAAO,MAAM,KAAK,WAAW,IAAI,CAAC,IAAA,mBAAM,EAAC,MAAM,CAAC,UAAU,CAAC;IACzD,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,cAAI,EAAE,CAAC;IAC3B,CAAC,CAAC,CAAC,CAAS,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;AAE1C,SAAgB,gBAAgB,CAAI,WAA0B,EAAE,OAAiB,EAAE,aAAgB;IACjG,MAAM,KAAK,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAC1D,MAAM,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAC9B,OAAO,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC;AACvD,CAAC;AAJD,4CAIC"}
+{"version":3,"file":"media.js","sourceRoot":"","sources":["../../src/utils/media.ts"],"names":[],"mappings":";;;AAAA,2CAAoC;AAGvB,QAAA,cAAc,GAAgB,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;AAE9D,QAAA,kBAAkB,GAAsB,CAAC,oBAAoB,EAAE,oBAAoB,EAAE,oBAAoB,CAAC,CAAC;AAExH,MAAM,EAAE,GACN,OAAO,MAAM,KAAK,WAAW,IAAI,CAAC,IAAA,mBAAM,EAAC,MAAM,CAAC,UAAU,CAAC;IACzD,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC,CAAS,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;AAE1C,SAAgB,gBAAgB,CAAI,WAA0B,EAAE,OAAiB,EAAE,aAAgB;IACjG,MAAM,KAAK,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAC1D,MAAM,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAC9B,OAAO,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC;AACvD,CAAC;AAJD,4CAIC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "piral-core",
-  "version": "0.15.0-alpha.3905",
+  "version": "0.15.0-alpha.3933",
   "description": "The core library for creating a Piral instance.",
   "keywords": [
     "portal",
@@ -48,8 +48,8 @@
   },
   "dependencies": {
     "@dbeining/react-atom": "^4.0.0",
-    "piral-base": "0.15.0-alpha.3905",
-    "piral-debug-utils": "0.15.0-alpha.3905"
+    "piral-base": "0.15.0-alpha.3933",
+    "piral-debug-utils": "0.15.0-alpha.3933"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -79,5 +79,5 @@
     "@libre/atom",
     "@dbeining/react-atom"
   ],
-  "gitHead": "533d09963cfd8c901df797958ca386dbae0286e1"
+  "gitHead": "520a272d09f02543153f1d8b2ae23a3ae10acd6f"
 }

package/src/actions/portal.test.ts

@@ -1,9 +1,30 @@
 import * as React from 'react';
 import { Atom, swap, deref } from '@dbeining/react-atom';
-import { showPortal, destroyPortal } from './portal';
+import { showPortal, destroyPortal, hidePortal, updatePortal } from './portal';
 
 describe('Piral-Core portal actions', () => {
-  it('showPortal adds a portal', () => {
+  it('destroyPortal removes a portal', () => {
+    const children = React.createElement('div');
+    const portal: React.ReactPortal = { key: 'test', children: { children }, type: 'div', props: null };
+
+    const state = Atom.of({
+      portals: { test: { portal } },
+    });
+
+    const ctx: any = {
+      state,
+      dispatch(update) {
+        swap(state, update);
+      },
+    };
+
+    destroyPortal(ctx, 'test');
+    const { portals } = deref(ctx.state);
+    expect(portals).not.toBeNull();
+    expect(portals.test).toBeUndefined();
+  });
+
+  it('hidePortal hides a portal', () => {
     const children = React.createElement('div');
     const newPortal: React.ReactPortal = { key: 'test', children: { children }, type: 'div', props: null };
     const portal: React.ReactPortal = { key: 'toast', children: { children }, type: 'div', props: null };
@@ -19,18 +40,20 @@ describe('Piral-Core portal actions', () => {
       },
     };
 
-    showPortal(ctx, 'test', newPortal);
+    hidePortal(ctx, 'test', newPortal);
     const { portals } = deref(ctx.state);
     expect(portals).not.toBeNull();
     expect(portals.test).not.toBeNull();
   });
 
-  it('destroyPortal removes a portal', () => {
+  it('updatePortal updates a portal', () => {
     const children = React.createElement('div');
-    const portal: React.ReactPortal = { key: 'test', children: { children }, type: 'div', props: null };
+    const current: React.ReactPortal = { key: 'current', children: { children }, type: 'div', props: null };
+    const next: React.ReactPortal = { key: 'next', children: { children }, type: 'div', props: null };
+    const portal: React.ReactPortal = { key: 'toast', children: { children }, type: 'div', props: null };
 
     const state = Atom.of({
-      portals: { test: { portal } },
+      portals: { p1: { portal } },
     });
 
     const ctx: any = {
@@ -40,9 +63,31 @@ describe('Piral-Core portal actions', () => {
       },
     };
 
-    destroyPortal(ctx, 'test');
+    updatePortal(ctx, 'test', current, next);
     const { portals } = deref(ctx.state);
     expect(portals).not.toBeNull();
-    expect(portals.test).toBeUndefined();
+    expect(portals.test).not.toBeNull();
+  });
+
+  it('showPortal adds a portal', () => {
+    const children = React.createElement('div');
+    const newPortal: React.ReactPortal = { key: 'test', children: { children }, type: 'div', props: null };
+    const portal: React.ReactPortal = { key: 'toast', children: { children }, type: 'div', props: null };
+
+    const state = Atom.of({
+      portals: { p1: { portal } },
+    });
+
+    const ctx: any = {
+      state,
+      dispatch(update) {
+        swap(state, update);
+      },
+    };
+
+    showPortal(ctx, 'test', newPortal);
+    const { portals } = deref(ctx.state);
+    expect(portals).not.toBeNull();
+    expect(portals.test).not.toBeNull();
   });
 });

package/src/components/PiralView.test.tsx

@@ -43,7 +43,7 @@ const state = {
 
 (hooks as any).useGlobalState = (select: any) => select(state);
 
-(routes as any).PiralRoutes = ({}) => <StubDashboard />;
+(routes as any).PiralRoutes = ({ }) => <StubDashboard />;
 
 describe('Portal Module', () => {
   it('renders the dashboard / content in layout if loaded without error', () => {

package/src/components/PiralView.tsx

@@ -42,7 +42,7 @@ const PiralProvider: React.FC = ({ children }) => {
 /**
  * The props for the PiralView component.
  */
-export interface PiralViewProps {}
+export interface PiralViewProps { }
 
 /**
  * The component responsible for the generic view of the application.

package/src/createInstance.test.tsx

@@ -11,4 +11,9 @@ describe('Piral-Core createInstance module', () => {
     const instance = createInstance({ async: true });
     expect(instance.options.strategy).toBe(blazingStrategy);
   });
+
+  it('createInstance with empty actions uses the standard strategy', () => {
+    const instance = createInstance({ actions: {} });
+    expect(instance.options.strategy).toBe(standardStrategy);
+  })
 });

package/src/hooks/globalState-server.test.ts

@@ -0,0 +1,41 @@
+/**
+ * @jest-environment node
+ */
+import { useGlobalState } from './globalState';
+
+jest.mock('react', () => {
+  const { Atom } = require('@libre/atom');
+  const state = Atom.of({
+    foo: 5,
+    bar: {
+      qxz: 'hello',
+    },
+    list: [1, 2, 3],
+  });
+  return {
+    createContext: jest.fn(),
+    useContext: () => ({ state }),
+    useState: (v) => [v, jest.fn()],
+    useMemo: (f) => f(),
+    useLayoutEffect: (f) => f(),
+  };
+});
+
+describe('Media Module', () => {
+  it('in here window should be undefined', () => {
+    expect(typeof window).toBe('undefined');
+    const result = useGlobalState((m) => (m as any).foo);
+    expect(result).toBe(5);
+  });
+
+  it('gets full state object', () => {
+    const result = useGlobalState();
+    expect(result).toEqual({
+      foo: 5,
+      bar: {
+        qxz: 'hello',
+      },
+      list: [1, 2, 3],
+    });
+  });
+});

package/src/utils/extension.test.tsx

@@ -9,4 +9,4 @@ describe('Util Extension.', () => {
     const node = mount(<Extension piral={undefined} params={{ title: 'Foo' }} />);
     expect(node.find('b').length).toBe(1);
   });
-});
+});

package/src/utils/guid.test.ts

@@ -1,6 +1,11 @@
-import { generateId } from './guid';
+import { buildName, generateId } from './guid';
 
 describe('Guid Utility Module', () => {
+  it('buildName returns name with its prefix', () => {
+    const result = buildName('Ma', 'Majd');
+    expect(result).toEqual('Ma://Majd');
+  });
+
   it('Generates two consecutive different guids', () => {
     const guid1 = generateId();
     const guid2 = generateId();

package/src/utils/helpers.test.ts

@@ -8,9 +8,61 @@ import {
   prependItems,
   appendItems,
   updateKey,
+  replaceOrAddItem,
+  includeItem,
+  tryParseJson,
+  removeNested,
 } from './helpers';
 
 describe('Helpers Module', () => {
+  it('removeNested removes keys values', () => {
+    const obj = { d: 'test', z: ['test arr'] };
+    const result = removeNested(obj, () => true);
+    const expectedResult = { d: {}, z: {} };
+    expect(result).toEqual(expectedResult);
+  });
+
+  it('removeNested removes keys values with nested arrays', () => {
+    const obj = { z: [['test arr'], ['test arr2']] };
+    const result = removeNested(obj, () => true);
+    const expectedResult = { z: { '0': [], '1': [] } };
+    expect(result).toEqual(expectedResult);
+  });
+
+  it('removeNested splits keys values', () => {
+    const obj = { d: 'test', z: ['test arr'] };
+    const result = removeNested(obj, () => false);
+    const expectedResult = { d: { '0': 't', '1': 'e', '2': 's', '3': 't' }, z: { '0': 'test arr' } };
+    expect(result).toEqual(expectedResult);
+  });
+
+  it('tryParseJson parses a JSON string', () => {
+    const content = '{"result":true, "count":42}';
+    const result = tryParseJson(content);
+    expect(result).toEqual({ result: true, count: 42 });
+  });
+
+  it('tryParseJson return empty object if the content is not valid', () => {
+    const content = '"result":true, "count":42';
+    const result = tryParseJson(content);
+    expect(result).toEqual({});
+  });
+
+  it('includeItem adds an item to array', () => {
+    const result = includeItem([1, 2, 3], 4);
+    expect(result).toEqual([1, 2, 3, 4]);
+  });
+
+  it('replaceOrAddItem replaces the first item', () => {
+    const result = replaceOrAddItem([1, 2, 3], 4, () => true);
+    expect(result).toEqual([4, 2, 3]);
+  });
+
+  it('replaceOrAddItem adds the item the end', () => {
+    const result = replaceOrAddItem([1, 2, 3], 4, () => false);
+    expect(result).toEqual([1, 2, 3, 4]);
+  });
+
   it('prependItem works with an existing array', () => {
     const result = prependItem([1, 2, 3], 4);
     expect(result).toEqual([4, 1, 2, 3]);

package/src/utils/media-server.test.ts

@@ -0,0 +1,13 @@
+/**
+ * @jest-environment node
+ */
+import { getCurrentLayout } from './media';
+
+describe('Media Module', () => {
+  it('in here window should be undefined', () => {
+    expect(typeof window).toBe('undefined');
+    const breakpoints = ['min-width: 200px', 'max-width: 199px'];
+    const result = getCurrentLayout(breakpoints, ['foo', 'bar'], 'qxz');
+    expect(result).toBe('qxz');
+  });
+});

package/src/utils/media.ts

@@ -1,5 +1,4 @@
 import { isfunc } from 'piral-base';
-import { none } from './helpers';
 import { LayoutTypes, LayoutBreakpoints } from '../types';
 
 export const defaultLayouts: LayoutTypes = ['desktop', 'tablet', 'mobile'];
@@ -8,7 +7,7 @@ export const defaultBreakpoints: LayoutBreakpoints = ['(min-width: 991px)', '(mi
 
 const mm =
   typeof window === 'undefined' || !isfunc(window.matchMedia)
-    ? () => ({ matches: none })
+    ? () => ({ matches: undefined })
     : (q: string) => window.matchMedia(q);
 
 export function getCurrentLayout<T>(breakpoints: Array<string>, layouts: Array<T>, defaultLayout: T) {