@sidiousvic/phantom - npm Package Compare versions

Comparing version 2.1.1 to 2.1.2

CHANGELOG.md

@@ -9,2 +9,6 @@ # Changelog
 
+## [v2.1.2] — 2020.07.21
+
+- [x] Upgraded, renamed, reorganized types from `types/phantomDOM` into `types/phantom`
+
 ## [v2.1.1] — 2020.07.20
@@ -65,3 +69,4 @@
 
-[unreleased]: https://github.com/sidiousvic/phantom/compare/v2.1.0...HEAD
+[unreleased]: https://github.com/sidiousvic/phantom/compare/v2.1.2...HEAD
+[v2.1.2]: https://github.com/sidiousvic/phantom/compare/v2.1.1...v2.1.2
 [v2.1.1]: https://github.com/sidiousvic/phantom/compare/v2.1.0...v2.1.1
@@ -68,0 +73,0 @@ [v2.1.0]: https://github.com/sidiousvic/phantom/compare/v2.0.0...v2.1.0

dist/phantom.js

@@ -272,3 +272,3 @@ (function (global, factory) {
 
-function PHANTOM(phantomStore, PhantomDOM) {
+function PHANTOM(phantomStore, phantomComponent) {
   let phantomDOM = {
@@ -307,3 +307,3 @@ test: {
     <div id="PHANTOM">
-      ${PhantomDOM()}
+      ${phantomComponent()}
     </div> 
@@ -310,0 +310,0 @@ `;

es/phantom.js

@@ -266,3 +266,3 @@ /*
 
-function PHANTOM(phantomStore, PhantomDOM) {
+function PHANTOM(phantomStore, phantomComponent) {
   let phantomDOM = {
@@ -301,3 +301,3 @@ test: {
     <div id="PHANTOM">
-      ${PhantomDOM()}
+      ${phantomComponent()}
     </div> 
@@ -304,0 +304,0 @@ `;

lib/phantom.js

@@ -270,3 +270,3 @@ 'use strict';
 
-function PHANTOM(phantomStore, PhantomDOM) {
+function PHANTOM(phantomStore, phantomComponent) {
   let phantomDOM = {
@@ -305,3 +305,3 @@ test: {
     <div id="PHANTOM">
-      ${PhantomDOM()}
+      ${phantomComponent()}
     </div> 
@@ -308,0 +308,0 @@ `;

package.json

 {
   "name": "@sidiousvic/phantom",
-  "version": "2.1.1",
+  "version": "2.1.2",
   "description": "A state—reactive DOM rendering engine for building UIs. 👻",
@@ -36,3 +36,3 @@ "main": "lib/phantom.js",
     "build": "rollup -c",
-    "preversion": "npm run build && npm test",
+    "preversion": "npm test",
     "postversion": "git push origin --all; git push origin --tags",
@@ -39,0 +39,0 @@ "test": "jest && tsc spec/types.test.ts --noEmit",

src/index.ts

 import phantom from "./phantom";
 import createPhantomStore from "./createPhantomStore";
 // types
+export { PhantomElement, PhantomComponent, PhantomDOM } from "./types/phantom";
 export {
-  PhantomElement,
-  PhantomDOMFunction,
-  PhantomDOM,
-} from "./types/phantomDOM"; // phantomDOM
-export {
   PhantomAction,
   PhantomReducer,
   Subscription,
-} from "./types/phantomStore"; // phantomStore
+} from "./types/phantomStore";
 
 export { createPhantomStore };
 export default phantom;

src/phantom.ts

 import { PhantomStore } from "./types/phantomStore";
-import { Phantom } from "./types/phantom";
-
 import {
-  PhantomDOMFunction,
+  Phantom,
+  PhantomComponent,
   PhantomDOM,
   PhantomElement,
-} from "./types/phantomDOM";
+} from "./types/phantom";
+
 import phantomExorciser from "./phantomExorciser";
 
-function PHANTOM(phantomStore: PhantomStore, PhantomDOM: PhantomDOMFunction) {
+function PHANTOM(
+  phantomStore: PhantomStore,
+  phantomComponent: PhantomComponent
+) {
   let phantomDOM: PhantomDOM = {
@@ -43,3 +46,3 @@ test: {
     <div id="PHANTOM">
-      ${PhantomDOM()}
+      ${phantomComponent()}
     </div> 
@@ -46,0 +49,0 @@ `;

src/types/phantom.ts

@@ -6,6 +6,21 @@ import {
 } from "./phantomStore";
-import { PhantomDOMFunction } from "./phantomDOM";
 
+export type PhantomElement = {
+  tagName: string;
+  attributes: { id?: string | number; class?: string | DOMTokenList };
+  children: PhantomElement[] | [];
+  innerHTML: string;
+  dataset?: DOMTokenList | {};
+};
+
+export type PhantomComponent = {
+  (): string;
+};
+
+export type PhantomDOM = {
+  [key: string]: PhantomElement;
+};
+
 export type Phantom = {
-  (phantomStore: PhantomStore, phantomElement: PhantomDOMFunction): {
+  (phantomStore: PhantomStore, phantomElement: PhantomComponent): {
     fire: FireFunction;
@@ -12,0 +27,0 @@ data: () => any;

types/index.d.ts

 import phantom from "./phantom";
 import createPhantomStore from "./createPhantomStore";
-export { PhantomElement, PhantomDOMFunction, PhantomDOM, } from "./types/phantomDOM";
+export { PhantomElement, PhantomComponent, PhantomDOM } from "./types/phantom";
 export { PhantomAction, PhantomReducer, Subscription, } from "./types/phantomStore";
 export { createPhantomStore };
 export default phantom;

types/types/phantom.d.ts

 import { PhantomStoreCreator, PhantomStore, FireFunction } from "./phantomStore";
-import { PhantomDOMFunction } from "./phantomDOM";
+export declare type PhantomElement = {
+    tagName: string;
+    attributes: {
+        id?: string | number;
+        class?: string | DOMTokenList;
+    };
+    children: PhantomElement[] | [];
+    innerHTML: string;
+    dataset?: DOMTokenList | {};
+};
+export declare type PhantomComponent = {
+    (): string;
+};
+export declare type PhantomDOM = {
+    [key: string]: PhantomElement;
+};
 export declare type Phantom = {
-    (phantomStore: PhantomStore, phantomElement: PhantomDOMFunction): {
+    (phantomStore: PhantomStore, phantomElement: PhantomComponent): {
         fire: FireFunction;
@@ -6,0 +21,0 @@ data: () => any;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

95146

increased by0.03%

Worsened metrics

Number of package files

27

decreased by-6.9%

Lines of code

2106

decreased by-0.14%

No dependency changes