Filepond React Example

de reaches roughly 480 users per day and delivers about 14,404 users each month. PHP development has been pretty fast in the past few years. Let's see how to work with html forms when using Vue by way of a vuejs form example. Get Started. 4 is out and brings quite a feature to the library: Pointer Events. imaskjs is a vanilla JavaScript input mask plugin that enables the user to enter the data in a certain format. env available to get access to environment variables, including process. React-Redux v6 allows you to supply a custom context instance to be used by React-Redux. JavaScript to Know for React — Examples of which JavaScript features in particular you should be familiar with when learning and using React. Use Trello to collaborate, communicate and coordinate on all of your projects. File upload for web app or mobile website? It’s easy! Try this JavaScript file upload library, called filepond JS. Get your hands on this library of React components for enterprise system products. js开源项目发现最实用的 TOP45! 在过去一年里,前端开发发展迅速,前端工程师的薪资亦是水涨船高。2019更是热度不减,而作为近年来尤为热门的前端框架,Vue. js 开源项目和库,从中挑选了最好的 45 个(0. Fine Uploader is a multiple file upload plugin with image previews, drag and drop, progress bars. Any tips are appreciated. 764 projects organized into 99 categories. This folder is located in the root directory, one folder up from the current folder, pictures. 4 is out and brings quite a feature to the library: Pointer Events. The latest Tweets from vergotcom (@vergotcom). The core library is written in vanilla JavaScript and therefor can be used everywhere. The latest Tweets from Rik Schennink (@rikschennink). Example code using react-filepond and multer to upload files to a server - 0_README. Example code using react-filepond and multer to upload files to a server. In a typical React application, data is passed top-down (parent to child) via props, but this can be cumbersome for certain types of props (e. Dla początkujących po polsku Jak zacząć tworzyć strony: https://the-awwwesomes. com) #reactJS #. GitHub repo. Unfortunately, it seems buggier than before! All the same, I am happy that the project is deployed, the first step to motivation for further work. Note: Do not use the "on" prefix. But that would mean turning all plugins into React components which might make the documentation harder to understand. Didact is a DIY guide to build your own React, in this post we are going to rewrite most of the code from the didact series to follow React 16 new architecture. A String that specifies the name of the event. SYNC missed versions from official npm registry. de has ranked N/A in N/A and 2,123,524 on the world. jpg 55555-file29. Your go-to. About our sponsor. React Drag And Drop File Upload Example. Adapters are available if you want to use it with React, Vue, Angular or jQuery. The library is designed to introduce fault-tolerance into the upload of large files through HTTP. React The FilePond React Component functions as a tiny adapter for the FilePond object so it’s easier to use with React. PHP development has been pretty fast in the past few years. Core Features. Fine Uploader is a multiple file upload plugin with image previews, drag and drop, progress bars. I'm really struggling to get my FilePond form to post to the server, and I was wondering if anyone had experience with FilePond? If there are any resources that show examples for using it to post to a server, I would really appreciate if you could point me in the right. There is also a special built-in environment variable called NODE_ENV. 30 October 2019 Vue directive to lock the body scroll without stopping the target element from scrolling. If you’re using Create React App, then you’ll have a global process. In Filepond File upload you can upload multiple files with same speed of time. Demo app for React Native Elements UI library. js using Firebase on the backend. Forms in React can be verbose, repetitive, and messy. Large file upload with pause, resume, retry, and cancel options using chunking. Flow + React Learn how to use Flow with React Search docs The documentation for React now lives in the React section. php on line 143 Deprecated: Function create_function() is. Voyager is a Laravel Admin Package that includes BREAD(CRUD) operations, a media manager, menu builder, and much more. The core library is written in vanilla JavaScript and therefor can be used everywhere. Apply filters, adjust color balance and add markup to images. locale preference, UI theme) that are required by many components within an application. Let me know if this was interesting! I'm happy to write some more about other challenges like rendering smooth gradients, making FilePond accessible for screen readers, handling and reading JPEG EXIF orientation and writing the adapter components for React, Vue, and Angular. I'm really struggling to get my FilePond form to post to the server, and I was wondering if anyone had experience with FilePond? If there are any resources that show examples for using it to post to a server, I would really appreciate if you could point me in the right. js using Firebase on the backend. A nice collection of often useful examples done in Vue. However, as you might already know, render props are quite similar to what Vue calls scoped-slots. For a list of all HTML DOM events, look at our complete HTML DOM Event Object Reference. 4 is out and brings a big feature to the library: Pointer Events. Possibly the biggest drawback is the (unavoidable, but not easily so) requirement to learn React, whose learning curve is rather steep. Then you can use the component anywhere in your markup. The latest Tweets from Daniel Yearwood (@eprototype). For example, if you were to create a home listing interface with React, the top level component would be the home list itself. In this article I'm going to show how you can generate a PDF document from a heavily styled React page using Node. React forces you to abandon state and use vertical passing through props instead. de has ranked N/A in N/A and 5,999,710 on the world. Build your own design system, or start with Material Design. Jake and Michael relive the disconnection as a result of the great DDoS attack of October 2016, discuss changes in Laravel 5. A built-in feature is. Ralat terdahulu ialah memasukkan X-Total-Count dalam pengepala tindak balas HTTP demi penomboran untuk bekerja di React-Admin. Managing the state of values, errors, and touched can make matters even worse. Provided by Alexa ranking, filepony. React PWA app using News API with categories, countries on popular news. jpg 12321-file33. Try this JavaScript file upload library, called filepond JS. 🔌 A handy FilePond adapter component for React. All reference in this issue are gathered from Medium, Hacker News, Reddit,Twitter, MyBridge, etc. Then, using the users webcam, a picture is captured (React Webcam) and again uploaded to S3 and analysed for matches. Get unlimited access to the best stories on Medium — and support writers while you’re at it. de has ranked N/A in N/A and 7,606,115 on the world. Looking for ReactJS examples? React. Provided by Alexa ranking, filepony. js 自是积累了大量关注。. react-native-elements-app * JavaScript 1. js • Conditioner. react 天气PWA. Read on to find out about his process and challenges. jpg Second bucket has some. Example code using react-filepond and multer to upload files to a server - 0_README. We will be using a well-recognized third-party package, react-filepond, for collecting the files from the visitor. Download--particles particles --. js and express in the backend to receive and store the files. The idea is actually simple but very useful when you don't want to store files in the "cloud" with services like dropbox, google cloud or AWS. useRef hook. OAI/OpenAPI-Specification 11431 The OpenAPI Specification Repository grab/front-end-guide 11429 📚 Study guide and introduction to. Or take the process of building a website: If we forget to add the correct caching, server costs will be unnecessarily high, and performance will suffer. It offers a number of ways for uploading: you can drag and drop, copy and paste your files, browse your filesystem, or just use the library's API. We are trying to provide almost everything for web designer and developer as well as mobile app developer. The frontend has multiple libraries to handle fileuploads (http requests through Axios is a very popular choice. rocks has over 950 searchable examples with screenshots, online demos and *code* :). In general views does not required any third party libraries but for example charts or jquery features yes. de has ranked N/A in N/A and 7,606,115 on the world. Keep an open mind and don’t judge yourself. Core Features. js component for FilePond - a file upload library that can upload anything you throw at it. Adding a file upload preview 3. $ cnpm install @angular/http. vue-context-menu - A context menu component for vue js. 2018年(存档)最好的45个Vue开源项目汇总, 作者|Mybridge译者|无明 在过去的一年里,我们比较了将近 12,000 个 Vue. v-uploader - A Vue2 plugin to make files upload simple and easier, you can drag files or select file in dialog to upload # Context Menu. We are here to help you by providing useful tutorials, examples and resources. It is also same for the other two boxes. Within the home component, you would have the address of the home, as well as other small components such as a photo, perhaps a favorite or save button. js自是积累了大量关注。. Or take the process of building a website: If we forget to add the correct caching, server costs will be unnecessarily high, and performance will suffer. useRef hook. Installation instructions for npm. com/public/tipnu/kvw0. html located in another folder called stories. Pick the tags you're passionate about to get a personalized feed and begin contributing your knowledge. I have found several examples using jQuery, but since i'm in React i dont really know how to reproduce it using vanilla JS for React and AXIOS (im using axios since i need compatibility with MS Edge and it seems the most stable so far). Monimo: Netflix like web app for watching animes [230 stars on Github]. Writing an app in components is useful for coordination and isolation of concerns. They'll make it easier to deal with user interactions and have been requested for a long time already. React The FilePond React Component functions as a tiny adapter for the FilePond object so it's easier to use with React. gitboo[]-css-step-. It allows the developer to browse a component library, check the different states of each component, and interactively develop and test components. 在过去一年里,前端开发发展迅速,前端工程师的薪资亦是水涨船高。2019 更是热度不减,而作为近年来尤为热门的前端框架,Vue. Enforce Aspect Ratio. Therefore, it makes sense that a lot of free and paid services, plugins, and libraries are available to make it easy to create forms. Questions tagged [amazon-s3] Ask Question Amazon S3 (Simple Storage Service) is a web service which provides storage and various interfaces for accessing data stored there. FilePond and Doka, the Perfect Couple. Each month, over 2. Formik adds a level of organization to your forms that allows for easier implementation, integrated validation, and a consistent interface to add third party components. Next, we will need to install the Expo app on our mobile device which we want to test. Andrea Giammarchi about the problem of bundling JavaScript with Babel and why transpiling code isn’t the best solution anymore. We choose React because it solves many issues with web applications in a elegant way. Then, whenever the upload of a chunk fails, uploading is retried until the procedure. Enforce fitting image sizes when working with photo albums or profile pictures. Initially a single-file Flask app, I wanted to practice my software engineering skills on a practical problem. With help of ES6, so babel is required. Greetings (delegate version). Accepts directories, files, blobs, local URLs, remote URLs and Data URIs. Any tips are appreciated. We'll try to mirror the structure, variables and function names from the React codebase. php on line 143 Deprecated: Function create_function() is. Rotate, Resize, and Flip images. js • Runs a tiny web plugin company called @pqina_ • Hi! 👋🏻. Software Engineer. js is a JavaScript library for creative coding, with a focus on making coding accessible and inclusive for artists, designers, educators, beginners, and anyone else! p5. find us on fb https://www. vue-filepond - 🔌 A handy FilePond adapter component for Vue 90 Vue FilePond is a handy adapter component for FilePond, a JavaScript library that can upload anything you throw at it, optimizes images for faster uploads, and offers a great, accessible, silky smooth user experience. React Read Xlsx File. The page consists of 3 sections. Deprecated: Function create_function() is deprecated in /home/forge/mirodoeducation. Example code using react-filepond and multer to upload files to a server - 0. jpg 12321-file33. js implementation example of a file upload handler for jQuery File Upload. Parameter Description; event: Required. More changelogs can be found in this. js tips and tricks. I've been thinking about introducing a component that would have to be added as a child to the FilePond component (automatically registering and enabling it). A high quality UI Toolkit built on. Formik adds a level of organization to your forms that allows for easier implementation, integrated validation, and a consistent interface to add third party components. 2019: Here Open source projects can be useful for programmers. Can React Router be used on both server-side and client-side in an. Didact is a DIY guide to build your own React, in this post we are going to rewrite most of the code from the didact series to follow React 16 new architecture. Provided by Alexa ranking, filepony. We use cookies to help us to deliver our services. locale preference, UI theme) that are required by many components within an application. php on line 143 Deprecated: Function create. php on line 143 Deprecated: Function create_function() is. 介绍:FilePond 的一个适配器组件,一个 JavaScript 库,可以上传任何东西,加快上传速度并对图像进行优化,同时提供了非常顺畅的用户体验。 Vue-filepond 45. de reaches roughly 405 users per day and delivers about 12,155 users each month. Each month, over 2. To accept pull requests the tests need to be better, any help to improve them is very much appreciated. This example shows how you can hook into the upload progress props to display a progress bar and optional abort the upload. FilePond - Flexible JavaScript File Upload Plugin March 02, 2018 1121 FilePond is a flexible and fun javascript file upload plugin with beautiful animations, fast uploads with client-side image optimization and smooth user experience. If you’d rather configure the API endpoints at build time, that works too. 2K stars blueimp-file-upload-node. I've been thinking about introducing a component that would have to be added as a child to the FilePond component (automatically registering and enabling it). This impressive suite includes a large number of components with rich interactions, such as modals, alerts, popovers, drawers, progress bars, form elements, data display and lots more. Example code using react-filepond and multer to upload files to a server - 0. Filepond accepts directories, files, blobs, local URLs, remote URLs and Data URIs. io, a Webpack Bundle Analyzer built with Rails and Vue. js • Runs a tiny web plugin company called @pqina_ • Hi! 👋🏻. If there's nothing in the task description about hashing a password, for example, many people will not apply it, even if they know it's the better solution. React is a free and open source javascript library for building User Interface. It's a great product as an idea and its open source. 🔌 A handy FilePond adapter component for React. It looks great and comes with a lot of adapters for React, Vue, Angular, and jQuery. js seems easier to write and its much faster to pick up however as you mentioned above React has way more ready made components you can just plugin, and the community for React is very big. FilePond JavaScript Library for jQuery Framework provides the Filepond platform for integration in a developer's project. This is a Bootstrap 4 Image File Upload example where the users are given three different boxes to upload the image. vue-filepond - 🔌 A handy FilePond adapter component for Vue 90 Vue FilePond is a handy adapter component for FilePond, a JavaScript library that can upload anything you throw at it, optimizes images for faster uploads, and offers a great, accessible, silky smooth user experience. The library is designed to introduce fault-tolerance into the upload of large files through HTTP. Formik adds a level of organization to your forms that allows for easier implementation, integrated validation, and a consistent interface to add third party components. 收集几个流量大的网站(必须是vue做的)页面交互和逻辑尽可能复杂多样2. 6 jQuery-File-Upload VS filepond A JavaScript library that can upload anything you throw at it, optimizes images for faster uploads, and offers a great, accessible, silky smooth user experience. FilePond - Flexible JavaScript File Upload Plugin March 02, 2018 1121 FilePond is a flexible and fun javascript file upload plugin with beautiful animations, fast uploads with client-side image optimization and smooth user experience. Rik Schennink shares the challenges faced building it. Contributing. The latest Tweets from vergotcom (@vergotcom). react-filepond - 🔌 A handy FilePond adapter component for React 30 React FilePond is a handy wrapper component for FilePond, a JavaScript library that can upload anything you throw at it, optimizes images for faster uploads, and offers a great, accessible, silky smooth user experience. We will create dataService file to fetch countries data. The sources for this package are in the main Angular repo. Monimo: Netflix like web app for watching animes [230 stars on Github]. If you add a project, please commit to keeping it. Installation instructions for npm. This example shows how you can hook into the upload progress props to display a progress bar and optional abort the upload. com/9iiqkbt/ed6s. locale preference, UI theme) that are required by many components within an application. We will create dataService file to fetch countries data. This folder is located in the root directory, one folder up from the current folder, pictures. You need to pass the instance of your context to both and your connected component. In Filepond File upload you can upload multiple files with same speed of time. So if you pick a chart library you will need to create a react component for it - make ref to a DOM elements, initialise library in componentDidMount function and store data in state to use react render when state changed. What’s the “react” way to trigger a modal when a button is clicked? If you come from Angular, jQuery, or even just vanilla JS, your thought process for opening a modal dialog probably goes something like this: This component is at least 50% inline styles by volume. The ultimate react workspace and panel management system. PHP development has been pretty fast in the past few years. iview * Vue 1. Any remedy for bias must start with awareness that bias exists; for example, most mature societies raise awareness of social bias through affirmative-action programs, and, while awareness alone does not completely alleviate the problem, it helps guide us toward a solution. It is just 21KB gzipped and has built in image optimization and automatic image resizing. Material UI, FilePond, React Webcam. When you are done, the specific image fits inside the box. All I want to do is force a 1:1 crop ratio on every image added as a profile picture, but with the current code, it is hanging at Waiting for size - Loading. Large file upload with pause, resume, retry, and cancel options using chunking. Download--particles particles --. Any remedy for bias must start with awareness that bias exists; for example, most mature societies raise awareness of social bias through affirmative-action programs, and, while awareness alone does not completely alleviate the problem, it helps guide us toward a solution. js - Websites, UI Components, Frameworks, Apps and more! React FilePond FilePond adapter component for React. Salsita Software is a professional software consulting company specializing in the development of complex, modern web applications and HTML5-based apps. A nice collection of often useful examples done in Vue. js but I think in the long run its the better option. react 脚手架 - 保持最新技术 pwa react16. Core Features. de has ranked N/A in N/A and 5,999,710 on the world. They’ll make it easier to deal with user interactions and have been requested for a long time already. When I read the above slogan, I wanted to introduce this product. php on line 143 Deprecated: Function create_function() is. vue-filepond - 🔌 A handy FilePond adapter component for Vue 90 Vue FilePond is a handy adapter component for FilePond, a JavaScript library that can upload anything you throw at it, optimizes images for faster uploads, and offers a great, accessible, silky smooth user experience. If want to use in IE8, use es5-shim or so. react-filepond - 🔌 A handy FilePond adapter component for React 30 React FilePond is a handy wrapper component for FilePond, a JavaScript library that can upload anything you throw at it, optimizes images for faster uploads, and offers a great, accessible, silky smooth user experience. Feel free to add your own project. We've been testing it on some of our other newsletters (like React Status and Database Weekly) and it's giving us the opportunity to provide more variety and visual interest. Looking for ReactJS examples? React. As a concrete example, to add babel-plugin-transform-object-rest-spread so that your project can use object rest/spread syntax, you would do something like this in an app:. Questions tagged [amazon-s3] Ask Question Amazon S3 (Simple Storage Service) is a web service which provides storage and various interfaces for accessing data stored there. We choose React because it solves many issues with web applications in a elegant way. Try this JavaScript file upload library, called filepond JS. de reaches roughly 619 users per day and delivers about 18,580 users each month. W3Schools is optimized for learning, testing, and training. This tutorial will cover several topics and will also include a live demonstration you can try for yourself. The ultimate react workspace and panel management system. File upload for web app or mobile website? It’s easy! Try this JavaScript file upload library, called filepond JS. Implementing drag and drop upload 4. html is built using jQuery and Bootstrap to keep it simple. GitHub repo. React The FilePond React Component functions as a tiny adapter for the FilePond object so it's easier to use with React. Get unlimited access to the best stories on Medium — and support writers while you’re at it. There is also a special built-in environment variable called NODE_ENV. Installation. js component for FilePond - a file upload library that can upload anything you throw at it. In a React app I want to upload a variable number of files onclick after appending other form data and setting headers (using Axios, ideally) and POST these files to an API. I'm a big fan of Filepond as a JavaScript upload library, but Uppy seems to be worth mentioning as an alternative as it can fetch files not only from your local disk, but also from Google Drive, Dropbox, Instagram, remote URLs, and cameras, for example. pure-react-carousel. S: I'll also need a component for the upload if anyone can recommend a simple one. One of his primary regrets is not focusing on diversity and inclusivity enough during the early days of the company. Generating PDF from HTML with and Puppeteer. The latest Tweets from vergotcom (@vergotcom). S3 and Azure support, image scaling, form support, chunking, resume, pause, and tons of other features. An awesome list that curates the best Flutter libraries, tools, tutorials, articles and more. Contributing. Unfortunately, it seems buggier than before! All the same, I am happy that the project is deployed, the first step to motivation for further work. They’ll make it easier to deal with user interactions and have been requested for a long time already. This folder is located in the root directory, one folder up from the current folder, pictures. FilePond is compatible with a wide range of desktop and mobile browsers, the oldest explicitly supported browser is IE11, for best cross browser support add FilePond Polyfill and Babel polyfill to your project. React defines itself as a library for building user interfaces. Then you can use the component anywhere in your markup. iview * Vue 1. React FilePond is a handy wrapper component for FilePond, a JavaScript library that can upload anything you throw at it, optimizes images for faster uploads, and offers a great, accessible, silky smooth user experience. 在过去一年里,前端开发发展迅速,前端工程师的薪资亦是水涨船高。2019 更是热度不减,而作为近年来尤为热门的前端框架,Vue. react-native-elements-app * JavaScript 1. Provided by Alexa ranking, filepony. The core library is written in vanilla JavaScript and therefor can be used everywhere. Didact is a DIY guide to build your own React, in this post we are going to rewrite most of the code from the didact series to follow React 16 new architecture. Fine Uploader is a multiple file upload plugin with image previews, drag and drop, progress bars. A PHP proxy script with https and post support. In React I use library FilePond for send image, and that work great, but I dont know how to get this image on server, I use NETTE framework and also apitte library for request. 2019-09-06T09:50:27+08:00 https://segmentfault. This is actually v2 of the project, a re-write using Django + React. As a concrete example, to add babel-plugin-transform-object-rest-spread so that your project can use object rest/spread syntax, you would do something like this in an app:. To accept pull requests the tests need to be better, any help to improve them is very much appreciated. See the Pen Simple web component demo by CSS GRID on CodePen. I've been thinking about introducing a component that would have to be added as a child to the FilePond component (automatically registering and enabling it). 2018年(存档)最好的45个Vue开源项目汇总, 作者|Mybridge译者|无明 在过去的一年里,我们比较了将近 12,000 个 Vue. 4 is out and brings a big feature to the library: Pointer Events. All I want to do is force a 1:1 crop ratio on every image added as a profile picture, but with the current code, it is hanging at Waiting for size - Loading. React forces you to abandon state and use vertical passing through props instead. It looks great and comes with a lot of adapters for React, Vue, Angular, and jQuery. You need to pass the instance of your context to both and your connected component. We are trying to provide almost everything for web designer and developer as well as mobile app developer. Q&A for computer enthusiasts and power users. io, a Webpack Bundle Analyzer built with Rails and Vue. Implementing FilePond 2. Simple HTML5-compliant drag'n'drop zone for files built with React. NET libraries, tools & frameworks. Indie Product Developer • Web enthusiast • FilePond. A collection of projects made with React. There is a known issue documented on GitHub here with a title of Cross origin http request CORS fails with response header missing 'Access-Control-Allow-Credentials: true'. iview * Vue 1. Apply filters, adjust color balance and add markup to images. com) #reactJS #redux #frontend. A collection of Awesome. de has ranked N/A in N/A and 1,446,473 on the world. 2019-08-27: “React” “Why I have a problem with React the library and spend a lot of time talking to my … 2019-08-27: “The Bottom Feeder: I Am the Cheapest Bastard In Indie Games” This is about indie games dev but … 2019-08-26: “The best camera is the one you master — aows”. React FilePond is a handy wrapper component for FilePond, a JavaScript library that can upload anything you throw at it, optimizes images for faster uploads, and offers a great, accessible, silky smooth user experience. An Indie Product Developer living on this 2D plane people call The Netherlands. Implementing FilePond 2. Example Projects. Therefore, it makes sense that a lot of free and paid services, plugins, and libraries are available to make it easy to create forms. js https://tiptap. Unfortunately, it seems buggier than before! All the same, I am happy that the project is deployed, the first step to motivation for further work. The core library is written in vanilla JavaScript and therefor can be used everywhere. js - Websites, UI Components, Frameworks, Apps and more! React FilePond FilePond adapter component for React. filepond is a JavaScript library for uploading files that looks great and comes with a lot of adapters for React, vue, Angular or jQuery and has some nice built-in UX. weather-app-1 * TypeScript 0. In this article, Dillon Chanis gives a detailed explanation on how to use render props in Vue and how do they compare to scoped slots. Q&A for computer enthusiasts and power users. Just $5/month. NET distribution. Are you asking for some good examples of frontend written in React. de reaches roughly 480 users per day and delivers about 14,404 users each month. Think of what you can do to bring your ideas to life. Within the list, you would have a description of a single home. lyft/react-javascript-to-typescript-transform Convert React JavaScript code to TypeScript with proper typing 01/16/2018 By Julio Fuente ecomfe/san San is a flexible JavaScript component framework 01/12/2018 By Julio Fuente konsoletyper/teavm Compiler of Java bytecode to JavaScript 01/05/2018 By Julio Fuente Popmotion/popmotion. If there's nothing in the task description about hashing a password, for example, many people will not apply it, even if they know it's the better solution. In react useRef hook helps us to access the dom nodes or html elements, so that we can interact with that dom element like accessing the input element value or focussing the input element. React Hooks are the new hot topic in the React community but how do we write one? Leonardo. If React components are the basic unit for creating content in WordPress, October CMS is based on the premise that knowing good old HTML is enough for building sites. Deprecated: Function create_function() is deprecated in /home/forge/rossmorganco. locale preference, UI theme) that are required by many components within an application. This example shows how you can hook into the upload progress props to display a progress bar and optional abort the upload. Managing the state of values, errors, and touched can make matters even worse. js component for FilePond - a file upload library that can upload anything you throw at it. Then, using the users webcam, a picture is captured (React Webcam) and again uploaded to S3 and analysed for matches. To accept pull requests the tests need to be better, any help to improve them is very much appreciated.