Tic Text Toc ᯓ🏃🏻‍♀️‍➡️

📥 Installation

1. Visit the Chrome Web Store
2. Click Add to Chrome
3. Confirm the installation when prompted
4. The Tic Text Toc icon will appear in your Chrome toolbar

🚀 Getting Started

Opening the Extension

• Quick Access: Click the extension icon in your toolbar to open the popup
• Full Tab View: Right-click the extension icon → "Open Tic Text Toc in Tab" for a larger workspace

Understanding the Interface

The popup has 5 main tabs:

• Scripts: Manage your text snippets and templates
• Notes: Create floating sticky notes for specific webpages
• Categories: Organize your snippets with color-coded categories
• Websites: Control which sites show the floating widget
• Settings: Configure themes, shortcuts, and behaviors

📝 Working with Scripts (Snippets)

Creating a Script

1. Click the extension icon to open the popup
2. Go to the Scripts tab
3. Click + Add Script
4. Fill in the form:
   • Title: Name for your snippet (e.g., "Friendly Greeting")
   • Category: Select from your categories or use "General"
   • Content: The actual text that will be inserted
   • Shortcut: (Optional) A short code like "hi" (you'll type "!hi" to expand)
   • Featured: Check this to show in the floating widget (max 10)
   • Show on domains: (Optional) Limit to specific websites
5. Click Save Script

Using Scripts

There are multiple ways to use your scripts:

Method 1: From the Floating Widget

• The floating widget appears on allowed websites
• Click Copy to copy to clipboard
• Click Paste to insert at cursor position
• Click Send to insert and automatically submit

Method 2: Text Shortcuts

• Type your command prefix (default: !) + shortcut code
• Example: Type !thanks and it auto-expands to your full snippet
• Works in any text field on configured websites

Method 3: Click to Copy

• In the popup, click anywhere on a script card to copy it to clipboard
• Paste anywhere with Ctrl+V

Managing Scripts

• Edit: Click the edit icon on any script card
• Delete: Click the delete icon (confirm when prompted)
• Search: Use the search box to filter by title or content
• Filter: Use the category dropdown to show specific categories

📌 Floating Notes

Creating a Floating Note

1. Navigate to the webpage where you want the note to appear
2. Open the extension popup
3. Go to the Notes tab
4. Click + Add Note
5. Fill in:
   • Title: Note heading
   • Content: Note text
   • Category: Organization
   • Enable Floating: Check to show on webpage
   • URL Pattern: Automatically filled with current page (edit as needed)
   • Position: Where on screen (top-left, top-right, bottom-left, bottom-right)
   • Color: Note background color
   • Opacity: Note transparency (0-100%)
6. Click Save Note

Using Floating Notes

• Notes automatically appear when you visit matching URLs
• Drag notes to reposition them (position is saved)
• Click the edit icon to modify content directly on the page
• Click the close icon to hide (won't delete, just hides)
• Supports wildcards in URL patterns (e.g., https://example.com/*)

🏷️ Managing Categories

Creating Categories

1. Go to the Categories tab
2. Click + Add Category
3. Enter a name (e.g., "Customer Support", "Social Media", "Email Templates")
4. Choose a color for easy visual identification
5. Click Save Category

Best Practices

• Use descriptive names that reflect the content type
• Choose distinct colors for quick visual scanning
• Common categories: Greetings, FAQs, Closings, Technical, Sales, Support
• Don't create too many - aim for 5-10 main categories

🌐 Website Management

Adding Allowed Websites

1. Go to the Websites tab
2. Click + Add Website
3. Enter the domain (e.g., gmail.com, twitter.com, facebook.com)
4. Select the Send Behavior:
   • Enter: Submit with Enter key (most sites)
   • Ctrl+Enter: Submit with Ctrl+Enter (Slack, Discord, etc.)
   • Shift+Enter: Submit with Shift+Enter (some chat platforms)
5. Click Save Website

Pre-configured Websites

The extension comes with these platforms already configured:

• x.com (Twitter/X) - Enter
• facebook.com - Enter
• crisp.chat - Enter

Managing Websites

• Enable/Disable: Toggle the checkbox to show/hide widget on that site
• Edit: Click edit to change domain or send behavior
• Delete: Remove website from allowed list

⚙️ Settings & Configuration

Available Settings

Auto-Inject Floating Box

• Enable/disable the floating widget globally
• When disabled, widget won't appear on any site
• Scripts and shortcuts still work in popup

Floating Widget Position

• Choose default position: Top-Right, Top-Left, Bottom-Right, Bottom-Left
• Can be dragged to custom position on each page

Widget Theme

• Auto: Follows system dark/light mode
• Light: Always light theme
• Dark: Always dark theme

Popup Theme

• Separate theme control for the popup interface
• Same options: Auto, Light, Dark

Command Prefix

• Character to trigger shortcuts (default: !)
• Change to /, ., or any character you prefer
• Example: With / prefix, type /hi instead of !hi

Enable Shortcuts

• Toggle text shortcut auto-expansion feature
• Disable if shortcuts interfere with your typing

Date Format

• Customize how timestamps appear in the interface
• Example formats: HH:mm DD-MMM-YY, MM/DD/YYYY, etc.

Data Management

Export Data

1. Go to Settings tab
2. Click Export All Data
3. A JSON file downloads with all your scripts, notes, categories, and settings
4. Save this file for backup or to transfer to another browser

Import Data

1. Go to Settings tab
2. Click Choose File under Import Data
3. Select your previously exported JSON file
4. Click Import Data
5. Confirm when prompted

Clear All Data

• Removes all scripts, notes, categories, and resets settings
• Cannot be undone - export first if you might need the data
• Useful for starting fresh or troubleshooting

⌨️ Keyboard Shortcuts

Global Shortcuts

• Ctrl + Shift + S - Toggle floating widget visibility
• Ctrl + Shift + F - Focus search box in floating widget

Widget Controls

• Drag: Click and hold header to move widget anywhere on page
• Minimize: Click minimize icon to collapse to header only
• Maximize: Click maximize icon to expand to 90% screen height
• Close: Click X to hide widget (use Ctrl+Shift+S to show again)

🔧 Advanced Features

Advanced Editor Support

Tic Text Toc includes specialized support for:

• Lexical Editors: Facebook's rich text framework
• Crisp Chat: Customer service chat systems
• ContentEditable: Advanced WYSIWYG editors
• Rich Text Editors: Draft.js, ProseMirror, and similar

The extension automatically detects editor types and uses the appropriate paste method.

Domain-Specific Scripts

When creating a script, you can limit it to specific domains:

1. In the script form, find "Show on domains" section
2. Enter domains (one per line): gmail.com, twitter.com
3. Script only appears in floating widget on those domains
4. Leave empty to show on all allowed websites

URL Pattern Matching for Notes

Floating notes support flexible URL patterns:

• https://example.com/page - Exact page only
• https://example.com/* - All pages on domain
• example.com - Domain and all paths
• */admin/* - Any page with /admin/ in path

Focus Tracking

The extension tracks your last focused input element:

• Click in any text field, textarea, or editor
• Use the floating widget to paste
• Text inserts exactly where you last clicked
• Works even if you click the widget (focus is remembered)

🔍 Troubleshooting

Floating Widget Not Appearing

• Check if "Auto-Inject Floating Box" is enabled in Settings
• Verify the current website is in your allowed websites list
• Try toggling with Ctrl+Shift+S
• Refresh the page after making changes

Paste Not Working

• Click inside the target text field first
• Try using the Copy button instead, then Ctrl+V
• Some sites block automated pasting - use Copy as a workaround
• Check browser console for any errors (F12 → Console)

Shortcuts Not Expanding

• Verify "Enable Shortcuts" is checked in Settings
• Check you're using the correct command prefix (default: !)
• Ensure the website is in your allowed websites list
• Type slowly - there's a 1-second buffer for shortcut detection

Send Button Not Working

• Check the send behavior setting for that website
• Try different send behaviors: Enter, Ctrl+Enter, Shift+Enter
• Some sites have custom submit mechanisms - use Paste then manual submit

Data Not Syncing

• Ensure you're logged into Chrome with the same account
• Check Chrome sync is enabled: chrome://settings/syncSetup
• Data syncs automatically via Chrome's storage.sync API

Extension Icon Missing

• Click the puzzle icon in Chrome toolbar
• Find Tic Text Toc and click the pin icon
• Icon will now stay visible in your toolbar

💡 Tips & Best Practices

Organization Tips

• Use Categories Wisely: Create categories based on use case (Support, Sales, Social) rather than by topic
• Featured Scripts: Only mark your most-used 10 scripts as featured to avoid clutter
• Naming Convention: Use clear, descriptive titles that you'll recognize at a glance
• Regular Cleanup: Review and delete unused scripts monthly

Productivity Hacks

• Template Variables: Use placeholders like [NAME] or [ORDER_ID] in your snippets, then search/replace after pasting
• Emoji Library: Create a category of commonly used emojis and symbols for quick access
• Email Signatures: Store multiple email signatures for different contexts
• Code Snippets: Save frequently used code blocks, commands, or SQL queries
• Canned Responses: Perfect for customer support - create replies for common questions

Team Usage

• Export/Import: Create a "team template" and share via export/import
• Standardize Responses: Ensure consistent messaging across team members
• Onboarding: Provide new team members with pre-configured snippets
• Version Control: Keep exported JSON files in version control

Security & Privacy

• No Sensitive Data: Don't store passwords or sensitive information in snippets
• Regular Backups: Export your data regularly
• Review Permissions: Extension only accesses pages you've allowed
• Local Storage: All data stays in Chrome sync storage - never sent to external servers

❓ Frequently Asked Questions

Is my data safe?

Yes! All your snippets, notes, and settings are stored in Chrome's sync storage. Nothing is sent to external servers. Your data syncs between your Chrome browsers using Google's encrypted sync.

Does it work on all websites?

The extension can work on any website, but you control which sites show the floating widget via the Websites tab. Some sites with strict Content Security Policies may limit functionality.

Can I use it on mobile?

Currently, Chrome extensions are not supported on mobile browsers. Tic Text Toc is desktop-only.

How many snippets can I create?

There's no hard limit, but Chrome's sync storage has a 100KB quota. This allows for hundreds of snippets. If you hit limits, use shorter snippets or export/import for archival.

Can I sync across different computers?

Yes! As long as you're logged into Chrome with the same Google account and sync is enabled, your data automatically syncs across all your devices.

Why isn't the paste button working?

Some websites block automated pasting for security. In these cases, use the Copy button and paste manually with Ctrl+V. The extension tries multiple paste methods but can't bypass all restrictions.

Can I customize the keyboard shortcuts?

Yes! Go to chrome://extensions/shortcuts in Chrome and find Tic Text Toc. You can customize or disable the default shortcuts.

Does it work in incognito mode?

By default, no. To enable: Go to chrome://extensions/ → Find Tic Text Toc → Details → Enable "Allow in incognito". Note that your data won't sync in incognito mode.

🆘 Support & Feedback

Need help or have suggestions?

• Reviews: Leave a review on the Chrome Web Store
• Questions: Check this manual first, then reach out via our official website
• Feedback: We'd love to hear how you're using Tic Text Toc!