@cycjimmy/hello-github-package-npm 5.0.2 → 6.2.0

package/release.config.cjs

@@ -0,0 +1,17 @@
+/* eslint import/no-extraneous-dependencies: ["error", {"devDependencies": true}] */
+const makeCommonConfig = require('@cycjimmy/config-lib/cjs/semanticRelease/15.x/makeCommonConfig.cjs')
+  .default;
+const pkg = require('./package.json');
+
+module.exports = makeCommonConfig({
+  githubOptions: {
+    assets: [pkg.browser],
+  },
+  exec: true,
+  execOptions: {
+    prepareCmd: 'npm run package',
+  },
+  npmOptions: {
+    pkgRoot: 'package',
+  },
+});

package/rollup/package.cjs

@@ -0,0 +1 @@
+module.exports = require('../package.json');

package/rollup/rollup.common.mjs

@@ -0,0 +1,47 @@
+/* eslint import/no-extraneous-dependencies: ["error", {"devDependencies": true}] */
+/* eslint import/extensions: ["error", "ignorePackages", {"js": off}] */
+import eslint from '@rollup/plugin-eslint';
+import json from '@rollup/plugin-json';
+import resolve from '@rollup/plugin-node-resolve';
+import commonjs from '@rollup/plugin-commonjs';
+import { babel } from '@rollup/plugin-babel';
+import postcss from 'rollup-plugin-postcss';
+import autoprefixer from 'autoprefixer';
+import { terser } from 'rollup-plugin-terser';
+
+import myBanner from '@cycjimmy/config-lib/esm/chore/myBanner.js';
+import terserOption from '@cycjimmy/config-lib/esm/terser/4.x/production.js';
+
+import pkg from './package.cjs';
+
+export const IS_DEVELOPMENT = process.env.NODE_ENV === 'development';
+export const IS_PRODUCTION = process.env.NODE_ENV === 'production';
+export const IS_DEPLOYMENT = process.env.NODE_ENV === 'deployment';
+
+export const input = './src/index.js';
+export const name = 'helloWorld';
+export const banner = myBanner(pkg);
+
+export const plugins = [
+  json(),
+  postcss({
+    modules: {
+      generateScopedName: IS_PRODUCTION ? '[hash:base64:10]' : '[name]__[local]',
+    },
+    autoModules: false,
+    minimize: true,
+    plugins: [autoprefixer],
+  }),
+  eslint({
+    fix: true,
+    exclude: [
+      'node_modules/**',
+      '**/*.(css|scss)',
+    ],
+  }),
+  resolve(),
+  babel({ babelHelpers: 'bundled' }),
+  commonjs(),
+];
+
+export const terserPlugins = IS_PRODUCTION && terser(terserOption);

package/rollup/rollup.config.dev.mjs

@@ -0,0 +1,41 @@
+/* eslint import/no-extraneous-dependencies: ["error", {"devDependencies": true}] */
+/* eslint import/extensions: ["error", "ignorePackages", {"mjs": off}] */
+import browsersync from 'rollup-plugin-browsersync';
+import copy from 'rollup-plugin-copy';
+
+import pkg from './package.cjs';
+
+import {
+  input, IS_DEVELOPMENT, IS_DEPLOYMENT, name, plugins,
+} from './rollup.common.mjs';
+
+export default [
+  {
+    input,
+    output: {
+      name,
+      file: pkg.browser.replace('.min.js', '.js'),
+      format: 'umd',
+      exports: 'default',
+    },
+    plugins: [
+      ...plugins,
+
+      IS_DEPLOYMENT
+        && copy({
+          hook: 'writeBundle',
+          targets: [
+            {
+              src: ['static/**/*', 'dist/**.umd.js'],
+              dest: '.publish',
+            },
+          ],
+        }),
+      IS_DEVELOPMENT
+        && browsersync({
+          server: ['static', 'dist'],
+          watch: true,
+        }),
+    ],
+  },
+];

package/rollup/rollup.config.prod.mjs

@@ -0,0 +1,28 @@
+/* eslint import/extensions: ["error", "ignorePackages", {"mjs": off}] */
+import pkg from './package.cjs';
+
+import {
+  banner, input, name, plugins, terserPlugins,
+} from './rollup.common.mjs';
+
+export default [
+  {
+    input,
+    output: [
+      { file: pkg.main, format: 'cjs', exports: 'default' },
+      { file: pkg.module, format: 'es', exports: 'default' },
+    ],
+    plugins,
+  },
+  {
+    input,
+    output: {
+      name,
+      file: pkg.browser,
+      format: 'umd',
+      banner,
+      exports: 'default',
+    },
+    plugins: [...plugins, terserPlugins],
+  },
+];

package/src/index.js

@@ -0,0 +1,14 @@
+import helloTemplate from './template/helloTemplate';
+import _style from './styles/index.scss';
+
+const helloWorld = () => 'hello world!';
+const helloElement = helloTemplate({
+  message: 'hello world!',
+  _style,
+});
+
+export default {
+  helloWorld,
+  helloElement,
+  _style,
+};

package/src/styles/index.scss

@@ -0,0 +1,22 @@
+@import "~@cycjimmy/sass-lib";
+
+%blackBorder {
+  border: 1px solid black;
+}
+
+.helloWrapper {
+  @extend %flexCenter;
+  width: 500px;
+  height: 300px;
+  margin: auto;
+
+  @extend %blackBorder;
+}
+
+.hello {
+  @extend %flexCenter;
+  width: 80%;
+  height: 80%;
+
+  @extend %blackBorder;
+}

package/src/template/helloTemplate.js

@@ -0,0 +1,5 @@
+export default ({ message, _style }) => `
+<div class="${_style.helloWrapper}">
+  <p class="${_style.hello}">${message}</p>
+</div>
+`;

package/static/index.html

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
+  <link rel="shortcut icon" href="./favicon.ico">
+  <title>Hello World</title>
+</head>
+
+<body>
+<script src="./hello-world.umd.js"></script>
+<script>
+  console.log(helloWorld);
+  document.body.innerHTML += helloWorld.helloElement;
+</script>
+</body>
+</html>

package/tasks/copyFiles.js

@@ -0,0 +1,26 @@
+/* eslint import/no-extraneous-dependencies: ["error", {"devDependencies": true}] */
+/* eslint no-console: 0 */
+import path from 'path';
+import fs from 'fs-extra';
+
+const { copy } = fs;
+
+Promise.resolve()
+  .then(() => copy(
+    path.resolve('dist'),
+    path.resolve('package', 'dist'),
+  ))
+  .then(() => copy(
+    path.resolve('README.md'),
+    path.resolve('package', 'README.md'),
+  ))
+  .then(() => copy(
+    path.resolve('LICENSE'),
+    path.resolve('package', 'LICENSE'),
+  ))
+  .then(() => {
+    console.log('copyFiles success!');
+  })
+  .catch((err) => {
+    console.error(err);
+  });

package/tasks/handlePackageJson.js

@@ -0,0 +1,47 @@
+/* eslint import/no-extraneous-dependencies: ["error", {"devDependencies": true}] */
+/* eslint no-console: 0 */
+import path from 'path';
+import fs from 'fs-extra';
+
+const { readJson, outputJson } = fs;
+
+Promise.resolve()
+  .then(() => readJson(
+    path.resolve('package.json'),
+  ))
+  .then((data) => {
+    const jsonData = data;
+    if (jsonData.scripts) {
+      delete jsonData.scripts;
+    }
+
+    if (jsonData.dependencies) {
+      delete jsonData.dependencies;
+    }
+
+    if (jsonData.devDependencies) {
+      delete jsonData.devDependencies;
+    }
+
+    if (jsonData.publishConfig) {
+      delete jsonData.publishConfig;
+    }
+
+    if (jsonData.config) {
+      delete jsonData.config;
+    }
+
+    return outputJson(
+      path.resolve('package', 'package.json'),
+      jsonData,
+      {
+        spaces: 2,
+      },
+    );
+  })
+  .then(() => {
+    console.log('handlePackageJson success!');
+  })
+  .catch((err) => {
+    console.error(err);
+  });