abhirup@99's Blog

Weekly Check-In #4

abhirup@99
Published: 06/28/2021

✌, so we are nearing the half time now. I am extremely grateful for having the opportunity to participate in Summer of Code. What did I do this week? We now have a new shortcut for the Adobe XD plugin. The loading icon is also new now. We are using an EOS Icons now 🤘. What is coming up next? Finally the Figma PR is nearing completion now. We are on React plus Typescript. The initial version is ready. ESLint is being set up now along with Prettier to maintain the code quality. I am also planning on adding the tests to ensure new updates doesn't break anything. What challenges did I have? The first challenge was setting up eslint, typescript and making the code compliant. There were a lot of some issues and it did take significant time to complete it. I am really etching to make the PR now.
View Blog Post

Weekly Check-In #3

abhirup@99
Published: 06/24/2021

This week, my first PR post GSOC got merged :tada: . I implemented Babel in the repo to add import export syntax than the original require syntax. This brought a bit more consistency in the syntax across the org repos. There is a new UI for the plugin now. I have been working on migrating the Figma plugin for the EOS Icons to React. The original implementation is in html and JS. This would allow a bit more customizations, and stylings. The plugin would be moved to Typescript :tada: and react (tsx, I am waiting..), What is coming next? The figma plugin is coming some. The initial react structure is done, and only few bugs remain. I would try to squash them as soon as possible, and a new plugin awaits Figma. Did you face any issues? Yes, I got a bit confused with the figma APIs. I had to go through the documentation a bit more, but was finally able to get some sense out of it.
View Blog Post

Weekly Check-In #2

abhirup@99
Published: 06/15/2021

This week, I am finalising the design and structure of the Adobe XD plugin. I created a PR to add Eslint to the repo. This checks the files on every commit and during the merge process. React props is added to the repo to check the props types on each component. This would improve the types and will catch more errors during the build time. I removed some of the redundant files and implemented CI checks. Yarn is completely removed from the repo with all the scripts using npm now. I also worked on the improving the UI of the app. Icons are now present after every search, giving it a better visual feedback. The 'Copy to Clipboard' button is now disabled by default, and only is clickable once file is found, and fetched. This completes the entire fetching cycle. The UI can be further improved and I am working on it now. I struggled a bit with implementing Eslint in the repo. It was tricky to implement, as some files required the same format for a successful build. There were globals present and it created issues with the imports. I went through the documentation, and learnt about globals in webpack, and implemented exceptions in ESLint to finalise it.
View Blog Post

Weekly Check-In #1

abhirup@99
Published: 06/10/2021

Hello! My name is Abhirup Pal. I am working under EOS creating Adobe XD and Figma Plugins for the EOS Icons. What did you do this week? During the community bonding period, I meet my mentors and the community admin. We had a discussion about the main parts, I would be focussing on! I went through the Figma and Adobe XD APIs, and skimmed through the React basics. What is coming up next? I would be focussing on completing the base structure of the Adobe XD repo, setting up shortcuts and the linting required. I intend to set up github workflows to build the plugin on every push. It's a new area for me, and I am really excited. Did you get stuck anywhere? Yeah, I faced some issues with the domain mapping during the github workflow setup for the eos-landing repo. It was a new thing for me, and had to go through the documentation to make it work. The other students and mentors helped a lot, and it's functional now ;).
View Blog Post