@riot-material/app-bar-utils - npm Package Compare versions

Comparing version 1.2.1 to 1.3.0

CHANGELOG.md

 # Changelog
 All notable changed to this project will be documented in this file
 
+## [1.3.0] - 2021-10-01
+- emit ts declarations
+- update dependencies
+
 ## [1.2.1] - 2021-07-23
@@ -5,0 +9,0 @@ - change "package.json" entry points

dist/index.es.js

@@ -1,2 +0,21 @@
-var breakpoints = {
+/**
+ * Giuliano Collacchioni: 2020
+ */
+// i punti di interruzione dell'altezza delle barre sono struttati nel seguente modo:
+// {
+//     min-width-1: {
+//         min-height-1: height,
+//         min-height-2: height,
+//         ...,
+//         min-height-n: height
+//     },
+//     ...,
+//     min-width-n: {
+//         min-height-1: height,
+//         min-height-2: height,
+//         ...,
+//         min-height-n: height
+//     }
+// }
+let breakpoints = {
     0: {
@@ -12,21 +31,32 @@ 0: 48,
 };
-var height;
+let height;
 function get_height() {
-    var documentHeight = document.documentElement.clientHeight;
-    var documentWidth = document.documentElement.clientWidth;
-    var barHeight = 48;
-    var heightBreakpoints;
-    Object.entries(breakpoints).some(function (entry) {
-        var minWidth = entry[0], heightBreakpoints_ = entry[1];
-        if (documentWidth < minWidth) {
+    let documentHeight = document.documentElement.clientHeight;
+    let documentWidth = document.documentElement.clientWidth;
+    let barHeight = 48;
+    let heightBreakpoints;
+    // iterazione su tutti i punti di interruzione della larghezza,
+    // per recuperare i punti di interruzzione dell'altezza
+    Object.entries(breakpoints).some(entry => {
+        let [minWidth, heightBreakpoints_] = entry;
+        // se il punto d'interruzione supera la larghezza attuale della finestra
+        // usare i punti di interruzione dell'altezza precedentemente salvati
+        if (documentWidth < parseFloat(minWidth)) {
             return true;
         }
+        // salvataggio dei punti di interruzione dell'altezza
+        // dell'attuale punto di interruzione della larghezza
         heightBreakpoints = heightBreakpoints_;
         return false;
     });
-    Object.entries(heightBreakpoints).some(function (entry) {
-        var minHeight = entry[0], height = entry[1];
-        if (documentHeight < minHeight) {
+    // iterazione su tutti i punti di interruzione dell'altezza,
+    // per impostare l'altezza delle barre
+    Object.entries(heightBreakpoints).some(entry => {
+        let [minHeight, height] = entry;
+        // se il punto di interruzione supera l'altezza attuale della finestra
+        // uscire dalle iterazioni e usare l'ultima altezza delle barre salvata
+        if (documentHeight < parseFloat(minHeight)) {
             return true;
         }
+        // salvataggio dell'altezza delle barre dell'attuale punto di interruzione
         barHeight = height;
@@ -41,4 +71,5 @@ return false;
 }
-var done = false;
-var listeners = [];
+// funzione di setup delle utilità del modulo
+let done = false;
+let listeners = [];
 function setup() {
@@ -48,6 +79,7 @@ if (done) {
     }
+    // associare il calcolo dell'altezza delle barre al ridimensionamento della finestra
     window.addEventListener("resize", function () {
         height = get_height();
-        for (var i = 0; i < listeners.length;) {
-            var actual = listeners[i];
+        for (let i = 0; i < listeners.length;) {
+            let actual = listeners[i];
             actual.listener.call(actual.thisArg);
@@ -67,4 +99,4 @@ if (actual.once) {
     listeners.push({
-        listener: listener,
-        thisArg: thisArg,
+        listener,
+        thisArg,
         once: false
@@ -75,4 +107,4 @@ });
     listeners.push({
-        listener: listener,
-        thisArg: thisArg,
+        listener,
+        thisArg,
         once: true
@@ -82,4 +114,4 @@ });
 function offChange(listener, thisArg) {
-    var index = -1;
-    if (listeners.some(function (l, i) {
+    let index = -1;
+    if (listeners.some((l, i) => {
         if (listener === l.listener &&
@@ -86,0 +118,0 @@ thisArg === l.thisArg) {

dist/index.js

@@ -5,5 +5,24 @@ (function (global, factory) {
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.riotMaterial = global.riotMaterial || {}, global.riotMaterial.appBarUtils = {})));
-}(this, (function (exports) { 'use strict';
+})(this, (function (exports) { 'use strict';
 
-    var breakpoints = {
+    /**
+     * Giuliano Collacchioni: 2020
+     */
+    // i punti di interruzione dell'altezza delle barre sono struttati nel seguente modo:
+    // {
+    //     min-width-1: {
+    //         min-height-1: height,
+    //         min-height-2: height,
+    //         ...,
+    //         min-height-n: height
+    //     },
+    //     ...,
+    //     min-width-n: {
+    //         min-height-1: height,
+    //         min-height-2: height,
+    //         ...,
+    //         min-height-n: height
+    //     }
+    // }
+    let breakpoints = {
         0: {
@@ -19,21 +38,32 @@ 0: 48,
     };
-    var height;
+    let height;
     function get_height() {
-        var documentHeight = document.documentElement.clientHeight;
-        var documentWidth = document.documentElement.clientWidth;
-        var barHeight = 48;
-        var heightBreakpoints;
-        Object.entries(breakpoints).some(function (entry) {
-            var minWidth = entry[0], heightBreakpoints_ = entry[1];
-            if (documentWidth < minWidth) {
+        let documentHeight = document.documentElement.clientHeight;
+        let documentWidth = document.documentElement.clientWidth;
+        let barHeight = 48;
+        let heightBreakpoints;
+        // iterazione su tutti i punti di interruzione della larghezza,
+        // per recuperare i punti di interruzzione dell'altezza
+        Object.entries(breakpoints).some(entry => {
+            let [minWidth, heightBreakpoints_] = entry;
+            // se il punto d'interruzione supera la larghezza attuale della finestra
+            // usare i punti di interruzione dell'altezza precedentemente salvati
+            if (documentWidth < parseFloat(minWidth)) {
                 return true;
             }
+            // salvataggio dei punti di interruzione dell'altezza
+            // dell'attuale punto di interruzione della larghezza
             heightBreakpoints = heightBreakpoints_;
             return false;
         });
-        Object.entries(heightBreakpoints).some(function (entry) {
-            var minHeight = entry[0], height = entry[1];
-            if (documentHeight < minHeight) {
+        // iterazione su tutti i punti di interruzione dell'altezza,
+        // per impostare l'altezza delle barre
+        Object.entries(heightBreakpoints).some(entry => {
+            let [minHeight, height] = entry;
+            // se il punto di interruzione supera l'altezza attuale della finestra
+            // uscire dalle iterazioni e usare l'ultima altezza delle barre salvata
+            if (documentHeight < parseFloat(minHeight)) {
                 return true;
             }
+            // salvataggio dell'altezza delle barre dell'attuale punto di interruzione
             barHeight = height;
@@ -48,4 +78,5 @@ return false;
     }
-    var done = false;
-    var listeners = [];
+    // funzione di setup delle utilità del modulo
+    let done = false;
+    let listeners = [];
     function setup() {
@@ -55,6 +86,7 @@ if (done) {
         }
+        // associare il calcolo dell'altezza delle barre al ridimensionamento della finestra
         window.addEventListener("resize", function () {
             height = get_height();
-            for (var i = 0; i < listeners.length;) {
-                var actual = listeners[i];
+            for (let i = 0; i < listeners.length;) {
+                let actual = listeners[i];
                 actual.listener.call(actual.thisArg);
@@ -74,4 +106,4 @@ if (actual.once) {
         listeners.push({
-            listener: listener,
-            thisArg: thisArg,
+            listener,
+            thisArg,
             once: false
@@ -82,4 +114,4 @@ });
         listeners.push({
-            listener: listener,
-            thisArg: thisArg,
+            listener,
+            thisArg,
             once: true
@@ -89,4 +121,4 @@ });
     function offChange(listener, thisArg) {
-        var index = -1;
-        if (listeners.some(function (l, i) {
+        let index = -1;
+        if (listeners.some((l, i) => {
             if (listener === l.listener &&
@@ -111,2 +143,2 @@ thisArg === l.thisArg) {
 
-})));
+}));

package.json

 {
   "name": "@riot-material/app-bar-utils",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "description": "",
@@ -14,7 +14,7 @@ "main": "dist/index.js",
   "devDependencies": {
-    "@rollup/plugin-typescript": "^8.2.3",
-    "rollup": "^2.53.3",
+    "rollup": "^2.57.0",
+    "rollup-plugin-ts": "^1.4.7",
     "tslib": "^2.3.0",
-    "typescript": "^4.3.5"
+    "typescript": "^4.4.3"
   }
 }

rollup.config.js

@@ -1,2 +0,2 @@
-const typescript = require("@rollup/plugin-typescript");
+const typescript = require("rollup-plugin-ts");
 
@@ -3,0 +3,0 @@ export default [

src/index.ts

@@ -38,10 +38,10 @@ /**
     let barHeight: number = 48;
-    let heightBreakpoints: any;
+    let heightBreakpoints: typeof breakpoints[0];
     // iterazione su tutti i punti di interruzione della larghezza,
     // per recuperare i punti di interruzzione dell'altezza
-    (Object as any).entries(breakpoints).some(entry => {
+    Object.entries(breakpoints).some(entry => {
         let [minWidth, heightBreakpoints_] = entry;
         // se il punto d'interruzione supera la larghezza attuale della finestra
         // usare i punti di interruzione dell'altezza precedentemente salvati
-        if (documentWidth < minWidth) {
+        if (documentWidth < parseFloat(minWidth)) {
             return true;
@@ -56,7 +56,7 @@ }
     // per impostare l'altezza delle barre
-    (Object as any).entries(heightBreakpoints).some(entry => {
+    Object.entries(heightBreakpoints!).some(entry => {
         let [minHeight, height] = entry;
         // se il punto di interruzione supera l'altezza attuale della finestra
         // uscire dalle iterazioni e usare l'ultima altezza delle barre salvata
-        if (documentHeight < minHeight) {
+        if (documentHeight < parseFloat(minHeight)) {
             return true;
@@ -63,0 +63,0 @@ }

tsconfig.json

 {
   "compilerOptions": {
-    /* Basic Options */
-    "target": "es5",                          /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017','ES2018' or 'ESNEXT'. */
-    "module": "esnext",                     /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */
-    "lib": [ "dom", "es2015" ],              /* Specify library files to be included in the compilation. */
-    // "allowJs": true,                       /* Allow javascript files to be compiled. */
-    // "checkJs": true,                       /* Report errors in .js files. */
-    // "jsx": "preserve",                     /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */
-    // "declaration": true,                   /* Generates corresponding '.d.ts' file. */
-    // "declarationMap": true,                /* Generates a sourcemap for each corresponding '.d.ts' file. */
-    // "sourceMap": true,                     /* Generates corresponding '.map' file. */
-    // "outFile": "./",                       /* Concatenate and emit output to single file. */
-    // "outDir": "../www",                        /* Redirect output structure to the directory. */
-    // "rootDir": "./",                       /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */
-    // "composite": true,                     /* Enable project compilation */
-    "removeComments": true,                /* Do not emit comments to output. */
-    // "noEmit": true,                        /* Do not emit outputs. */
-    // "importHelpers": true,                 /* Import emit helpers from 'tslib'. */
-    // "downlevelIteration": true,            /* Provide full support for iterables in 'for-of', spread, and destructuring when targeting 'ES5' or 'ES3'. */
-    // "isolatedModules": true,               /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */
+    /* Visit https://aka.ms/tsconfig.json to read more about this file */
 
-    /* Strict Type-Checking Options */
-    "strict": true,                           /* Enable all strict type-checking options. */
-    "noImplicitAny": false,                 /* Raise error on expressions and declarations with an implied 'any' type. */
-    // "strictNullChecks": true,              /* Enable strict null checks. */
-    // "strictFunctionTypes": true,           /* Enable strict checking of function types. */
-    // "strictPropertyInitialization": true,  /* Enable strict checking of property initialization in classes. */
-    // "noImplicitThis": true,                /* Raise error on 'this' expressions with an implied 'any' type. */
-    // "alwaysStrict": true,                  /* Parse in strict mode and emit "use strict" for each source file. */
+    /* Projects */
+    // "incremental": true,                              /* Enable incremental compilation */
+    // "composite": true,                                /* Enable constraints that allow a TypeScript project to be used with project references. */
+    // "tsBuildInfoFile": "./",                          /* Specify the folder for .tsbuildinfo incremental compilation files. */
+    // "disableSourceOfProjectReferenceRedirect": true,  /* Disable preferring source files instead of declaration files when referencing composite projects */
+    // "disableSolutionSearching": true,                 /* Opt a project out of multi-project reference checking when editing. */
+    // "disableReferencedProjectLoad": true,             /* Reduce the number of projects loaded automatically by TypeScript. */
 
-    /* Additional Checks */
-    // "noUnusedLocals": true,                /* Report errors on unused locals. */
-    // "noUnusedParameters": true,            /* Report errors on unused parameters. */
-    // "noImplicitReturns": true,             /* Report error when not all code paths in function return a value. */
-    // "noFallthroughCasesInSwitch": true,    /* Report errors for fallthrough cases in switch statement. */
+    /* Language and Environment */
+    "target": "ESNext",                                  /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */
+    // "lib": [],                                        /* Specify a set of bundled library declaration files that describe the target runtime environment. */
+    // "jsx": "preserve",                                /* Specify what JSX code is generated. */
+    // "experimentalDecorators": true,                   /* Enable experimental support for TC39 stage 2 draft decorators. */
+    // "emitDecoratorMetadata": true,                    /* Emit design-type metadata for decorated declarations in source files. */
+    // "jsxFactory": "",                                 /* Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h' */
+    // "jsxFragmentFactory": "",                         /* Specify the JSX Fragment reference used for fragments when targeting React JSX emit e.g. 'React.Fragment' or 'Fragment'. */
+    // "jsxImportSource": "",                            /* Specify module specifier used to import the JSX factory functions when using `jsx: react-jsx*`.` */
+    // "reactNamespace": "",                             /* Specify the object invoked for `createElement`. This only applies when targeting `react` JSX emit. */
+    // "noLib": true,                                    /* Disable including any library files, including the default lib.d.ts. */
+    // "useDefineForClassFields": true,                  /* Emit ECMAScript-standard-compliant class fields. */
 
-    /* Module Resolution Options */
-    "moduleResolution": "node",            /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */
-    "baseUrl": "./",                       /* Base directory to resolve non-absolute module names. */
-    "paths": {},                           /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */
-    // "rootDirs": [],                        /* List of root folders whose combined content represents the structure of the project at runtime. */
-    // "typeRoots": [],                       /* List of folders to include type definitions from. */
-    "types": [],                           /* Type declaration files to be included in compilation. */
-    // "allowSyntheticDefaultImports": true,  /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */
-    "esModuleInterop": true,                  /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */
-    // "preserveSymlinks": true,              /* Do not resolve the real path of symlinks. */
+    /* Modules */
+    "module": "ESNext",                                  /* Specify what module code is generated. */
+    // "rootDir": "./",                                  /* Specify the root folder within your source files. */
+    "moduleResolution": "node",                          /* Specify how TypeScript looks up a file from a given module specifier. */
+    // "baseUrl": "./",                                  /* Specify the base directory to resolve non-relative module names. */
+    // "paths": {},                                      /* Specify a set of entries that re-map imports to additional lookup locations. */
+    // "rootDirs": [],                                   /* Allow multiple folders to be treated as one when resolving modules. */
+    // "typeRoots": [],                                  /* Specify multiple folders that act like `./node_modules/@types`. */
+    // "types": [],                                      /* Specify type package names to be included without being referenced in a source file. */
+    // "allowUmdGlobalAccess": true,                     /* Allow accessing UMD globals from modules. */
+    // "resolveJsonModule": true,                        /* Enable importing .json files */
+    // "noResolve": true,                                /* Disallow `import`s, `require`s or `<reference>`s from expanding the number of files TypeScript should add to a project. */
 
-    /* Source Map Options */
-    // "sourceRoot": "./",                    /* Specify the location where debugger should locate TypeScript files instead of source locations. */
-    // "mapRoot": "./",                       /* Specify the location where debugger should locate map files instead of generated locations. */
-    // "inlineSourceMap": true,               /* Emit a single file with source maps instead of having a separate file. */
-    // "inlineSources": true,                 /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */
+    /* JavaScript Support */
+    // "allowJs": true,                                  /* Allow JavaScript files to be a part of your program. Use the `checkJS` option to get errors from these files. */
+    // "checkJs": true,                                  /* Enable error reporting in type-checked JavaScript files. */
+    // "maxNodeModuleJsDepth": 1,                        /* Specify the maximum folder depth used for checking JavaScript files from `node_modules`. Only applicable with `allowJs`. */
 
-    /* Experimental Options */
-    "experimentalDecorators": true,        /* Enables experimental support for ES7 decorators. */
-    // "emitDecoratorMetadata": true,         /* Enables experimental support for emitting type metadata for decorators. */
+    /* Emit */
+    "declaration": true,                                 /* Generate .d.ts files from TypeScript and JavaScript files in your project. */
+    // "declarationMap": true,                           /* Create sourcemaps for d.ts files. */
+    // "emitDeclarationOnly": true,                      /* Only output d.ts files and not JavaScript files. */
+    // "sourceMap": true,                                /* Create source map files for emitted JavaScript files. */
+    // "outFile": "./",                                  /* Specify a file that bundles all outputs into one JavaScript file. If `declaration` is true, also designates a file that bundles all .d.ts output. */
+    // "outDir": "./",                                   /* Specify an output folder for all emitted files. */
+    // "removeComments": true,                           /* Disable emitting comments. */
+    // "noEmit": true,                                   /* Disable emitting files from a compilation. */
+    // "importHelpers": true,                            /* Allow importing helper functions from tslib once per project, instead of including them per-file. */
+    // "importsNotUsedAsValues": "remove",               /* Specify emit/checking behavior for imports that are only used for types */
+    // "downlevelIteration": true,                       /* Emit more compliant, but verbose and less performant JavaScript for iteration. */
+    // "sourceRoot": "",                                 /* Specify the root path for debuggers to find the reference source code. */
+    // "mapRoot": "",                                    /* Specify the location where debugger should locate map files instead of generated locations. */
+    // "inlineSourceMap": true,                          /* Include sourcemap files inside the emitted JavaScript. */
+    // "inlineSources": true,                            /* Include source code in the sourcemaps inside the emitted JavaScript. */
+    // "emitBOM": true,                                  /* Emit a UTF-8 Byte Order Mark (BOM) in the beginning of output files. */
+    // "newLine": "crlf",                                /* Set the newline character for emitting files. */
+    // "stripInternal": true,                            /* Disable emitting declarations that have `@internal` in their JSDoc comments. */
+    // "noEmitHelpers": true,                            /* Disable generating custom helper functions like `__extends` in compiled output. */
+    // "noEmitOnError": true,                            /* Disable emitting files if any type checking errors are reported. */
+    // "preserveConstEnums": true,                       /* Disable erasing `const enum` declarations in generated code. */
+    // "declarationDir": "./",                           /* Specify the output directory for generated declaration files. */
+
+    /* Interop Constraints */
+    // "isolatedModules": true,                          /* Ensure that each file can be safely transpiled without relying on other imports. */
+    // "allowSyntheticDefaultImports": true,             /* Allow 'import x from y' when a module doesn't have a default export. */
+    "esModuleInterop": true,                             /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables `allowSyntheticDefaultImports` for type compatibility. */
+    // "preserveSymlinks": true,                         /* Disable resolving symlinks to their realpath. This correlates to the same flag in node. */
+    "forceConsistentCasingInFileNames": true,            /* Ensure that casing is correct in imports. */
+
+    /* Type Checking */
+    "strict": true,                                      /* Enable all strict type-checking options. */
+    // "noImplicitAny": true,                            /* Enable error reporting for expressions and declarations with an implied `any` type.. */
+    // "strictNullChecks": true,                         /* When type checking, take into account `null` and `undefined`. */
+    // "strictFunctionTypes": true,                      /* When assigning functions, check to ensure parameters and the return values are subtype-compatible. */
+    // "strictBindCallApply": true,                      /* Check that the arguments for `bind`, `call`, and `apply` methods match the original function. */
+    // "strictPropertyInitialization": true,             /* Check for class properties that are declared but not set in the constructor. */
+    // "noImplicitThis": true,                           /* Enable error reporting when `this` is given the type `any`. */
+    // "useUnknownInCatchVariables": true,               /* Type catch clause variables as 'unknown' instead of 'any'. */
+    // "alwaysStrict": true,                             /* Ensure 'use strict' is always emitted. */
+    // "noUnusedLocals": true,                           /* Enable error reporting when a local variables aren't read. */
+    // "noUnusedParameters": true,                       /* Raise an error when a function parameter isn't read */
+    // "exactOptionalPropertyTypes": true,               /* Interpret optional property types as written, rather than adding 'undefined'. */
+    // "noImplicitReturns": true,                        /* Enable error reporting for codepaths that do not explicitly return in a function. */
+    // "noFallthroughCasesInSwitch": true,               /* Enable error reporting for fallthrough cases in switch statements. */
+    // "noUncheckedIndexedAccess": true,                 /* Include 'undefined' in index signature results */
+    // "noImplicitOverride": true,                       /* Ensure overriding members in derived classes are marked with an override modifier. */
+    // "noPropertyAccessFromIndexSignature": true,       /* Enforces using indexed accessors for keys declared using an indexed type */
+    // "allowUnusedLabels": true,                        /* Disable error reporting for unused labels. */
+    // "allowUnreachableCode": true,                     /* Disable error reporting for unreachable code. */
+
+    /* Completeness */
+    // "skipDefaultLibCheck": true,                      /* Skip type checking .d.ts files that are included with TypeScript. */
+    "skipLibCheck": true                                 /* Skip type checking all .d.ts files. */
   }
-}
+}

No alert changes

Improved metrics

Total package byte prevSize

27083

51.05%

Number of package files

10

25%

Lines of code

503

29.64%

No dependency changes