fruta 0.0.4 → 0.1.0

package/dist/main.js

@@ -1 +0,0 @@
-(()=>{"use strict";function t(e,r,o){return t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}()?Reflect.construct.bind():function(t,e,r){var o=[null];o.push.apply(o,e);var i=new(Function.bind.apply(t,o));return r&&n(i,r.prototype),i},t.apply(null,arguments)}function n(t,e){return n=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,n){return t.__proto__=n,t},n(t,e)}function e(t){return function(t){if(Array.isArray(t))return r(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,n){if(t){if("string"==typeof t)return r(t,n);var e=Object.prototype.toString.call(t).slice(8,-1);return"Object"===e&&t.constructor&&(e=t.constructor.name),"Map"===e||"Set"===e?Array.from(t):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?r(t,n):void 0}}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function r(t,n){(null==n||n>t.length)&&(n=t.length);for(var e=0,r=new Array(n);e<n;e++)r[e]=t[e];return r}var o={fillStyleShape:function(t){return this.context.fillStyle=t,this},drawRectShape:function(){var t,n,r,o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[0,0,0,0],i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[0,0,0,0],a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[0,0,0,0];return(t=this.context).clearRect.apply(t,e(o)),(n=this.context).fillRect.apply(n,e(i)),(r=this.context).strokeRect.apply(r,e(a)),this},roundRectShape:function(t,n,e,r,o){return this.context.roundRect(t,n,e,r,o),this},startShape:function(){return this.context.beginPath(),this},strokeShape:function(){var t;return(t=this.context).stroke.apply(t,arguments),this},moveTo:function(t,n){return this.context.moveTo(t,n),this},lineTo:function(t,n){return this.context.lineTo(t,n),this},fillShape:function(){var t;return(t=this.context).fill.apply(t,arguments),this},arcShape:function(t,n,e,r,o,i){return this.context.arc(t,n,e,r,o,i),this},quadraticCurveTo:function(t,n,e,r){return this.context.quadraticCurveTo(t,n,e,r),this},bezierCurveTo:function(t,n,e,r,o,i){return this.context.bezierCurveTo(t,n,e,r,o,i),this},arcTo:function(t,n,e,r,o){return this.context.arcTo(t,n,e,r,o),this},path2DShape:function(){for(var n=arguments.length,e=new Array(n),r=0;r<n;r++)e[r]=arguments[r];return t(Path2D,e)},domMatrixShape:function(){return new DOMMatrix},addPathShape:function(t){for(var n=arguments.length,e=new Array(n>1?n-1:0),r=1;r<n;r++)e[r-1]=arguments[r];return t.addPath.apply(t,e)},ellipseShape:function(t,n,e,r,o,i,a,c){return this.context.ellipse(t,n,e,r,o,i,a,c),this},createLinearGradient:function(){var t;return(t=this.context).createLinearGradient.apply(t,arguments)},createRadialGradient:function(){var t;return(t=this.context).createRadialGradient.apply(t,arguments)},addColorStop:function(t,n){for(var e=0;e<n.length;e++){var r=n[e];t.addColorStop(e,r.color)}return this},createPattern:function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"repeat";return this.context.createPattern(t,n),this},lineCapShape:function(t){return this.context.lineCap=t,this},lineJoinShape:function(t){return this.context.lineJoin=t,this},lineWidthShape:function(t){return this.context.lineWidth=t,this},miterLimitShape:function(t){return this.context.miterLimit=t,this},shadowBlurOfShape:function(t){return this.context.shadowBlur=t,this},shadowColorOfShape:function(t){return this.context.shadowColor=t,this},shadowOffSetXY:function(t,n){return this.context.shadowOffsetX=t,this.context.shadowOffsetX=n,this},strokeStyle:function(t){return this.context.strokeStyle=t,this},scaleShape:function(t,n){return this.context.scale(t,n),this},rotateShape:function(t){return this.context.rotate(t),this},translateShape:function(t,n){return this.context.translate(t,n),this},transformShape:function(){var t;return(t=this.context).transform.apply(t,arguments),this},setTransformShape:function(t,n){return this.context.setTransform(t,n),this},globalAlpha:function(t){return this.context.globalAlpha(t),this},globalCompositeOperation:function(t){return this.context.globalCompositeOperation=t},clipShape:function(){return this.context.clip()},shadowColor:function(t){return this.context.shadowColor=t,this}},i={createImage:function(t){var n,r=new Image;return r.src=t.src,(n=this.context).drawImage.apply(n,[r].concat(e(t.img))),this},createImageData:function(){var t;return(t=this.context).createImageData.apply(t,arguments)},getImgData:function(){var t;return(t=this.context).getImageData.apply(t,arguments)},putImageData:function(t){for(var n,e=arguments.length,r=new Array(e>1?e-1:0),o=1;o<e;o++)r[o-1]=arguments[o];return(n=this.context).putImageData.apply(n,[t].concat(r)),this}};function a(t){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},a(t)}function c(t,n){for(var e=0;e<n.length;e++){var r=n[e];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,(void 0,o=function(t,n){if("object"!==a(t)||null===t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!==a(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(r.key),"symbol"===a(o)?o:String(o)),r)}var o}function u(t,n,e){return n&&c(t.prototype,n),e&&c(t,e),Object.defineProperty(t,"prototype",{writable:!1}),t}var f=u((function t(n){!function(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}(this,t),this.canvas=document.getElementById(n),this.context=this.canvas.getContext("2d")}));function s(t,n,e){return s=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}()?Reflect.construct.bind():function(t,n,e){var r=[null];r.push.apply(r,n);var o=new(Function.bind.apply(t,r));return e&&l(o,e.prototype),o},s.apply(null,arguments)}function l(t,n){return l=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,n){return t.__proto__=n,t},l(t,n)}Object.assign(f.prototype,o,i);var h={loadFont:function(){for(var t=arguments.length,n=new Array(t),e=0;e<t;e++)n[e]=arguments[e];return s(FontFace,n),this},fontRenderingType:function(t){return this.context.textRendering=t,this},fontFill:function(t,n,e){return this.context.fillText(t,n,e),this},fontStrokeText:function(){var t;return(t=this.context).strokeText.apply(t,arguments),this},fontStyle:function(t){return this.context.font=t,this},fontAlign:function(t){return this.context.textAlign=t,this},fontDirection:function(t){return this.context.direction=t,this},fontBaseline:function(t){return this.context.textBaseline=t,this},fontVariantCaps:function(t){return this.context.fontVariantCaps=t,this},fontKerning:function(t){return this.context.fontKerning=t,this},fontWordSpacing:function(t){return this.context.wordSpacing=t,this},fontS:function(t){return this.context.fontStretch=t,this},fontMeasure:function(t){return this.context.measureText(t)}};function p(t){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},p(t)}function y(t,n){for(var e=0;e<n.length;e++){var r=n[e];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,(void 0,o=function(t,n){if("object"!==p(t)||null===t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!==p(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(r.key),"symbol"===p(o)?o:String(o)),r)}var o}function d(t,n,e){return n&&y(t.prototype,n),e&&y(t,e),Object.defineProperty(t,"prototype",{writable:!1}),t}var m=d((function t(n){!function(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}(this,t),this.canvas=document.getElementById(n),this.context=this.canvas.getContext("2d")}));Object.assign(m.prototype,h)})();

package/index.html

@@ -1,9 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Text - Enviroment</title>
-    </head>
-    <body>
-    </body>
-</html>

package/settings.json

@@ -1,6 +0,0 @@
-{
-    "editor.codeActionsOnSave": {
-        "source.fixAll.eslint": true
-    },
-    "eslint.validate": ["javascript"]
-}

package/src/core/create/_fontCreator.js

@@ -1,11 +0,0 @@
-import { fontCreatorMixin } from './fontCreatorMixin'
-
-class FontCreator {
-  constructor(id) {
-    this.canvas = document.getElementById(id)
-    this.context = this.canvas.getContext('2d')
-  }
-}
-
-Object.assign(FontCreator.prototype, fontCreatorMixin)
-export default FontCreator

package/src/core/create/_saveOrRestore.js

@@ -1,22 +0,0 @@
-/**
- * @description
- * This file will be in chage to save and restore state
- * useful when you want to make checkpoints
- */
-
-class SaveRestore {
-  constructor(id) {
-    this.canvas = document.getElementById(id)
-    this.context = this.canvas.getContext('2d')
-  }
-
-  save() {
-    this.context.save()
-  }
-
-  restore() {
-    this.context.restore()
-  }
-}
-
-export default SaveRestore

package/src/core/create/_shapeCreator.js

@@ -1,20 +0,0 @@
-/**
- * @alert
- * We use mixins here because JavaScript cannot perform multiple inheritance.
- *
- * @description
- * This class will be responsible for loading everything related to creating shapes
- * (including images) and also applying their styles, properties, etc.
- */
-
-import { shapesCreatorMixin, imageCreatorMixin } from './shapeCreatorMixin'
-
-class ShapeCreator {
-  constructor(id) {
-    this.canvas = document.getElementById(id)
-    this.context = this.canvas.getContext('2d')
-  }
-}
-Object.assign(ShapeCreator.prototype, shapesCreatorMixin, imageCreatorMixin)
-
-export default ShapeCreator

package/src/core/create/fontCreatorMixin.js

@@ -1,167 +0,0 @@
-/**
- * @alert
- * Render text outside of OnRender method since we are facing a issue with it.
- * It isn't a big issue right now but who knows.
- *
- * @description
- * This fill will be use to get all the necessary methods for nesting Font
- * configuration.
- *
- */
-
-export const fontCreatorMixin = {
-  /**
-   * @doc https://developer.mozilla.org/en-US/docs/Web/API/FontFace
-   * @description You can load, give a name and styles to the fonts using this method
-   * it is like the main for fonts.
-   *
-   * @param  {...any} config - see the doc for the configs
-   *
-   * @return parent class
-   */
-  loadFont(...config) {
-    new FontFace(...config)
-    return this
-  },
-  /**
-   * @message - very important method, you should read the doc below
-   * @doc https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/textRendering
-   * @param {string} config
-   * @example - auto | optimizeSpeed | optimizeLegibility | geometricPrecision
-   *
-   * @return FontCreator class
-   */
-  fontRenderingType(config) {
-    this.context.textRendering = config
-    return this
-  },
-  /**
-   * @param {*} message - current text that you want to show
-   * @param {*} xPos  - horizontal position of the text
-   * @param {*} yPos  - vertical position of the text
-   *
-   * @example - ("Hello world", 10, 10)
-   *
-   * @return FontCreator class
-   */
-  fontFill(message, xPos, yPos) {
-    this.context.fillText(message, xPos, yPos)
-    return this
-  },
-  /**
-   * @message - you could change the maxWith, we put it in 20 just like a
-   * default value
-   *
-   * @param {string} text - current text that you want to show (only stroke)
-   * @param {number} xPos - horizontal position of the text
-   * @param {number} yPos - vertical position of the text
-   * @param {number} maxWidth - maxWith stroke
-   *
-   * @example - ("Hello",10,10,20)
-   *
-   * @return FontCreator class
-   */
-  fontStrokeText(...config) {
-    this.context.strokeText(...config)
-    return this
-  },
-  /**
-   * @param {string} style css value for fonts (you should know a little bit of css)
-   * @example - bold 48px serif
-   * @return FontCreator class
-   */
-  fontStyle(style) {
-    this.context.font = style
-    return this
-  },
-  /**
-   * @param {string} style
-   * @example - left | right | center | start | end
-
-  * @return FontCreator class
-   */
-  fontAlign(style) {
-    this.context.textAlign = style
-    return this
-  },
-  /**
-   * @doc https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/direction
-   * @description with this method you will be able to change the direction of the
-   * font - Ex: !Hi -> Hi!
-   * @param {string} style
-   * @exameple - ltr | rtl | inherit
-   *
-   * @return FontCreator class
-   */
-  fontDirection(style) {
-    this.context.direction = style
-    return this
-  },
-  /**
-   * @doc https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/textBaseline
-   * @description property of the Canvas 2D API specifies the current
-   * text baseline used when drawing text
-   * @param {string} style - top | hanging | middle | alphabetic | ideographic | bottom
-   *
-   * @return FontCreator class
-   */
-  fontBaseline(style) {
-    this.context.textBaseline = style
-    return this
-  },
-  /**
-   * @doc https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/fontVariantCaps
-   * @param {string} style - normal | small-caps | all-small-caps | petite-caps | all-petite-caps
-   * | unicase | titling-caps
-   *
-   * @return FontCreator class
-   */
-  fontVariantCaps(style) {
-    this.context.fontVariantCaps = style
-    return this
-  },
-  /**
-   * @doc https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/fontKerning
-   * @param {string} style kerning property to adjust the space between characters
-   * @example - auto | normal | none
-   * @return FontCreator class
-   */
-  fontKerning(style) {
-    this.context.fontKerning = style
-    return this
-  },
-  /**
-   * @alert the style prop should be a number by default but it is a string but number
-   * @param {string (number)} style - spacing of between the words
-   * @return FontCreator class
-   */
-  fontWordSpacing(style) {
-    this.context.wordSpacing = style
-    return this
-  },
-  /**
-   * @warning - could no be tested
-   * @doc https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/fontStretch
-   * @param {string} style - fontStretch property
-   * @example - ultra-condensed | extra-condensed | condensed | semi-condensed | normal |
-   * semi-expanded | expanded | extra-expanded | ultra-expanded
-   *
-   * @return FontCreator class
-   */
-  fontS(style) {
-    this.context.fontStretch = style
-    return this
-  },
-
-  /**
-   * @doc https://www.w3schools.com/tags/canvas_measuretext.asp
-   * @description method returns an object that contains the width of the specified text, in pixels
-   *
-   * @param {string} txt Text to
-   *
-   * @return void
-   */
-  fontMeasure(txt) {
-    return this.context.measureText(txt)
-  },
-}