CKEditor 5 real-time collaboration features let you customize any CKEditor 5 build to include real-time collaborative editing, commenting and suggesting features and tailor them to your needs. Real-time collaboration consists of four features delivered as separate plugins that can be used with any CKEditor 5 build: Real-time collaborative editing – Allows for editing the same …
iFrameResizer
iFrameResizer is a simple library which provides functionality to resize the height of iframe based on it’s content. It’s very useful when we adjust the size of iframe so that we prevent scrolling inside the iframe. Here are reference links. http://davidjbradshaw.github.io/iframe-resizer/ https://github.com/davidjbradshaw/iframe-resizer
PHP8, XDebug 3 released
New version of XDebug released, which supports PHP8. Main concern for us is XDebug settings are changed.Old XDebug2 settings in php.ini can not be used for XDebug 3 and XDebug will not work. Please check in more details about the changed parameters here. https://xdebug.org/docs/upgrade_guide
Adding Swagger To Existing Node.js Project
Today, almost every application has to be connected and to share data with other applications. The best way to do that is throughAPIs. For a long time there hasn’t been any industry standard for designing and documenting APIs. And API without a good documentation on how to use it, is useless. Because of that, developers have …
Laravel Impersonate
Sometimes we face situations when all the tests are passing, we find no bugs, but still, on our users’ part, something broke. By impersonating our users, we can see what they see and track the bugs down easily. We can use laravel-impersonate package for this use case. https://github.com/404labfr/laravel-impersonate The installation and configuration is described in …
Figmagic
Generate design tokens, export graphics, and extract design token-driven React components from your Figma documents. Originally inspired by Salesforce Theo. Figmagic promotes a structured way of assembling design systems. Following the primary principle of atomic design, Figmagic wants you to build from the bottom up, beginning with decomposing the tokens. Tokens shape elements, which form components, …
How to use private package on github action
Github provides github action for CI/CD. For the CI, we could meet some cases to use private packages. In this case, npm run install will have permission problem. So, we need to set ssh agent. – name: Set ssh agent uses: webfactory/ssh-agent@v0.4.1 with: ssh-private-key: ${{ secrets.PRIVATE_SSH_KEY }} Then it will work for a private repository. …
AWS CloudFormation
AWS CloudFormation gives you an easy way to model a collection of related AWS and third-party resources, provision them quickly and consistently, and manage them throughout their lifecycles, by treating infrastructure as code. A CloudFormation template describes your desired resources and their dependencies so you can launch and configure them together as a stack. You …
Yup
Yup is a JavaScript schema builder for value parsing and validation. Define a schema, transform a value to match, validate the shape of an existing value, or both. Yup schema are extremely expressive and allow modeling complex, interdependent validations, or value transformations. Yup’s API is heavily inspired by Joi, but leaner and built with client-side validation …
Make a mapping object from an array of objects using Reduce function in Javascript
Sometimes, we face some usecases to make a mapping object from an array of object. For example, we have a Users array, we need to find a user by tagId. Here tagIdis supposed to be unique. Generally, we may try to use array.find() function to find the object with tagId. But using array.reduce()function in Javascript, …