npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@tiledesk/cds

v1.23.0

Published

![image](https://github.com/Tiledesk/design-studio/assets/32564846/e68caebb-bdab-48bb-a744-cc8821e20bfe)

Downloads

690

Readme

Tiledesk Design Studio

image

Tiledesk is an open-source, no-code development platform for creating chatbots and conversational apps. Our Design Studio, featured in this repository, offers a user-friendly, drag-and-drop interface with pre-ready actions and integrations. This platform combines the power of LLM/GPT AI with a flexible 'graph' approach for creating conversations and automations with ease. This project was generated with Angular CLI version 14.2.6.

Golden Kitty Awards 2023: Open Source Product of the Year

Main Features

  • Pre-Designed Conversations and Admin Task Automation: Automate customer conversations and daily administrative tasks.
  • Prototype Conversations: Use our drag-and-drop conversation builder to design your chatbot’s conversation flow.
  • ChatGPT Integration: Understand urgent situations and take appropriate actions, such as offering to connect the customer with a human agent.
  • ChatGPT Powered Chatbot: Find answers in the knowledge base and respond to customer inquiries in a human-like dialogue.
  • Enhancing User Experience: Share images, GIFs, and videos in chats to make the conversation more engaging.
  • Personalized Product Recommendations: Show personalized product recommendations based on previous conversations or customer interests.
  • Conditions: Set conditions for different scenarios.
  • Random Reply: Write different messages, and for each iteration, the bot randomly uses one of them.
  • Web Request: Connect your bot to other tools, for example, HubSpot CRM. After each conversation, save all customer contact info to your HubSpot CRM.
  • WhatsApp Integration: Convert website conversations into WhatsApp chats.
  • Send Email: Send emails from your platform and set up email triggers that send emails automatically.
  • Light Integration: Enhance your existing setup with our seamless and non-disruptive integration feature. Experience an upgrade without upheaval.

123 Anywhere St , Any City (3)

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

Important Note: Running Design Studio

Design Studio cannot run as a standalone application; it is tightly integrated with the Tiledesk solution. To set up and use Design Studio, follow these steps:

  1. Ensure you have an authenticated Tiledesk environment.
  2. Add a key tiledesk_token to your browser’s local storage with your Tiledesk authentication token.
  3. Navigate to your project by accessing the following URL pattern: http://loalhost/#/project/<project_id>/chatbot/<chatbot-id>/blocks

Please note that Design Studio depends on prior authentication through the Tiledesk platform to function correctly. You must have a valid Tiledesk token and project to access and use the tool.

Community? Questions? Support?

If you need help or have questions, feel free to make a post on our Forum. To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.

Feedback? New Ideas?

Visit our Feedback Board to discuss new ideas, suggestions, and solve issues to make Tiledesk even better for you.

Public Roadmap

Check our Public Roadmap to see activities In Progress, Planned, and Under Review. We value your input in shaping the future of Tiledesk.