{"id":25269891,"url":"https://github.com/javascript-pro/vanilla-es6","last_synced_at":"2025-06-14T18:36:47.912Z","repository":{"id":89534435,"uuid":"104029923","full_name":"javascript-pro/vanilla-es6","owner":"javascript-pro","description":"Magento 1 Checkout module written in Vanilla ES6","archived":false,"fork":false,"pushed_at":"2017-09-19T05:24:10.000Z","size":398,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-12T11:37:21.315Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://www.swimweargalore.com.au/checkout/onepage/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/javascript-pro.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-09-19T05:20:29.000Z","updated_at":"2019-11-21T23:48:58.000Z","dependencies_parsed_at":null,"dependency_job_id":"60a9c950-f457-453f-9b87-c612526cd40e","html_url":"https://github.com/javascript-pro/vanilla-es6","commit_stats":null,"previous_names":["javascript-pro/vanilla-es6"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/javascript-pro%2Fvanilla-es6","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/javascript-pro%2Fvanilla-es6/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/javascript-pro%2Fvanilla-es6/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/javascript-pro%2Fvanilla-es6/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/javascript-pro","download_url":"https://codeload.github.com/javascript-pro/vanilla-es6/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247441060,"owners_count":20939239,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-02-12T11:27:55.275Z","updated_at":"2025-04-06T06:15:07.821Z","avatar_url":"https://github.com/javascript-pro.png","language":"JavaScript","readme":"# Aligent CartCheckItOut\n\n### Extension key: Aligent_CartCheckItOut\n\nOne page combined Cart and Checkout page Magento Extension.\nThis extension provides one page checkout process based on [Ecomdev's](https://github.com/EcomDev/checkitout) excellent CheckItOut. It uses [Gulp](http://gulpjs.com/) and [Babel](https://babeljs.io) as simply as possible to transpile the source code into browser-ready JavaScript and CSS.\n\n### Add tasks to your gulpfile\n\nThe cartcheckitout app requires following local dev  dependencies, so please add these dev dependencies to the ```./package.json``` file. If your dependencies already include any of the ones below, you don't need to include them again. Just delete them from the list. Update dependency tree by running an ```npm install```.\n\n```javascript\n  \"devDependencies\": {\n    \"babel-preset-es2015\": \"^6.24.1\",\n    \"babelify\": \"^7.3.0\",\n    \"browserify\": \"^14.3.0\",\n    \"gulp\": \"^3.9.1\",\n    \"gulp-connect\": \"^5.0.0\",\n    \"gulp-livereload\": \"^2.1.1\",\n    \"gulp-notify\": \"^3.0.0\",\n    \"gulp-rename\": \"^1.2.2\",\n    \"gulp-run\": \"^1.7.1\",\n    \"gulp-sass\": \"^3.1.0\",\n    \"gulp-sourcemaps\": \"^2.6.0\",\n    \"gulp-uglify\": \"^2.1.2\",\n    \"gulp-uglifycss\": \"^1.0.8\",\n    \"vinyl-buffer\": \"^1.0.0\",\n    \"vinyl-source-stream\": \"^1.1.0\"\n  },\n```\n\nNext, add the following constants to the top of your gulp file. This is a part to pay attention to. Basically - you can't redelcare stuff, so you don't need to include 'gulp' because it will have already been included in your existing gulpfile. Make sure you have all these as well as your existing ones.\n\n```javascript\nvar babelify    = require ('babelify');\nvar browserify  = require ('browserify');\nvar connect     = require ('gulp-connect');\nvar notify      = require ('gulp-notify');\nvar sass        = require ('gulp-sass');\nvar source      = require ('vinyl-source-stream');\nvar buffer      = require ('vinyl-buffer');\nvar sourcemaps  = require ('gulp-sourcemaps');\nvar rename      = require ('gulp-rename');\nvar uglifycss   = require ('gulp-uglifycss');\n```\n\nNext you need to adjust the variables which tell the build process where to place files and add the tasks that the application needs to perform to create a new build of the JavaScript \u0026 CSS. Simply copy and paste this full snippet into your gulpfile.\n\n```javascript\n//////////////////////////\n// START CartCheckItOut //\n//////////////////////////\nvar ccio_moduleName = 'cartcheckitout';\nvar ccio_modulePath = './vendor/aligent/cartcheckitout/';\nvar ccio_moduleSrc = './vendor/aligent/cartcheckitout/src/';\nvar ccio_JSpath = ccio_modulePath + 'js/aligent/cartcheckitout';\nvar ccio_CSSpath = ccio_modulePath + 'skin/frontend/base/default/css/aligent/cartcheckitout';\ngulp.task('ccio_init', ['ccio_js', 'ccio_css'], function() {\n  // Add the following into your watch task if you plan to develop\n  // gulp.watch(ccio_moduleSrc + '**/*.js', ['ccio_js']);\n  // gulp.watch(ccio_moduleSrc + '**/*.scss', ['ccio_css']);\n});\ngulp.task('ccio_js', function(){\n  return browserify({\n    debug: true,\n    entries: [ccio_moduleSrc + 'js/Main.js']\n  })\n    .transform(babelify.configure({\n      presets: ['es2015'],\n      sourceMapsAbsolute: true,\n    }))\n    .bundle()\n    .on(\"error\", notify.onError(function (error) {\n      return \"Error: \" + error.message;\n    }))\n    .pipe(source(`${ccio_moduleName}.js`))\n    .pipe(buffer())\n    .pipe(gulp.dest(ccio_JSpath))\n});\ngulp.task('ccio_css', () =\u003e gulp.src(ccio_moduleSrc + 'scss/*.scss')\n  .pipe(sass({\n    source: 'styles.css'\n  }))\n  .on(\"error\", notify.onError(function (error) {\n    return \"Error: \" + error.message;\n  }))\n  .pipe(rename(`${ccio_moduleName}.css`))\n  .pipe(gulp.dest(ccio_CSSpath))\n);\n////////////////////////\n// END CartCheckItOut //\n////////////////////////\n```\n\nGulp processes watches for any changes in the /src/js or /src/scss folders and re-transpiles the JS and Sass into modern browser compliant, minimised code. and inserts it into the correct places in Magento.\n\nBecause we are not committing the compiled JS \u0026 CSS to git you will have to run the build process yourself at least once to generate these files.\n\nIt should be possible to daisy-chain gulp tasks to achieve the workflow you need, but in the meantime, here is a quick way to fire up gulp locally to get you developing.\n\n- navigate into the source folder (./src)\n- ```npm install```\n- ```gulp```\n\n### Features\n\n- Example ES6 application you can extend\n- Holy grail 3 column flexbox layout\n- Easy integration with any magento project via composer\n- Simple Sass file structure ready to use\n\n### Developers\n\n- Chris Dorward \u003cchris.dorward@aligent.com.au\u003e\n- Michael Wylde \u003cmichael@aligent.com.au\u003e\n\n### (c) 2017 Aligent Consulting [OSL - Open Software Licence 3.0](http://opensource.org/licenses/osl-3.0.php)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjavascript-pro%2Fvanilla-es6","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjavascript-pro%2Fvanilla-es6","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjavascript-pro%2Fvanilla-es6/lists"}