@soleil-se/build-app 1.1.0 → 1.2.1

package/LICENSE.md

@@ -0,0 +1 @@
+(c) Copyright 2021 Soleil AB, all rights reserved.

package/config.js

@@ -1,11 +1,8 @@
 import config from '@soleil-se/build-config';
 
 import fse from 'fs-extra';
-import { createRequire } from 'module';
 import { dirname } from 'path';
 
-const require = createRequire(import.meta.url);
-
 function readManifestFile() {
   if (fse.existsSync('./manifest.json')) return fse.readJsonSync('./manifest.json');
   if (fse.existsSync('./src/manifest.json')) return fse.readJsonSync('./src/manifest.json');
@@ -65,5 +62,3 @@ const folders = [
 
 export const watchPaths = folders.map((folder) => `${folder}/**/*`).concat('./manifest.json');
 export const eslintPaths = folders.map((folder) => `${folder}/**/*.{js,svelte}`);
-
-export const { version: buildVersion } = require('./package.json');

package/index.js

@@ -2,11 +2,11 @@ import args from '@soleil-se/build-utils/args';
 import runTasks from '@soleil-se/build-utils/runTasks';
 import task from '@soleil-se/build-utils/task';
 import watch from '@soleil-se/build-utils/watch';
-import { getTimestamp, logError, logInfo } from '@soleil-se/build-utils/log';
+import { getTimestamp, logError, logInfo, logStartup } from '@soleil-se/build-utils/log';
 import chalk from 'chalk';
 
 import {
-  input, type, manifest, env, projectRoot, buildVersion, rollup, watchPaths, eslintPaths,
+  input, type, manifest, env, projectRoot, rollup, watchPaths, eslintPaths,
 } from './config.js';
 
 import { clean, copy, files, zip, eslint } from './utils/index.js';
@@ -19,7 +19,7 @@ const zipPath = `./dist/${manifest.id}-${manifest.version}.zip`;
 
 async function main() {
   console.log(getTimestamp(), `${manifest.name} (${manifest.id})`);
-  console.log(getTimestamp(), chalk.green('Starting'), '@soleil-se/sv-app-build', chalk.green('version'), chalk.green(chalk.underline(buildVersion)));
+  logStartup(import.meta.url);
   logInfo(`Using ${chalk.white('project_config.json')} in ${chalk.white(projectRoot)}`);
   const tasks = [
     task('clean', clean({ dir: './dist' })),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soleil-se/build-app",
-  "version": "1.1.0",
+  "version": "1.2.1",
   "bin": {
     "build-app": "./bin/index.js",
     "sv-app-build": "./bin/index.js"
@@ -14,38 +14,39 @@
   },
   "homepage": "https://docs.soleil.se/build/app",
   "dependencies": {
-    "@babel/core": "7.17.3",
+    "@babel/core": "7.17.5",
     "@babel/preset-env": "7.16.11",
     "@rollup/plugin-alias": "3.1.9",
-    "@rollup/plugin-babel": "5.3.0",
-    "@rollup/plugin-commonjs": "21.0.1",
+    "@rollup/plugin-babel": "5.3.1",
+    "@rollup/plugin-commonjs": "21.0.2",
     "@rollup/plugin-json": "4.1.0",
     "@rollup/plugin-node-resolve": "13.1.3",
-    "@rollup/plugin-replace": "3.1.0",
+    "@rollup/plugin-replace": "4.0.0",
     "@soleil-se/build-config": "1.1.1",
-    "@soleil-se/build-utils": "1.3.0",
+    "@soleil-se/build-utils": "1.4.0",
     "archiver": "5.3.0",
-    "autoprefixer": "^10.4.2",
-    "babel-plugin-transform-async-to-promises": "^0.8.18",
+    "autoprefixer": "10.4.2",
+    "babel-plugin-transform-async-to-promises": "0.8.18",
     "chalk": "5.0.0",
     "find-up": "6.3.0",
     "form-data": "4.0.0",
-    "fs-extra": "10.0.0",
+    "fs-extra": "10.0.1",
     "got": "12.0.1",
+    "gzip-size": "7.0.0",
     "lodash-es": "4.17.21",
-    "postcss": "8.4.6",
-    "postcss-discard-duplicates": "^5.0.3",
-    "postcss-pxtorem": "^6.0.0",
-    "rollup": "2.67.2",
+    "postcss": "8.4.7",
+    "postcss-discard-duplicates": "5.1.0",
+    "postcss-pxtorem": "6.0.0",
+    "pretty-bytes": "6.0.0",
+    "rollup": "2.68.0",
     "rollup-plugin-cleanup": "3.2.1",
-    "rollup-plugin-filesize": "9.1.2",
-    "rollup-plugin-insert": "^1.3.2",
+    "rollup-plugin-insert": "1.3.2",
     "rollup-plugin-postcss": "4.0.2",
     "rollup-plugin-string": "3.0.0",
     "rollup-plugin-svelte": "7.1.0",
     "rollup-plugin-terser": "7.0.2",
     "slash": "4.0.0",
-    "svelte-preprocess": "4.10.3"
+    "svelte-preprocess": "4.10.4"
   },
   "devDependencies": {
     "svelte": "3.46.4"

package/rollup/client.js

@@ -3,7 +3,6 @@ import json from '@rollup/plugin-json';
 
 import fse from 'fs-extra';
 
-import generateBanner from './utils/generateBanner.js';
 import moveCss from './utils/moveCss.js';
 import onwarn from './utils/onwarn.js';
 import getSitevisionClientPackages from './utils/getSitevisionClientPackages.js';
@@ -15,11 +14,12 @@ import getCommonjsPlugin from './api/getCommonjsPlugin.js';
 import getNodeResolvePlugin from './api/getNodeResolvePlugin.js';
 import getSveltePlugin from './api/getSveltePlugin.js';
 import getPostcssPlugin from './api/getPostcssPlugin.js';
-import getFilesizePlugin from './api/getFilesizePlugin.js';
 import getTerserPlugin from './api/getTerserPlugin.js';
-import sitevision from './plugins/sitevision-client.js';
 import getInsertPlugin from './api/getInsertPlugin.js';
 
+import sitevision from './plugins/sitevisionClient.js';
+import bundleSize from './plugins/bundleSize.js';
+
 export default function rollupClient({
   debug,
   globals = {},
@@ -53,7 +53,7 @@ export default function rollupClient({
       getPostcssPlugin({ cssOutput, debug }),
       getBabelClientPlugin(),
       json(),
-      getFilesizePlugin({ showSize }),
+      showSize && bundleSize(),
       getTerserPlugin({ debug }),
     ];
 
@@ -69,7 +69,6 @@ export default function rollupClient({
       bundleCache = cache && bundle.cache;
       await bundle.write({
         file: output,
-        banner: debug && generateBanner(),
         globals,
         format: bundled ? 'amd' : 'iife',
         sourcemap: debug ? 'inline' : false,

package/rollup/plugins/bundleSize.js

@@ -0,0 +1,21 @@
+import { basename } from 'path';
+import { gzipSizeSync } from 'gzip-size';
+import prettyBytes from 'pretty-bytes';
+import chalk from 'chalk';
+
+import { getTimestamp } from '@soleil-se/build-utils/log';
+
+export default function bundleSize() {
+  return {
+    name: 'rollup-plugin-bundle-size',
+    generateBundle({ file }, bundle) {
+      const asset = basename(file);
+      const { code } = bundle[asset];
+
+      const original = prettyBytes(code.length);
+      const gzipped = prettyBytes(gzipSizeSync(code));
+
+      console.log(getTimestamp(), `${chalk.green('Created bundle')} ${file}: ${chalk.yellow(original)} → ${chalk.greenBright(gzipped)} (gzip)`);
+    },
+  };
+}

package/rollup/plugins/{sitevision-client.js → sitevisionClient.js}

@@ -1,4 +1,4 @@
-export default function sitevision() {
+export default function sitevisionClient() {
   const ignored = [];
 
   function isSitevisionScope(id) {
@@ -17,7 +17,7 @@ export default function sitevision() {
   }
 
   return {
-    name: 'sitevision-imports',
+    name: 'rollup-plugin-sitevision-client',
     resolveId(importee) {
       if (shouldResolve(importee)) {
         // Should be handled as usual.

package/rollup/plugins/{sitevision-server.js → sitevisionServer.js}

@@ -18,7 +18,7 @@ const sitevisionPackages = [
   'cache',
 ];
 
-export default function sitevision() {
+export default function sitevisionServer() {
   const ignored = [];
 
   function startsWithUpperCase(id) {
@@ -52,7 +52,7 @@ export default function sitevision() {
   }
 
   return {
-    name: 'sitevision-imports',
+    name: 'rollup-plugin-sitevision-server',
     resolveId(importee) {
       if (shouldResolve(importee)) {
         // Should be handled as usual.

package/rollup/server.js

@@ -5,10 +5,8 @@ import cleanup from 'rollup-plugin-cleanup';
 
 import fse from 'fs-extra';
 
-import generateBanner from './utils/generateBanner.js';
 import moveCss from './utils/moveCss.js';
 import onwarn from './utils/onwarn.js';
-import sitevision from './plugins/sitevision-server.js';
 
 import { getReplaceServerPlugin } from './api/getReplacePlugin.js';
 import { getAliasServerPlugin } from './api/getAliasPlugin.js';
@@ -20,6 +18,8 @@ import getSveltePlugin from './api/getSveltePlugin.js';
 import getPostcssPlugin from './api/getPostcssPlugin.js';
 import getTerserPlugin from './api/getTerserPlugin.js';
 
+import sitevision from './plugins/sitevisionServer.js';
+
 export default function rollupServer({
   debug,
   input,
@@ -62,7 +62,6 @@ export default function rollupServer({
       bundleCache = cache && bundle.cache;
       await bundle.write({
         file: output,
-        banner: debug && generateBanner(),
         intro: 'var Promise = Promise || { resolve: () => {} };',
         format: 'iife',
       });

package/utils/eslint.js

@@ -16,7 +16,7 @@ export default function createESLint({ src }) {
       logNotInstalledWarning();
     }
     if (ESLint) {
-      const eslint = new ESLint();
+      const eslint = new ESLint({ errorOnUnmatchedPattern: false });
       const formatter = await eslint.loadFormatter();
       const results = await eslint.lintFiles(src);
       const errors = ESLint.getErrorResults(results);

package/rollup/api/getFilesizePlugin.js

@@ -1,5 +0,0 @@
-import filesize from 'rollup-plugin-filesize';
-
-export default function getFilesizePlugin({ showSize }) {
-  return showSize ? filesize() : false;
-}

package/rollup/utils/generateBanner.js

@@ -1,9 +0,0 @@
-import { template } from 'lodash-es';
-import fse from 'fs-extra';
-import config from '@soleil-se/build-config';
-
-const { name, version } = fse.readJSONSync(new URL('../../package.json', import.meta.url));
-
-export default function generateBanner() {
-  return template(config.banner)({ date: new Date(), build: `${name} - ${version}` });
-}