<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Dieke Sydney</title>
    <description>The latest articles on DEV Community by Dieke Sydney (@sydney205).</description>
    <link>https://dev.to/sydney205</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1421758%2Fd8684f63-af42-4b19-b375-f9634010ba6b.png</url>
      <title>DEV Community: Dieke Sydney</title>
      <link>https://dev.to/sydney205</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/sydney205"/>
    <language>en</language>
    <item>
      <title>How to Make a Pull Request to Another Pull Request (Without Write Access)</title>
      <dc:creator>Dieke Sydney</dc:creator>
      <pubDate>Wed, 20 Aug 2025 09:46:24 +0000</pubDate>
      <link>https://dev.to/sydney205/how-to-make-a-pull-request-to-another-pull-request-without-write-access-4l0l</link>
      <guid>https://dev.to/sydney205/how-to-make-a-pull-request-to-another-pull-request-without-write-access-4l0l</guid>
      <description>&lt;p&gt;In open-source collaboration, you might encounter a situation where you want to suggest changes to someone else’s pull request (PR). If you have &lt;strong&gt;write access&lt;/strong&gt; to the repository, you can push directly to the PR branch. But what if you don’t? This guide walks you through the process of creating a “pull request to a pull request” when you &lt;strong&gt;don’t have write access&lt;/strong&gt;.&lt;/p&gt;




&lt;h2&gt;
  
  
  Why Would You Do This? ¯(ツ)_/¯
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;To contribute improvements to an existing PR before it gets merged.
&lt;/li&gt;
&lt;li&gt;To fix small issues (typos, bugs, or missing features) in someone else’s PR.
&lt;/li&gt;
&lt;li&gt;To collaborate in a review-driven workflow.
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  ⚠️ Cautions Before You Start
&lt;/h2&gt;

&lt;p&gt;Before contributing to another pull request, keep these points in mind:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Respect the Author’s Work:&lt;/strong&gt; You’re modifying someone else’s contribution. Make sure your changes are helpful and aligned with the purpose of their PR.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Communicate First:&lt;/strong&gt; If possible, comment on the original PR to let the author know you’d like to contribute improvements. This avoids misunderstandings.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Check for Active Updates:&lt;/strong&gt; The author might already be working on similar changes. Pull the latest branch updates before making edits.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Keep Changes Minimal:&lt;/strong&gt; Focus only on what’s necessary to fix or improve the PR. Avoid adding unrelated features.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Follow the Project’s Contribution Guidelines:&lt;/strong&gt; Check the repository’s &lt;code&gt;CONTRIBUTING.md&lt;/code&gt; or style rules so your PR isn’t rejected for formatting or process issues.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Test Your Changes:&lt;/strong&gt; Ensure your update doesn’t break existing functionality before submitting.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Be Ready for Feedback:&lt;/strong&gt; The author or maintainers may request changes, and that’s part of the collaborative process.&lt;/li&gt;
&lt;/ol&gt;




&lt;h2&gt;
  
  
  Here's a step-by-step guide
&lt;/h2&gt;

&lt;p&gt;To demonstrate how to make a PR on another PR without write access, let me walk you through the exact steps I followed when contributing to a PR (&lt;a href="https://github.com/nhcarrigan/typescript-sprint/" rel="noopener noreferrer"&gt;typescript-sprint&lt;/a&gt;) on freeCodeCamp's &lt;a href="https://github.com/freeCodeCamp/CurriculumExpansion" rel="noopener noreferrer"&gt;CurriculumExpansion&lt;/a&gt;&lt;br&gt;
CurriculumExpansion repository&lt;/p&gt;
&lt;h3&gt;
  
  
  1. Fork the Repository
&lt;/h3&gt;

&lt;p&gt;Since you don't have write access, the first thing you want to do is to fork the repository:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Go to the repository containing the PR you want to contribute to.&lt;/li&gt;
&lt;li&gt;Click the &lt;strong&gt;Fork&lt;/strong&gt; button (top right corner).
&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8t4raknpzfohvnwxye79.png" alt="Screenchot: Github's fork button" width="800" height="402"&gt;
&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;This creates a personal copy of the repository under your account&lt;/p&gt;
&lt;h3&gt;
  
  
  2. Clone Your Fork
&lt;/h3&gt;

&lt;p&gt;Run the below command on your Command Line Interface (CLI):&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;git clone https://github.com/Your-Username/Repo-Name.git
&lt;span class="nb"&gt;cd &lt;/span&gt;Repo-Name
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  3. Add the Original Repository as a Remote
&lt;/h3&gt;

&lt;p&gt;This will let you pull changes from the original repository (including the PR branch).&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;git remote add upstream https://github.com/Original-Owner/Repo-Name.git
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  4. Fetch the PR Branch
&lt;/h3&gt;

&lt;p&gt;Find the branch name from the PR you want to modify.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;git fetch upstream Branch-Name
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  5. Create your own branch
&lt;/h3&gt;

&lt;p&gt;Make your own branch where you can save your changes&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;git checkout &lt;span class="nt"&gt;-b&lt;/span&gt; Your-Branch upstream/Branch-Name
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  6. Make Your Changes
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;Edit the files.  &lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Stage your changes:&lt;br&gt;
&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;   git add &lt;span class="nb"&gt;.&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;ol&gt;
&lt;li&gt;Commit your changes:
&lt;/li&gt;
&lt;/ol&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;   git commit &lt;span class="nt"&gt;-m&lt;/span&gt; &lt;span class="s2"&gt;"Describe your change briefly"&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  7. Push to Your Fork
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;git push origin Your-Branch
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  8. Create Your Pull Request
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;Go to your fork on GitHub.
&lt;/li&gt;
&lt;li&gt;Click &lt;strong&gt;Compare &amp;amp; pull request&lt;/strong&gt;.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxuxtawoaswol1j3u110p.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxuxtawoaswol1j3u110p.png" alt="Screenshot: Github's " width="800" height="402"&gt;&lt;/a&gt; &lt;br&gt;
  3.In the PR creation page:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Base repository&lt;/strong&gt; → the &lt;strong&gt;original repository&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Base branch&lt;/strong&gt; → the &lt;strong&gt;PR’s branch&lt;/strong&gt; (not &lt;code&gt;main&lt;/code&gt;).
&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fa5ggcdzuf6tt1o2fad1y.png" alt="Screenshot: Github's pull request creation page button" width="800" height="404"&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;This allows you to target the original PR branch, even though you're not a direct collaborator.  &lt;/p&gt;

&lt;p&gt;4.Write a short description of your changes and submit for review.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fbc04y2tnxr2kacxkboep.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fbc04y2tnxr2kacxkboep.png" alt=" " width="800" height="209"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  9. Wait for Feedback
&lt;/h3&gt;

&lt;p&gt;Once all that is done, actively wait for feedback on your PR with fingers crossed, and hopefully, it will be merged.&lt;/p&gt;




&lt;h2&gt;
  
  
  Conclusion
&lt;/h2&gt;

&lt;p&gt;Even without write access, you can still enhance someone else’s PR and help move the project forward, and this guide ensures smooth collaboration and keeps the development process inclusive. &lt;/p&gt;

&lt;p&gt;Open source thrives when everyone can contribute, even to contributions themselves! 🙌&lt;/p&gt;

</description>
      <category>opensource</category>
      <category>github</category>
      <category>git</category>
      <category>programming</category>
    </item>
    <item>
      <title>Boost Your Productivity with SkelPro: The Ultimate Tool for Fast Project Setup</title>
      <dc:creator>Dieke Sydney</dc:creator>
      <pubDate>Mon, 07 Apr 2025 12:47:55 +0000</pubDate>
      <link>https://dev.to/sydney205/boost-your-productivity-with-skelpro-the-ultimate-tool-for-fast-project-setup-42hb</link>
      <guid>https://dev.to/sydney205/boost-your-productivity-with-skelpro-the-ultimate-tool-for-fast-project-setup-42hb</guid>
      <description>&lt;h2&gt;
  
  
  SkelPro: Build Project Structures in Seconds
&lt;/h2&gt;

&lt;p&gt;&lt;em&gt;Why repeat the same setup when you can generate project skeletons instantly with SkelPro?&lt;/em&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  Introduction 📚
&lt;/h2&gt;

&lt;p&gt;Setting up the same project structure over and over again can be time-consuming and draining. That’s where &lt;strong&gt;SkelPro&lt;/strong&gt; comes in.&lt;/p&gt;

&lt;p&gt;SkelPro is a lightweight tool that helps you quickly scaffold the foundational structure of your projects. Whether you're working on a web app, API, or CLI tool, SkelPro allows you to focus on building instead of repeating the same boilerplate setup every time.&lt;/p&gt;




&lt;h2&gt;
  
  
  Key Features ⚙️
&lt;/h2&gt;

&lt;p&gt;SkelPro is built to streamline your workflow with features that prioritize speed and flexibility:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;JSON Configuration&lt;/strong&gt;&lt;br&gt;&lt;br&gt;
Define your project structures in a clean JSON format for easy customization and sharing.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Fast Scaffolding&lt;/strong&gt;&lt;br&gt;&lt;br&gt;
Generate folders, files, and boilerplate content with a single command.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Interactive CLI&lt;/strong&gt;&lt;br&gt;&lt;br&gt;
A straightforward command-line interface that guides you through project creation.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  Installation 💻
&lt;/h2&gt;

&lt;p&gt;Install SkelPro globally using npm:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;npm &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="nt"&gt;-g&lt;/span&gt; skelpro
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;After installation, you're ready to create clean and organized project setups in seconds.&lt;/p&gt;




&lt;h2&gt;
  
  
  Usage 🛠️
&lt;/h2&gt;

&lt;p&gt;To start a new project:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;skelpro start
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;You’ll be prompted to provide a name, choose a template source, and let SkelPro do the rest.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Tip:&lt;/strong&gt; SkelPro works best with direct raw JSON links for template fetching.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Example format:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;https://raw.githubusercontent.com/&amp;lt;user&amp;gt;/&amp;lt;repo&amp;gt;/&amp;lt;branch&amp;gt;/file.json
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;This allows seamless template loading from GitHub or other hosting services.&lt;/p&gt;




&lt;h2&gt;
  
  
  CLI Overview 🧾
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;skelpro &lt;span class="o"&gt;[&lt;/span&gt;options] &lt;span class="o"&gt;[&lt;/span&gt;&lt;span class="nb"&gt;command&lt;/span&gt;&lt;span class="o"&gt;]&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Options:
&lt;/h3&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Options&lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;-i, --install&lt;/td&gt;
&lt;td&gt;Install dependencies&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;-v, --version&lt;/td&gt;
&lt;td&gt;Output the version number&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;-h, --help&lt;/td&gt;
&lt;td&gt;Display help for command&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;h3&gt;
  
  
  Commands:
&lt;/h3&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Command&lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;start&lt;/td&gt;
&lt;td&gt;Start the command line interface 'Home'&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;generate &amp;lt;templateName&amp;gt; &amp;lt;projectPath&amp;gt;&lt;/td&gt;
&lt;td&gt;Generate a reusable template or should i say 'skeleton'&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;create &amp;lt;projectName&amp;gt; &amp;lt;templatePath&amp;gt;&lt;/td&gt;
&lt;td&gt;Scaffolds project skeleton from the specified JSON template path or URL&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;help [command]&lt;/td&gt;
&lt;td&gt;Display help for command&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;&lt;strong&gt;Installing dependencies:&lt;/strong&gt; To install dependencies after scaffolding template simply add the &lt;code&gt;-i&lt;/code&gt; or &lt;code&gt;--install&lt;/code&gt; flag, as seen below:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;skelpro create &lt;span class="nt"&gt;-i&lt;/span&gt; &amp;lt;projectName&amp;gt; &amp;lt;templatePath&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;The CLI is simple, beginner-friendly, and efficient for daily use.&lt;/p&gt;




&lt;h2&gt;
  
  
  Final Thoughts ✅
&lt;/h2&gt;

&lt;p&gt;SkelPro is about saving time, staying organized, and keeping your workflow consistent across projects. Whether you're a student, hobbyist, or working developer, it's a reliable tool to help kick off your projects the right way—quickly and cleanly.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;em&gt;Transparent, reliable, and no fluff—just structure where you need it most.&lt;/em&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;a href="https://github.com/SkelPro/skelpro" rel="noopener noreferrer"&gt;https://github.com/SkelPro/skelpro&lt;/a&gt; &lt;/p&gt;

</description>
      <category>boilerplate</category>
      <category>tooling</category>
      <category>cli</category>
      <category>opensource</category>
    </item>
    <item>
      <title>🚀 Typeglide: A Simple Typing Effect Library for Node.js</title>
      <dc:creator>Dieke Sydney</dc:creator>
      <pubDate>Tue, 11 Feb 2025 23:41:19 +0000</pubDate>
      <link>https://dev.to/sydney205/typeglide-a-simple-typing-effect-library-for-nodejs-2a39</link>
      <guid>https://dev.to/sydney205/typeglide-a-simple-typing-effect-library-for-nodejs-2a39</guid>
      <description>&lt;p&gt;I've always been fascinated by &lt;strong&gt;JavaScript&lt;/strong&gt; and have been learning how the &lt;strong&gt;npm registry&lt;/strong&gt; works. As someone who loves animation and enjoys adding life to static text, I decided to build &lt;strong&gt;Typeglide&lt;/strong&gt; to make the &lt;strong&gt;command line more interesting&lt;/strong&gt; and engaging.  &lt;/p&gt;

&lt;p&gt;In the world of terminal applications and CLI tools, adding dynamic, eye-catching effects can significantly improve user experience. Whether you're building an interactive console application or just want to add some flair to your scripts, &lt;strong&gt;Typeglide&lt;/strong&gt; is here to help!  &lt;/p&gt;

&lt;p&gt;Typeglide is a lightweight &lt;strong&gt;typing effect&lt;/strong&gt; library designed for &lt;strong&gt;Node.js&lt;/strong&gt;. It provides a smooth, customizable way to simulate typing animations in terminal applications. With built-in features for &lt;strong&gt;speed control, looping, shuffling, and more&lt;/strong&gt;, Typeglide makes it easy to bring text to life.  &lt;/p&gt;




&lt;h2&gt;
  
  
  &lt;strong&gt;📦 Installation&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;Install Typeglide using &lt;strong&gt;npm&lt;/strong&gt;:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;npm &lt;span class="nb"&gt;install &lt;/span&gt;typeglide
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;p&gt;🚀 Quick Start&lt;/p&gt;

&lt;p&gt;Setting up Typeglide is straightforward. Here's a basic example:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="k"&gt;import&lt;/span&gt; &lt;span class="nx"&gt;typeglide&lt;/span&gt; &lt;span class="k"&gt;from&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;typeglide&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

&lt;span class="kd"&gt;var&lt;/span&gt; &lt;span class="nx"&gt;myArray&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="p"&gt;[&lt;/span&gt;
  &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Good morning&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;How are you today?&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Would you like a cup of coffee?&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
&lt;span class="p"&gt;];&lt;/span&gt;

&lt;span class="nf"&gt;typeglide&lt;/span&gt;&lt;span class="p"&gt;({&lt;/span&gt; &lt;span class="na"&gt;strings&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nx"&gt;myArray&lt;/span&gt; &lt;span class="p"&gt;});&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;This will display the provided strings as if they were being typed in real-time.&lt;/p&gt;




&lt;p&gt;⏱ Customize Speeds &amp;amp; Delays&lt;/p&gt;

&lt;p&gt;Fine-tune the typing effect with typing speed, backspacing speed, and delays:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="k"&gt;import&lt;/span&gt; &lt;span class="nx"&gt;typeglide&lt;/span&gt; &lt;span class="k"&gt;from&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;typeglide&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

&lt;span class="nf"&gt;typeglide&lt;/span&gt;&lt;span class="p"&gt;({&lt;/span&gt;
  &lt;span class="na"&gt;strings&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nx"&gt;myArray&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="na"&gt;typeSpeed&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mi"&gt;70&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;   &lt;span class="c1"&gt;// Typing speed (milliseconds)&lt;/span&gt;
  &lt;span class="na"&gt;backSpeed&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mi"&gt;50&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;   &lt;span class="c1"&gt;// Backspacing speed&lt;/span&gt;
  &lt;span class="na"&gt;startDelay&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mi"&gt;10&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;  &lt;span class="c1"&gt;// Delay before typing starts&lt;/span&gt;
  &lt;span class="na"&gt;backDelay&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mi"&gt;100&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;  &lt;span class="c1"&gt;// Delay before backspacing&lt;/span&gt;
&lt;span class="p"&gt;});&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;This level of customization ensures that you can create the perfect typing animation.&lt;/p&gt;




&lt;p&gt;🔁 Looping Strings&lt;/p&gt;

&lt;p&gt;Enable looping and define how many times to repeat:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="k"&gt;import&lt;/span&gt; &lt;span class="nx"&gt;typeglide&lt;/span&gt; &lt;span class="k"&gt;from&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;typeglide&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

&lt;span class="nf"&gt;typeglide&lt;/span&gt;&lt;span class="p"&gt;({&lt;/span&gt;
  &lt;span class="na"&gt;strings&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nx"&gt;myArray&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="na"&gt;loop&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="kc"&gt;true&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;       &lt;span class="c1"&gt;// Enable looping&lt;/span&gt;
  &lt;span class="na"&gt;loopCount&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mi"&gt;3&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;     &lt;span class="c1"&gt;// Number of times to repeat&lt;/span&gt;
&lt;span class="p"&gt;});&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Perfect for CLI apps that need continuous messaging.&lt;/p&gt;




&lt;p&gt;✨ Extra Features&lt;/p&gt;

&lt;p&gt;Typeglide comes with additional options:&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Name&lt;/th&gt;
&lt;th&gt;Required&lt;/th&gt;
&lt;th&gt;Default&lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;backspace(bool)&lt;/td&gt;
&lt;td&gt;no&lt;/td&gt;
&lt;td&gt;true&lt;/td&gt;
&lt;td&gt;Disable backspace to type each string on a new line&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;backspaceLastString(bool)&lt;/td&gt;
&lt;td&gt;no&lt;/td&gt;
&lt;td&gt;true&lt;/td&gt;
&lt;td&gt;Whether to backspace last string on the array&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;shuffle(bool)&lt;/td&gt;
&lt;td&gt;no&lt;/td&gt;
&lt;td&gt;false&lt;/td&gt;
&lt;td&gt;Shuffle the strings on the array&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;singleLine(bool)&lt;/td&gt;
&lt;td&gt;no&lt;/td&gt;
&lt;td&gt;false&lt;/td&gt;
&lt;td&gt;Types strings on a single line&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;seperator(string)&lt;/td&gt;
&lt;td&gt;when &lt;code&gt;singleLine&lt;/code&gt; is activated&lt;/td&gt;
&lt;td&gt;empty string&lt;/td&gt;
&lt;td&gt;Seperate strings on single line&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;For example, to shuffle the strings and keep them on a single line:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="k"&gt;import&lt;/span&gt; &lt;span class="nx"&gt;typeglide&lt;/span&gt; &lt;span class="k"&gt;from&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;typeglide&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

&lt;span class="nf"&gt;typeglide&lt;/span&gt;&lt;span class="p"&gt;({&lt;/span&gt;
  &lt;span class="na"&gt;strings&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nx"&gt;myArray&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="na"&gt;shuffle&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="kc"&gt;true&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="na"&gt;singleLine&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="kc"&gt;true&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="na"&gt;separator&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt; | &lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="c1"&gt;// Example: "Good morning | How are you today? | ..."&lt;/span&gt;
&lt;span class="p"&gt;});&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;p&gt;🤝 Contributing&lt;/p&gt;

&lt;p&gt;As I'm constantly exploring JavaScript/Typescript and learning about npm, I'm open to feedback and ideas to make Typeglide even better! 🎉&lt;/p&gt;

&lt;p&gt;Feel free to create an issue if you encounter bugs or have suggestions.&lt;/p&gt;

&lt;p&gt;You can also make a pull request to add new features!&lt;/p&gt;

&lt;p&gt;Check out the repository on GitHub:&lt;br&gt;
🔗 &lt;a href="https://github.com/Sydney205/typeglide" rel="noopener noreferrer"&gt;Typeglide on GitHub&lt;/a&gt;&lt;/p&gt;



&lt;p&gt;📜 License&lt;/p&gt;

&lt;p&gt;MIT License – Free to use, modify, and distribute.&lt;/p&gt;

&lt;p&gt;📌 Author: Dieke Sydney &lt;a href="https://sydney205.vercel.app" rel="noopener noreferrer"&gt;Sydney205&lt;/a&gt;&lt;/p&gt;



&lt;p&gt;📥 Install &amp;amp; Try It Today!&lt;/p&gt;

&lt;p&gt;Ready to enhance your terminal applications? Install Typeglide now:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;npm &lt;span class="nb"&gt;install &lt;/span&gt;typeglide
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Let me know what you think! I'm always open to feedback, ideas, and improvements. 🚀&lt;/p&gt;

</description>
      <category>cli</category>
      <category>javascript</category>
      <category>npm</category>
      <category>animation</category>
    </item>
  </channel>
</rss>
