@micro-graphql/example - npm Package Compare versions

Comparing version 0.2.0-alpha.0 to 1.0.0

lib/hooks/use-render-count.d.ts

+export declare function useRenderCount(name: string): void;
+//# sourceMappingURL=use-render-count.d.ts.map

lib/hooks/use-render-count.d.ts.map

+{"version":3,"file":"use-render-count.d.ts","sourceRoot":"","sources":["../../src/hooks/use-render-count.ts"],"names":[],"mappings":"AAEA,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAMjD"}

lib/hooks/use-render-count.js

+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = require("react");
+function useRenderCount(name) {
+    const countRef = React.useRef(0);
+    countRef.current += 1;
+    // eslint-disable-next-line no-console
+    console.log(`${name} rendered ${countRef.current} time${countRef.current > 1 ? 's' : ''}`);
+}
+exports.useRenderCount = useRenderCount;
+//# sourceMappingURL=use-render-count.js.map

lib/hooks/use-render-count.js.map

+{"version":3,"file":"use-render-count.js","sourceRoot":"","sources":["../../src/hooks/use-render-count.ts"],"names":[],"mappings":";;AAAA,+BAA+B;AAE/B,SAAgB,cAAc,CAAC,IAAY;IAC1C,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACjC,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;IAEtB,sCAAsC;IACtC,OAAO,CAAC,GAAG,CAAC,GAAG,IAAI,aAAa,QAAQ,CAAC,OAAO,QAAQ,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AAC5F,CAAC;AAND,wCAMC"}

lib/components/film-overview.js

@@ -5,3 +5,3 @@ "use strict";
 const React = require("react");
-const core_1 = require("@micro-graphql/core");
+const graphql_tag_1 = require("graphql-tag");
 exports.FilmOverview = ({ film }) => (React.createElement("div", null,
@@ -18,3 +18,3 @@ React.createElement("h2", null,
 exports.FilmOverview.fragments = {
-    film: core_1.frag `
+    film: graphql_tag_1.default `
 		fragment FilmOverview_film on Film {
@@ -21,0 +21,0 @@ title

lib/components/film-overview.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"film-overview.js","sourceRoot":"","sources":["../../src/components/film-overview.tsx"],"names":[],"mappings":";;AAAA,6DAA6D;AAC7D,+BAA+B;AAE/B,8CAA2C;AAc9B,QAAA,YAAY,GAA4B,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAClE;IACC;;QAAa,IAAI,CAAC,SAAS;;QAAK,IAAI,CAAC,KAAK,CAAM;IAChD;QACC,+CAAqB;QACrB,gCAAK,IAAI,CAAC,WAAW,CAAM,CACvB;IACL,wCAAa,IAAI,CAAC,YAAY,CAAc,CACvC,CACN,CAAC;AAEF,oBAAY,CAAC,SAAS,GAAG;IACxB,IAAI,EAAE,WAAI,CAAA;;;;;;;EAOT;CACD,CAAC"}
+{"version":3,"file":"film-overview.js","sourceRoot":"","sources":["../../src/components/film-overview.tsx"],"names":[],"mappings":";;AAAA,6DAA6D;AAC7D,+BAA+B;AAC/B,6CAA8B;AAejB,QAAA,YAAY,GAA4B,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAClE;IACC;;QAAa,IAAI,CAAC,SAAS;;QAAK,IAAI,CAAC,KAAK,CAAM;IAChD;QACC,+CAAqB;QACrB,gCAAK,IAAI,CAAC,WAAW,CAAM,CACvB;IACL,wCAAa,IAAI,CAAC,YAAY,CAAc,CACvC,CACN,CAAC;AAEF,oBAAY,CAAC,SAAS,GAAG;IACxB,IAAI,EAAE,qBAAG,CAAA;;;;;;;EAOR;CACD,CAAC"}

lib/components/film-selector.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = require("react");
-const core_1 = require("@micro-graphql/core");
+const graphql_tag_1 = require("graphql-tag");
 exports.FilmSelector = ({ loading, films, selected, onChange
@@ -19,3 +19,3 @@ // eslint-disable-next-line no-nested-ternary
 exports.FilmSelector.fragments = {
-    films: core_1.frag `
+    films: graphql_tag_1.default `
 		fragment FilmSelector_films on Film {
@@ -22,0 +22,0 @@ id

lib/components/film-selector.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"film-selector.js","sourceRoot":"","sources":["../../src/components/film-selector.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAE/B,8CAA2C;AAe9B,QAAA,YAAY,GAA4B,CAAC,EACrD,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ;AACT,6CAA6C;EAC5C,EAAE,EAAE;IACJ,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,+CAAuB,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAE9F,IAAI,CAAC,KAAK,EAAE;QACX,OAAO,UAAU,CAAC;KAClB;IAED,OAAO,CACN;QACC,+BAAO,OAAO,EAAC,aAAa;;YAAc,UAAU,CAAS;QAC7D,gCAAQ,EAAE,EAAC,aAAa,EAAC,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,IACjE,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAC7B,gCAAQ,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,IAAG,KAAK,CAAU,CAC5C,CAAC,CACM,CACC,CACX,CAAC;AACH,CAAC,CAAC;AAEF,oBAAY,CAAC,SAAS,GAAG;IACxB,KAAK,EAAE,WAAI,CAAA;;;;;EAKV;CACD,CAAC"}
+{"version":3,"file":"film-selector.js","sourceRoot":"","sources":["../../src/components/film-selector.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,6CAA8B;AAgBjB,QAAA,YAAY,GAA4B,CAAC,EACrD,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ;AACT,6CAA6C;EAC5C,EAAE,EAAE;IACJ,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,+CAAuB,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAE9F,IAAI,CAAC,KAAK,EAAE;QACX,OAAO,UAAU,CAAC;KAClB;IAED,OAAO,CACN;QACC,+BAAO,OAAO,EAAC,aAAa;;YAAc,UAAU,CAAS;QAC7D,gCAAQ,EAAE,EAAC,aAAa,EAAC,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,IACjE,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAC7B,gCAAQ,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,IAAG,KAAK,CAAU,CAC5C,CAAC,CACM,CACC,CACX,CAAC;AACH,CAAC,CAAC;AAEF,oBAAY,CAAC,SAAS,GAAG;IACxB,KAAK,EAAE,qBAAG,CAAA;;;;;EAKT;CACD,CAAC"}

lib/pages/home.d.ts.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"home.d.ts","sourceRoot":"","sources":["../../src/pages/home.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuB/B,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAsDxB,CAAC"}
+{"version":3,"file":"home.d.ts","sourceRoot":"","sources":["../../src/pages/home.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAyB/B,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAsDxB,CAAC"}

lib/pages/home.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = require("react");
-const core_1 = require("@micro-graphql/core");
+const graphql_tag_1 = require("graphql-tag");
 const hooks_1 = require("@micro-graphql/hooks");
 const film_overview_1 = require("../components/film-overview");
 const film_selector_1 = require("../components/film-selector");
-const HOME_QUERY = core_1.gql `
+const HOME_QUERY = graphql_tag_1.default `
   query TestQuery($id: ID) {
     film(id: $id) {
 			id
-      ${film_overview_1.FilmOverview.fragments.film}
+      ...FilmOverview_film
     }
@@ -17,6 +17,8 @@ allFilms {
 				id
-        ${film_selector_1.FilmSelector.fragments.films}
+        ...FilmSelector_films
       }
     }
   }
+	${film_overview_1.FilmOverview.fragments.film}
+	${film_selector_1.FilmSelector.fragments.films}
 `;
@@ -29,7 +31,4 @@ exports.Home = () => {
     }, [setEpisodeId]);
-    const { data, errors, loading } = hooks_1.useQuery(React.useMemo(() => ({
-        query: HOME_QUERY,
-        variables: {
-            id: episodeId
-        }
+    const { data, errors, loading } = hooks_1.useQuery(HOME_QUERY, React.useMemo(() => ({
+        id: episodeId
     }), [episodeId]));
@@ -36,0 +35,0 @@ return React.useMemo(() => (React.createElement("section", null,

lib/pages/home.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"home.js","sourceRoot":"","sources":["../../src/pages/home.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAE/B,8CAA0C;AAC1C,gDAAgD;AAEhD,+DAA2D;AAC3D,+DAA2D;AAE3D,MAAM,UAAU,GAAG,UAAG,CAAA;;;;QAId,4BAAY,CAAC,SAAS,CAAC,IAAI;;;;;UAKzB,4BAAY,CAAC,SAAS,CAAC,KAAK;;;;CAIrC,CAAC;AAEW,QAAA,IAAI,GAAa,GAAG,EAAE;IAClC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;IACjE,MAAM,oBAAoB,GAAG,KAAK,CAAC,WAAW,CAC7C,CAAC,KAA2C,EAAQ,EAAE;QACrD,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,YAAY,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IACvC,CAAC,EACD,CAAC,YAAY,CAAC,CACd,CAAC;IAEF,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,gBAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;QAC/D,KAAK,EAAE,UAAU;QACjB,SAAS,EAAE;YACV,EAAE,EAAE,SAAS;SACb;KACD,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAElB,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAC1B;QACC;YACC;gBACC;oBACC;wBACC,uDAA6B,CACzB,CACD,CACA,CACE;QAET;YACC,oBAAC,4BAAY,IACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,IAAI,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,EACnD,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,oBAAoB,GAC7B;YAED,MAAM,IAAI,CACV;gBACC,yCAAe;gBACf;oBACC,kCAAO,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAQ,CACzC,CACJ,CACH;YAEA,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACpB,oBAAC,4BAAY,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,CACjC,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,CACf,qDAA0B,CAC1B,CACQ,CACD,CACV,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;AAC7B,CAAC,CAAC"}
+{"version":3,"file":"home.js","sourceRoot":"","sources":["../../src/pages/home.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,6CAA8B;AAE9B,gDAAgD;AAEhD,+DAA2D;AAC3D,+DAA2D;AAE3D,MAAM,UAAU,GAAG,qBAAG,CAAA;;;;;;;;;;;;;GAanB,4BAAY,CAAC,SAAS,CAAC,IAAI;GAC3B,4BAAY,CAAC,SAAS,CAAC,KAAK;CAC9B,CAAC;AAEW,QAAA,IAAI,GAAa,GAAG,EAAE;IAClC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;IACjE,MAAM,oBAAoB,GAAG,KAAK,CAAC,WAAW,CAC7C,CAAC,KAA2C,EAAQ,EAAE;QACrD,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,YAAY,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IACvC,CAAC,EACD,CAAC,YAAY,CAAC,CACd,CAAC;IAEF,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,gBAAQ,CACzC,UAAU,EACV,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;QACpB,EAAE,EAAE,SAAS;KACb,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAChB,CAAC;IAEF,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAC1B;QACC;YACC;gBACC;oBACC;wBACC,uDAA6B,CACzB,CACD,CACA,CACE;QAET;YACC,oBAAC,4BAAY,IACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,IAAI,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,EACnD,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,oBAAoB,GAC7B;YAED,MAAM,IAAI,CACV;gBACC,yCAAe;gBACf;oBACC,kCAAO,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAQ,CACzC,CACJ,CACH;YAEA,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACpB,oBAAC,4BAAY,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,CACjC,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,CACf,qDAA0B,CAC1B,CACQ,CACD,CACV,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;AAC7B,CAAC,CAAC"}

package.json

 {
   "name": "@micro-graphql/example",
-  "version": "0.2.0-alpha.0",
+  "version": "1.0.0",
   "license": "MIT",
@@ -12,4 +12,4 @@ "main": "lib/index.js",
   "dependencies": {
-    "@micro-graphql/core": "^0.2.0-alpha.0",
-    "@micro-graphql/hooks": "^0.2.0-alpha.0",
+    "@micro-graphql/core": "^1.0.0",
+    "@micro-graphql/hooks": "^1.0.0",
     "@testing-library/react": "^9.4.0",
@@ -16,0 +16,0 @@ "graphql-tag": "^2.10.3",

Fixed alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

322526

73.51%

Number of package files

53

8.16%

Lines of code

487

2.1%

Number of low quality alerts

1

-50%

Dependency changes

• + Added

  @micro-graphql/hooks@1.1.2
  (transitive)

• - Removed

  @micro-graphql/core@0.2.0-alpha.0
  (transitive)

• - Removed

  @micro-graphql/hooks@0.2.0-alpha.0
  (transitive)

• Updated

  @micro-graphql/core@^1.0.0

• Updated

  @micro-graphql/hooks@^1.0.0