Changelog

All the latest updates, improvements, and fixes.

Export To CodePen & Improvements

  • Implement CodePen export and update Clipboard export options.
  • Add export options for Clipboard or CodePen in conversion settings.
  • Convert to nearest Tailwind color (available as UI option soon) reletive path
  • Improve HTML tag and attribute filtering for unknown tags.
  • Implement HTML tag and attribute filtering for optimize reduced output.
  • Enhance logical property conversion for converting longhand css to shorthand to reduce output.
  • Improved stylesheets filtering for extracing accurate styles relating to element.

Support for Tailwind 4 & Resolving Stylesheets

  • Incrementally adding support such as 'padding-inline' conversion to Tailwind V4 rem units.

  • Utility to convert values to the nearest Tailwind rem units. reletive path

  • Improve media query parsing and simplify media condition output.

  • Add oklch color conversion for Tailwind V4 Color support.

  • Add Calc resolver for resolving stylesheet calc values in the output

  • Add Var resolver for resolving styleseet var values in the output

  • Improve media query to support flex and grid styles.

Extension Memory & Tools

  • Extension - Update responsive media query
  • Extension - Remove cached stylesheets memory after conversion
  • Extension - Display stylesheet file size when large file is detected and display conversion time
  • Tools - Updated Tailwind Grid Generator
  • Tools - New Tailwind Cheat Sheet

Playground & Rewrite

  • Launched Code Playground 🎉
  • Rewrite converter to ouptut HTML, CSS, JS separately for Playground
  • Optimize converter for better performance
  • Fix toast notification during processing
  • Enable Code Playground CDN libraries
  • Designer Toolbar WIP
  • Fix Code Playground split pane issue reletive path

Meida Query & Optimizations

  • Complete Media Query Conversion

  • Fully Implemented the new UI along with all the planned features! 🎉

  • From old UI 🡆 new UI

    reletive path 🡆 reletive path

  • Implement purging of styles to reduce uncessary css styles

  • 30%+ reduced conversion output from optimizations of the same code block without change in rendered styles reletive path

  • Include srcset and poster attributes when converting "video" and "img" elements

  • Improved popup loading screen when clicked on the browser icon

Beta & New Menu

  • Released Firefox extension! 🎉
  • Add additional styles conversions
  • More improvements on shortening conversion
  • Update JSX & CSS formatter for better readability
  • New UI Draft 🤩 reletive path
  • Add Beta licensing generation in Dashboard
  • Previously you need to message the Admin for a Beta License Key. You can now generate your own in the Dashboard reletive path

V1 Release and WebApp

  • V1 release! 🎉🎉🎉🎉
  • Create and Deploy WebApp
  • Implemented Licensing Server
  • Bind "Try" Button with Browser Extension on Home page
  • Migrated Extension to new setup for better cross browser compilation
  • HTML to JSX conversion
  • Local CSS style conversion
  • Convert to short hand CSS styles
  • WIP: Updated Media Queries
  • WIP: Other conversion options
  • WIP: Auth & Dashboard

Better Converter and React

  • Completed: TailwindCSS Converter V2
  • Format and prettify output
  • Copy result to clipboard
  • UI rewrite from DOM to React for better maintainability
  • Update iframe handling when working in React
  • Update UI Design
  • Add Toaster for notifications

Handling Nested Elements and Iframes

  • Completed: Recursive Functionality to convert nested elements
  • Iframe handling for when elements are inside of iframes
  • Update iframe handling for different iframe cases
  • Disallow highlight when mouseover Extension UI elements
  • WIP: TailwindCSS Converter V2 iteration

Convert Images and Other Improvements

  • Convert Images with correct path when copied to external sources

  • Other additional Development Improvements and Bug Fixes

    • Resolve Extension importing library issues
    • semantic-release, changelog and commit linting

  • Design logo and branding

  • Implemented UI

  • WIP: Recursive Functionality to convert nested elements

Added Testing and Media Queries

  • Add testing to ensure conversion accuracy
  • Updated the module path for TypeScript
  • Implemented media queries
  • Reset highlighted element when browser icon clicked

Introducing Pastaable

  • Port over existing implementation to TypeScript
  • Use different highlight colors when clicked and selected
  • Enable keyboard movements for selection
  • Filtered more accurate element CSS styles for conversion
  • Implemented CSS to Tailwind converter