Skip to content

Commit f93ff14

Browse files
frankpaganfrankpagan
committed
feat: Initial Release
1 parent eec296f commit f93ff14

File tree

6 files changed

+126
-72
lines changed

6 files changed

+126
-72
lines changed

‎.github/workflows/automation.yml‎

Lines changed: 13 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -3,28 +3,28 @@ name: CI
33
on:
44
push:
55
branches:
6-
- master
6+
- master
77
pull_request:
88
branches:
9-
- master
9+
- master
1010
create:
1111
branches:
12-
- master
12+
- master
1313

1414
jobs:
15-
updateKeyword:
15+
about:
1616
runs-on: ubuntu-latest
1717
steps:
1818
- name: Checkout
1919
uses: actions/checkout@v2
20-
20+
2121
- name: Jaid/action-sync-node-meta
2222
uses: jaid/action-sync-node-meta@v1.4.0
2323
with:
2424
direction: overwrite-github # default is overwrite-file
2525
githubToken: ${{ secrets.GITHUB }}
26-
27-
ci:
26+
27+
release:
2828
runs-on: ubuntu-latest
2929
steps:
3030
- name: Checkout
@@ -41,27 +41,26 @@ jobs:
4141
@semantic-release/github
4242
env:
4343
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
44-
NPM_TOKEN: ${{ secrets.NPM_TOKEN }} # Auto Changog generator
45-
44+
NPM_TOKEN: ${{ secrets.NPM_TOKEN }} # Auto Changog generator
45+
4646
docs:
4747
runs-on: ubuntu-latest
4848
steps:
4949
- name: Checkout
5050
uses: actions/checkout@v2
51-
51+
5252
- name: update documentation
5353
uses: CoCreate-app/CoCreate-docs@master
54-
55-
54+
5655
cdn:
5756
runs-on: ubuntu-latest
5857
steps:
5958
- name: Checkout
6059
uses: actions/checkout@v2
61-
60+
6261
- name: upload cdn
6362
uses: CoCreate-app/CoCreate-s3@master
6463
with:
6564
aws-key-id: ${{ secrets.AWSACCESSKEYID }}
6665
aws-access-key: ${{ secrets.AWSSECERTACCESSKEY }}
67-
source: './dist/CoCreate-parallax.min.js'
66+
source: "./dist/CoCreate-parallax.min.js"

‎dist/CoCreate-parallax.js‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -91,20 +91,20 @@ return /******/ (function(modules) { // webpackBootstrap
9191
/******/
9292
/******/
9393
/******/ // Load entry module and return exports
94-
/******/ return __webpack_require__(__webpack_require__.s = "../CoCreate-components/CoCreate-parallax/src/CoCreate-parallax.js");
94+
/******/ return __webpack_require__(__webpack_require__.s = "../CoCreate-components/CoCreate-parallax/src/index.js");
9595
/******/ })
9696
/************************************************************************/
9797
/******/ ({
9898

99-
/***/ "../CoCreate-components/CoCreate-parallax/src/CoCreate-parallax.js":
100-
/*!*************************************************************************!*\
101-
!*** ../CoCreate-components/CoCreate-parallax/src/CoCreate-parallax.js ***!
102-
\*************************************************************************/
103-
/*! exports provided: default */
104-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
99+
/***/ "../CoCreate-components/CoCreate-parallax/src/index.js":
100+
/*!*************************************************************!*\
101+
!*** ../CoCreate-components/CoCreate-parallax/src/index.js ***!
102+
\*************************************************************/
103+
/*! no static exports found */
104+
/***/ (function(module, exports, __webpack_require__) {
105105

106106
"use strict";
107-
eval("__webpack_require__.r(__webpack_exports__);\nfunction CoCreateParallax() {\n var parallaxEls = document.getElementsByClassName(\"parallax\");\n\n for (var i = 0; i < parallaxEls.length; i++) {\n var parallaxEl = parallaxEls.item(i);\n parallaxEl.style.backgroundImage = 'url(' + parallaxEl.getAttribute('data-parallax_src') + ')';\n parallaxEl.style.height = parallaxEl.getAttribute('data-parallax_height');\n }\n}\n\nCoCreateParallax();\n/* harmony default export */ __webpack_exports__[\"default\"] = (CoCreateParallax);//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9Db0NyZWF0ZS5wYXJhbGxheC8uLi9Db0NyZWF0ZS1jb21wb25lbnRzL0NvQ3JlYXRlLXBhcmFsbGF4L3NyYy9Db0NyZWF0ZS1wYXJhbGxheC5qcz80MjNmIl0sIm5hbWVzIjpbIkNvQ3JlYXRlUGFyYWxsYXgiLCJwYXJhbGxheEVscyIsImRvY3VtZW50IiwiZ2V0RWxlbWVudHNCeUNsYXNzTmFtZSIsImkiLCJsZW5ndGgiLCJwYXJhbGxheEVsIiwiaXRlbSIsInN0eWxlIiwiYmFja2dyb3VuZEltYWdlIiwiZ2V0QXR0cmlidXRlIiwiaGVpZ2h0Il0sIm1hcHBpbmdzIjoiQUFDQTtBQUFBLFNBQVNBLGdCQUFULEdBQ0k7QUFDRSxNQUFJQyxXQUFXLEdBQUdDLFFBQVEsQ0FBQ0Msc0JBQVQsQ0FBZ0MsVUFBaEMsQ0FBbEI7O0FBRUYsT0FBSyxJQUFJQyxDQUFDLEdBQUMsQ0FBWCxFQUFjQSxDQUFDLEdBQUNILFdBQVcsQ0FBQ0ksTUFBNUIsRUFBb0NELENBQUMsRUFBckMsRUFBeUM7QUFDckMsUUFBSUUsVUFBVSxHQUFHTCxXQUFXLENBQUNNLElBQVosQ0FBaUJILENBQWpCLENBQWpCO0FBRUFFLGNBQVUsQ0FBQ0UsS0FBWCxDQUFpQkMsZUFBakIsR0FBbUMsU0FBT0gsVUFBVSxDQUFDSSxZQUFYLENBQXdCLG1CQUF4QixDQUFQLEdBQW9ELEdBQXZGO0FBQ0FKLGNBQVUsQ0FBQ0UsS0FBWCxDQUFpQkcsTUFBakIsR0FBMEJMLFVBQVUsQ0FBQ0ksWUFBWCxDQUF3QixzQkFBeEIsQ0FBMUI7QUFDRjtBQUVEOztBQUVEVixnQkFBZ0I7QUFDTEEsK0VBQWYiLCJmaWxlIjoiLi4vQ29DcmVhdGUtY29tcG9uZW50cy9Db0NyZWF0ZS1wYXJhbGxheC9zcmMvQ29DcmVhdGUtcGFyYWxsYXguanMuanMiLCJzb3VyY2VzQ29udGVudCI6WyJcbmZ1bmN0aW9uIENvQ3JlYXRlUGFyYWxsYXgoKVxuICAgIHtcbiAgICAgIHZhciBwYXJhbGxheEVscyA9IGRvY3VtZW50LmdldEVsZW1lbnRzQnlDbGFzc05hbWUoXCJwYXJhbGxheFwiKTtcbiAgICBcbiAgICBmb3IgKHZhciBpPTA7IGk8cGFyYWxsYXhFbHMubGVuZ3RoOyBpKyspIHtcbiAgICBcdFx0ICB2YXIgcGFyYWxsYXhFbCA9IHBhcmFsbGF4RWxzLml0ZW0oaSk7XG4gICAgXHRcdCAgXG4gICAgXHRcdCAgcGFyYWxsYXhFbC5zdHlsZS5iYWNrZ3JvdW5kSW1hZ2UgPSAndXJsKCcrcGFyYWxsYXhFbC5nZXRBdHRyaWJ1dGUoJ2RhdGEtcGFyYWxsYXhfc3JjJykrJyknO1xuICAgIFx0XHQgIHBhcmFsbGF4RWwuc3R5bGUuaGVpZ2h0ID0gcGFyYWxsYXhFbC5nZXRBdHRyaWJ1dGUoJ2RhdGEtcGFyYWxsYXhfaGVpZ2h0Jyk7XG4gICAgXHR9XG4gICAgXHRcbiAgICB9XG4gICAgXG4gICAgQ29DcmVhdGVQYXJhbGxheCgpO1xuZXhwb3J0IGRlZmF1bHQgQ29DcmVhdGVQYXJhbGxheDsiXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../CoCreate-components/CoCreate-parallax/src/CoCreate-parallax.js\n");
107+
eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nfunction CoCreateParallax() {\n var parallaxEls = document.getElementsByClassName(\"parallax\");\n\n for (var i = 0; i < parallaxEls.length; i++) {\n var parallaxEl = parallaxEls.item(i);\n parallaxEl.style.backgroundImage = 'url(' + parallaxEl.getAttribute('data-parallax_src') + ')';\n parallaxEl.style.height = parallaxEl.getAttribute('data-parallax_height');\n }\n}\n\nCoCreateParallax();\nvar _default = CoCreateParallax;\nexports.default = _default;//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9Db0NyZWF0ZS5wYXJhbGxheC8uLi9Db0NyZWF0ZS1jb21wb25lbnRzL0NvQ3JlYXRlLXBhcmFsbGF4L3NyYy9pbmRleC5qcz82MWI0Il0sIm5hbWVzIjpbIkNvQ3JlYXRlUGFyYWxsYXgiLCJwYXJhbGxheEVscyIsImRvY3VtZW50IiwiZ2V0RWxlbWVudHNCeUNsYXNzTmFtZSIsImkiLCJsZW5ndGgiLCJwYXJhbGxheEVsIiwiaXRlbSIsInN0eWxlIiwiYmFja2dyb3VuZEltYWdlIiwiZ2V0QXR0cmlidXRlIiwiaGVpZ2h0Il0sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQ0EsU0FBU0EsZ0JBQVQsR0FDSTtBQUNFLE1BQUlDLFdBQVcsR0FBR0MsUUFBUSxDQUFDQyxzQkFBVCxDQUFnQyxVQUFoQyxDQUFsQjs7QUFFRixPQUFLLElBQUlDLENBQUMsR0FBQyxDQUFYLEVBQWNBLENBQUMsR0FBQ0gsV0FBVyxDQUFDSSxNQUE1QixFQUFvQ0QsQ0FBQyxFQUFyQyxFQUF5QztBQUNyQyxRQUFJRSxVQUFVLEdBQUdMLFdBQVcsQ0FBQ00sSUFBWixDQUFpQkgsQ0FBakIsQ0FBakI7QUFFQUUsY0FBVSxDQUFDRSxLQUFYLENBQWlCQyxlQUFqQixHQUFtQyxTQUFPSCxVQUFVLENBQUNJLFlBQVgsQ0FBd0IsbUJBQXhCLENBQVAsR0FBb0QsR0FBdkY7QUFDQUosY0FBVSxDQUFDRSxLQUFYLENBQWlCRyxNQUFqQixHQUEwQkwsVUFBVSxDQUFDSSxZQUFYLENBQXdCLHNCQUF4QixDQUExQjtBQUNGO0FBRUQ7O0FBRURWLGdCQUFnQjtlQUNMQSxnQiIsImZpbGUiOiIuLi9Db0NyZWF0ZS1jb21wb25lbnRzL0NvQ3JlYXRlLXBhcmFsbGF4L3NyYy9pbmRleC5qcy5qcyIsInNvdXJjZXNDb250ZW50IjpbIlxuZnVuY3Rpb24gQ29DcmVhdGVQYXJhbGxheCgpXG4gICAge1xuICAgICAgdmFyIHBhcmFsbGF4RWxzID0gZG9jdW1lbnQuZ2V0RWxlbWVudHNCeUNsYXNzTmFtZShcInBhcmFsbGF4XCIpO1xuICAgIFxuICAgIGZvciAodmFyIGk9MDsgaTxwYXJhbGxheEVscy5sZW5ndGg7IGkrKykge1xuICAgIFx0XHQgIHZhciBwYXJhbGxheEVsID0gcGFyYWxsYXhFbHMuaXRlbShpKTtcbiAgICBcdFx0ICBcbiAgICBcdFx0ICBwYXJhbGxheEVsLnN0eWxlLmJhY2tncm91bmRJbWFnZSA9ICd1cmwoJytwYXJhbGxheEVsLmdldEF0dHJpYnV0ZSgnZGF0YS1wYXJhbGxheF9zcmMnKSsnKSc7XG4gICAgXHRcdCAgcGFyYWxsYXhFbC5zdHlsZS5oZWlnaHQgPSBwYXJhbGxheEVsLmdldEF0dHJpYnV0ZSgnZGF0YS1wYXJhbGxheF9oZWlnaHQnKTtcbiAgICBcdH1cbiAgICBcdFxuICAgIH1cbiAgICBcbiAgICBDb0NyZWF0ZVBhcmFsbGF4KCk7XG5leHBvcnQgZGVmYXVsdCBDb0NyZWF0ZVBhcmFsbGF4OyJdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///../CoCreate-components/CoCreate-parallax/src/index.js\n");
108108

109109
/***/ })
110110

‎dist/CoCreate-parallax.min.js‎

Lines changed: 1 addition & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 37 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -2,13 +2,29 @@
22
"name": "@cocreate/parallax",
33
"version": "1.0.0",
44
"description": "A simple parallax component in vanilla javascript. Easily configured using HTML5 data-attributes and/or JavaScript API.",
5-
"keywords": ["parallax","cocreate","low-code-framework","no-code-framework","cocreatejs","cocreatejs-component","cocreate-framework","no-code","low-code","collaborative-framework","realtime","realtime-framework","collaboration","shared-editing","html5-framework","javascript-framework"],
6-
"publishConfig": {
7-
"access": "public"
8-
},
5+
"keywords": [
6+
"parallax",
7+
"cocreate",
8+
"low-code-framework",
9+
"no-code-framework",
10+
"cocreatejs",
11+
"cocreatejs-component",
12+
"cocreate-framework",
13+
"no-code",
14+
"low-code",
15+
"collaborative-framework",
16+
"realtime",
17+
"realtime-framework",
18+
"collaboration",
19+
"shared-editing",
20+
"html5-framework",
21+
"javascript-framework"
22+
],
23+
"publishConfig": { "access": "public" },
924
"scripts": {
10-
"start": "npx webpack --config webpack.config.js --watch",
25+
"start": "npx webpack --config webpack.config.js",
1126
"build": "NODE_ENV=production npx webpack --config webpack.config.js",
27+
"dev": "npx webpack --config webpack.config.js --watch",
1228
"docs": "node ./node_modules/@cocreate/docs/src/index.js"
1329
},
1430
"repository": {
@@ -17,23 +33,26 @@
1733
},
1834
"author": "CoCreate LLC",
1935
"license": "MIT",
20-
"bugs": {
21-
"url": "https://github.com/CoCreate-app/CoCreate-parallax/issues"
22-
},
36+
"bugs": { "url": "https://github.com/CoCreate-app/CoCreate-parallax/issues" },
2337
"homepage": "https://cocreate.app/docs/parallax",
38+
"funding": {
39+
"type": "GitHub Sponsors ❤",
40+
"url": "https://github.com/sponsors/CoCreate-app"
41+
},
42+
"main": "./src/index.js",
2443
"devDependencies": {
25-
"@babel/core": "^7.12.10",
26-
"@babel/preset-env": "^7.12.11",
27-
"babel-loader": "^8.2.2",
44+
"@babel/core": "^7.9.6",
45+
"@babel/preset-env": "^7.9.6",
46+
"babel-loader": "^8.1.0",
2847
"clean-webpack-plugin": "^3.0.0",
2948
"html-webpack-plugin": "^4.5.0",
3049
"uglifyjs-webpack-plugin": "^2.2.0",
31-
"webpack": "^5.14.0",
32-
"webpack-cli": "^4.3.1",
33-
"webpack-log": "^3.0.1"
50+
"webpack": "^5.24.4",
51+
"webpack-cli": "^4.5.0",
52+
"webpack-log": "^3.0.1",
53+
"file-loader": "^6.2.0",
54+
"style-loader": "^2.0.0",
55+
"terser-webpack-plugin": "^5.1.1"
3456
},
35-
36-
"dependencies": {
37-
"@cocreate/docs": "^1.0.3"
38-
}
57+
"dependencies": { "@cocreate/docs": "^1.0.3" }
3958
}

src/CoCreate-parallax.js renamed to src/index.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
import './CoCreate-parallax.css';
12

23
function CoCreateParallax()
34
{

‎webpack.config.js‎

Lines changed: 66 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -1,49 +1,85 @@
1-
const path = require('path');
2-
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
3-
let isProduction = process.env.NODE_ENV === 'production';
1+
const path = require("path")
2+
const TerserPlugin = require("terser-webpack-plugin")
3+
const MiniCssExtractPlugin = require("mini-css-extract-plugin")
4+
let isProduction = process.env.NODE_ENV === "production"
5+
const { CleanWebpackPlugin } = require("clean-webpack-plugin")
46

57
module.exports = {
68
entry: {
7-
'CoCreate-parallax': './src/CoCreate-parallax.js'
9+
"CoCreate-parallax": "./src/index.js",
810
},
911
output: {
10-
path: path.resolve(__dirname, 'dist'),
11-
filename: isProduction ? '[name].min.js' : '[name].js',
12-
libraryTarget: 'umd',
13-
libraryExport: 'default',
14-
library: ['CoCreate', 'parallax'],
15-
globalObject: "this"
12+
path: path.resolve(__dirname, "dist"),
13+
filename: isProduction ? "[name].min.js" : "[name].js",
14+
libraryTarget: "umd",
15+
libraryExport: "default",
16+
library: ["CoCreate", "parallax"],
17+
globalObject: "this",
18+
// publicPath: 'https://server.cocreate.app/CoCreateJS/dist/'
1619
},
20+
21+
plugins: [
22+
new CleanWebpackPlugin(),
23+
new MiniCssExtractPlugin({
24+
filename: "[name].css",
25+
}),
26+
],
1727
// Default mode for Webpack is production.
1828
// Depending on mode Webpack will apply different things
1929
// on final bundle. For now we don't need production's JavaScript
2030
// minifying and other thing so let's set mode to development
21-
mode: isProduction ? 'production' : 'development',
31+
mode: isProduction ? "production" : "development",
2232
module: {
23-
rules: [{
24-
test: /\.js$/,
25-
exclude: /(node_modules)/,
26-
use: {
27-
loader: 'babel-loader',
28-
options: {
29-
presets: ['@babel/preset-env'],
30-
plugins: ["@babel/plugin-transform-runtime", "@babel/plugin-transform-regenerator"]
31-
32-
}
33-
}
34-
}, ]
33+
rules: [
34+
{
35+
test: /.js$/,
36+
exclude: /(node_modules)/,
37+
use: {
38+
loader: "babel-loader",
39+
options: {
40+
plugins: ["@babel/plugin-transform-modules-commonjs"],
41+
},
42+
},
43+
},
44+
{
45+
test: /.css$/i,
46+
use: [
47+
{ loader: "style-loader", options: { injectType: "linkTag" } },
48+
"file-loader",
49+
],
50+
},
51+
],
3552
},
3653

3754
// add source map
38-
...(isProduction ? {} : { devtool: 'eval-source-map' }),
55+
...(isProduction ? {} : { devtool: "eval-source-map" }),
3956

40-
// add uglifyJs
4157
optimization: {
42-
minimizer: [new UglifyJsPlugin({
43-
uglifyOptions: {
44-
// get options: https://github.com/mishoo/UglifyJS
45-
drop_console: isProduction
58+
minimize: true,
59+
minimizer: [
60+
new TerserPlugin({
61+
extractComments: true,
62+
// cache: true,
63+
parallel: true,
64+
// sourceMap: true, // Must be set to true if using source-maps in production
65+
terserOptions: {
66+
// https://github.com/webpack-contrib/terser-webpack-plugin#terseroptions
67+
// extractComments: 'all',
68+
compress: {
69+
drop_console: true,
70+
},
71+
},
72+
}),
73+
],
74+
splitChunks: {
75+
chunks: "all",
76+
minSize: 200,
77+
// maxSize: 99999,
78+
//minChunks: 1,
79+
80+
cacheGroups: {
81+
defaultVendors: false,
4682
},
47-
})],
83+
},
4884
},
4985
}

0 commit comments

Comments
 (0)