Skip to content
/ cestino Public

A basic shopping cart implementation in javascript.

License

Notifications You must be signed in to change notification settings

d3mo17/cestino

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

97 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Cestino

A basic shopping cart implementation in javascript.

Features / Structure / Interface

  • Abstract product model
  • Flexible service to put master data of products into the cart model
  • Positions can be grouped (e. g. by delivery time)
  • All price calculations make use of integer values instead of floats
  • Event-driven to keep track of changes made to the cart
  • Possibility to manage quantity and/or dimensions with the positions of products
  • Formatting of integer-prices / Integer to custom-format
  • Optional to put additional features (with prices) for products in cart-positions
  • Test driven with karma
  • AMD-, CommonJS and global-support

Installation

    $ npm install cestino

API documentation

API of Cestino

Examples

Create a new cart and add a product
<script src="node_modules/cestino/dist/cestino.min.js"></script>

<script>
    var oCart = Cestino.create(),
        // use point as separator for decimal digits
        oFormatter = Cestino.PriceFormatter.create('.');
        
    oCart.add(
                           // id, title,         price
        Cestino.Product.create(42, 'TestProduct', 499),
        Cestino.ProductQuantity.create(2)
    );
    console.log(oFormatter.format(oCart.calculate()), oCart.toJSON());
</script>
Use cestino with AMD
<script src="node_modules/requirejs/require.js"></script>

<script>
    require.config({baseUrl: 'node_modules'});

    require(['cestino/dist/cestino.min'], function (Cestino) {
        var oCart = Cestino.create(),
            // use comma as separator for decimal digits
            oFormatter = Cestino.PriceFormatter.create(',');

        oCart.add(
                                // id, title,         price
            Cestino.Product.create(486, 'TestProduct', 499),
            Cestino.ProductQuantity.create(2),
            null /* group of position */, [
                Cestino.ProductFeature.create(2, 'color: orange', 0),
                Cestino.ProductFeature.create(5, 'size: medium', 120)
            ]
        );
        oCart.add(Cestino.Product.create(56, 'TestProduct 2', 895));

        console.log(oFormatter.format(oCart.calculate()), oCart.toJSON());
    });
</script>

Execute one of the examples above and you see that the method toJSON() will not include prices or any other field of the product objects. Only the necessary business data will be include, to be able rebuilding the cart. Later, when passing the data returned by toJSON() into fromJSON() the cart will be rebuild. In that process the additional information to products will be fetched from a service object that can be passed to the carts constructor. By default this service is of type BasicCartService.

Import from JSON and loading masterdata of products into cart
<script src="node_modules/requirejs/require.js"></script>

<script>
    require.config({baseUrl: 'node_modules'});

    require(['cestino/dist/cestino.min'], function (Cestino) {
        var oService = Cestino.BasicCartService.create({'url':'masterdata.json'}),
            oCart = Cestino.create(oService);

        // import json e. g. fetched from localstorage
        oCart.fromJSON(/* JSON exported by toJSON-method */);
    });
</script>

The data that will be send (in our example to "masterdata.json") has following format:

{
    "486": [2, 5],
    "56": [] 
}

It consists of key-value pairs, with product-ids as keys and arrays of feature-ids as values.

Example how the response data from server has to look like (data responsed by masterdata.json):

{
    "486": {
        "title": "TestProduct",
        "price": 499,
        "features": {
            "2": {"title": "color: orange", "price": 0},
            "5": {"title": "size: medium", "price": 120} 
        }
    },
    "56": {
        "title": "TestProduct 2",
        "price": 895,
        "features": {}
    }
}

Custom cart service

You can define and pass a custom service to enrich the product data to your needs. All you have to do is to define an object with a method named setProductDataToCart that takes a cart instance as first parameter and returns a promise of type "Promises/A+". How to enrich the product data, see script "src/BasicCartService.js".

Extending the model

If you want to extend the model classes, you can use the method extendWith of Cestino.Product, Cestino.ProductFeature,Cestino.ProductQuantity and/or Cestino.ShippingGroup. These methods will return an object with a method named create, so you can use your subclasses like the classes shipped with Cestino. Note that your extending constructors do not need to have any arguments, the parent constructor will be called automatically. But when you need more arguments than the constructor of extended class has, your constructor has to define all the parent constructor arguments of the extended class first followed then by your own arguments.

Example:

<script src="node_modules/cestino/dist/cestino.min.js"></script>

<script>
    var tax,
        InchQuantity,
        DescribedProduct,
        oCart = Cestino.create(),
        // use point as separator for decimal digits
        oFormatter = Cestino.PriceFormatter.create('.');

    /**
     * Your product quantity extension
     */
    function ProductQuantityInInch() {
        this.unit = 'inch';
    }
    ProductQuantityInInch.prototype.getFactor = function () {
        // calculate inch price instead of centimeter price
        return this.getAmount() * Math.round(
            this.getWidth() * this.getHeight() * this.getDepth()
            * Math.pow(2.54, 3),
            10
        );
    }
    InchQuantity = Cestino.ProductQuantity.extendWith(ProductQuantityInInch);
        
    /**
     * Your product extension with additional parameter in constructor
     */
    function ProductWithTax(id, title, price, tax) {
        this.tax = tax;
    }
    ProductWithTax.prototype.getPrice = function () {
        return Math.round(
            this.getSuperMethod('getPrice')() * this.tax.getFactor(),
            10
        );
    };
    TaxProduct = Cestino.Product.extendWith(ProductWithTax);
    
    tax = {
        getFactor: function() {
            // 17% tax
            return 1.17;
        }
    };

    oCart.add(
        TaxProduct.create(42, 'TestProduct', 499, tax),
        InchQuantity.create(2, 3, 4, 5)
    );

    console.log(
        oFormatter.format(oCart.calculate()),
        oCart.toJSON(),
        oCart.getPositionById('p1').product,
        oCart.getPositionById('p1').quantity
    );
</script>

Development

If you want to distribute your changes in the 'dist'-directory, you can use npm:

    $ npm run build

Testing

After installation of required node modules with npm, simply use command:

    $ npm test

License

The MIT License (MIT)

Copyright (c) 2016 Daniel Moritz

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

About

A basic shopping cart implementation in javascript.

Resources

License

Stars

Watchers

Forks

Packages

No packages published