Mary  Turcotte

Mary Turcotte

1672423500

OpenAI Chat-GPT Application in Salesforce Lighting Experience

OpenAI Chat-GPT application in Salesforce Lighting experience ⚡

Standalone Salesforce lighting-web-components application created levering OpenAI Chat-GPT API.

✨ Features

  • Completions API interface in lighting experience.
    Completions UI
  • Edits API interface in lighting experience.
    Edits UI
  • API settings UI.
    API Settings UI

🚧 Features under development

  • Images API interface in lighting experience.
  • Chat-GPT request settings UI.

🚫 Limitations

  • Apex HTTP Callout timeout Governor Limit (Maximum is set as 120 seconds).
  • It seems that package deployment with external named credentials have some bugs at the moment and Salesforce throws unknown error while trying to deploy.
    • Fortunately, this behavior can be avoided deploying package in stages.
    • Unfortunately, in order to deploy package in stages it has to be managed.

📥 Installation

  1. Install "Pre-Deployment" version (package ID = 04t68000000ko4Z)
  2. Go to OpenAI lighting application and click "Process Pre-Deployment" button.
  3. Upgrade package to "Initial Version" (package ID = 04t68000000koce).
  4. The OpenAI API uses API keys for authentication. Visit your API keys page to retrieve the API key. Save it after generating it, you will need it to complete application setup.
  5. Update API key in OpenAI lighting application's API settings section
  6. If application still do not work, go to OpenAI lighting application's API settings section and click "Grant Access" button.

https://user-images.githubusercontent.com/55427802/208730474-de75819f-d07e-4768-ac3a-c7e34880f803.mp4

🗑️ Uninstalling

  1. Execute anonymous apex block:

 Database.delete([ SELECT Id FROM PermissionSetAssignment WHERE PermissionSet.Name = 'ChatGPT_Access' ]);

  1. Go to Setup → Platform Tools → Apps → Installed Packages
  2. Find and uninstall "Chat-GPT" managed package

🤝 Development

  • If you have suggestions for how this app could be improved, or want to report a bug, open an issue or write me an email! We'd love all and any contributions.
  • In order to run this application as unmanaged package keep in mind that some component's references have managed packaged chatGPT__ namespace. Delete them before deployment.

Download details:

Author: ArnasBaronas
Source code: https://github.com/ArnasBaronas/chat-gpt-sfdc

#openai #chartgpt 

What is GEEK

Buddha Community

OpenAI Chat-GPT Application in Salesforce Lighting Experience
Zachary Palmer

Zachary Palmer

1555901576

CSS Flexbox Tutorial | Build a Chat Application

Creating the conversation sidebar and main chat section

In this article we are going to focus on building a basic sidebar, and the main chat window inside our chat shell. See below.

Chat shell with a fixed width sidebar and expanded chat window

This is the second article in this series. You can check out the previous article for setting up the shell OR you can just check out the chat-shell branch from the following repository.

https://github.com/lyraddigital/flexbox-chat-app.git

Open up the chat.html file. You should have the following HTML.

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Chat App</title>
    <link rel="stylesheet" type="text/css" media="screen" href="css/chat.css" />
</head>
<body>
    <div id="chat-container">
    </div>
</body>
</html>

Now inside of the chat-container div add the following HTML.

<div id="side-bar">
</div>
<div id="chat-window">
</div>

Now let’s also add the following CSS under the #chat-container selector in the chat.css file.

#side-bar {
    background: #0048AA;
    border-radius: 10px 0 0 10px;
}
#chat-window {
    background: #999;
    border-radius: 0 10px 10px 0;
}

Now reload the page. You should see the following:-

So what happened? Where is our sidebar and where is our chat window? I expected to see a blue side bar and a grey chat window, but it’s no where to be found. Well it’s all good. This is because we have no content inside of either element, so it can be 0 pixels wide.

Sizing Flex Items

So now that we know that our items are 0 pixels wide, let’s attempt to size them. We’ll attempt to try this first using explicit widths.

Add the following width property to the #side-bar rule, then reload the page.

width: 275px;

Hmm. Same result. It’s still a blank shell. Oh wait I have to make sure the height is 100% too. So we better do that too. Once again add the following property to the #side-bar rule, then reload the page.

height: 100%;

So now we have our sidebar that has grown to be exactly 275 pixels wide, and is 100% high. So that’s it. We’re done right? Wrong. Let me ask you a question. How big is the chat window? Let’s test that by adding some text to it. Try this yourself just add some text. You should see something similar to this.

So as you can see the chat window is only as big as the text that’s inside of it, and it is not next to the side bar. And this makes sense because up until now the chat shell is not a flex container, and just a regular block level element.

So let’s make our chat shell a flex container. Set the following display property for the #chat-window selector. Then reload the page.

display: flex;

So as you can see by the above illustration, we can see it’s now next to the side bar, and not below it. But as you can see currently it’s only as wide as the text that’s inside of it.

But we want it to take up the remaining space of the chat shell. Well we know how to do this, as we did it in the previous article. Set the flex-grow property to 1 on the #chat-window selector. Basically copy and paste the property below and reload the page.

flex-grow: 1;

So now we have the chat window taking up the remaining space of the chat shell. Next, let’s remove the background property, and also remove all text inside the chat-window div if any still exists. You should now see the result below.

But are we done? Technically yes, but before we move on, let’s improve things a little bit.

Understanding the default alignment

If you remember, before we had defined our chat shell to be a flex container, we had to make sure we set the height of the side bar to be 100%. Otherwise it was 0 pixels high, and as a result nothing was displayed. With that said, try removing the height property from the #side-bar selector and see what happens when you reload the page. Yes that’s right, it still works. The height of the sidebar is still 100% high.

So what happened here? Why do we no longer have to worry about setting the height to 100%? Well this is one of the cool things Flexbox gives you for free. By default every flex item will stretch vertically to fill in the entire height of the flex container. We can in fact change this behaviour, and we will see how this is done in a future article.

Setting the size of the side bar properly

So another feature of Flexbox is being able to set the size of a flex item by using the flex-basis property. The flex-basis property allows you to specify an initial size of a flex item, before any growing or shrinking takes place. We’ll understand more about this in an upcoming article.

For now I just want you to understand one important thing. And that is using width to specify the size of the sidebar is not a good idea. Let’s see why.

Say that potentially, if the screen is mobile we want the side bar to now appear across the top of the chat shell, acting like a top bar instead. We can do this by changing the direction flex items can flex inside a flex container. For example, add the following CSS to the #chat-container selector. Then reload the page.

flex-direction: column;

So as you can see we are back to a blank shell. So firstly let’s understand what we actually did here. By setting the flex-direction property to column, we changed the direction of how the flex items flex. By default flex items will flex from left to right. However when we set flex-direction to column, it changes this behaviour forcing flex items to flex from top to bottom instead. On top of this, when the direction of flex changes, the sizing and alignment of flex items changes as well.

When flexing from left to right, we get a height of 100% for free as already mentioned, and then we made sure the side bar was set to be 275 pixels wide, by setting the width property.

However now that we a flexing from top to bottom, the width of the flex item by default would be 100% wide, and you would need to specify the height instead. So try this. Add the following property to the #side-bar selector to set the height of the side bar. Then reload the page.

height: 275px;

Now we are seeing the side bar again, as we gave it a fixed height too. But we still have that fixed width. That’s not what we wanted. We want the side bar (ie our new top bar) here to now be 100% wide. Comment out the width for a moment and reload the page again.

So now we were able to move our side bar so it appears on top instead, acting like a top bar. Which as previously mentioned might be suited for mobile device widths. But to do this we had to swap the value of width to be the value of height. Wouldn’t it be great if this size was preserved regardless of which direction our items are flexing.

Try this, remove all widths and height properties from the #side-bar selector and write the following instead. Then reload the page.

flex-basis: 275px;

As you can see we get the same result. Now remove the flex-direction property from the #chat-container selector. Then once again reload the page.

Once again we are back to our final output. But now we also have the flexibility to easily change the side bar to be a top bar if we need to, by just changing the direction items can flow. Regardless of the direction of flex, the size of our side bar / top bar is preserved.

Conclusion

Ok so once again we didn’t build much, but we did cover a lot of concepts about Flexbox around sizing. 

#css #programming #webdev 

Maurice  Larson

Maurice Larson

1598475240

OpenAI’s Not So Open GPT-3 Can Impact Its Efficacy

With OpenAI’s recent breakthrough of pre-trained language model GPT-3, the company has revolutionised the concept of machines writing codes like humans — a step towards artificial general intelligence. Not only it is being used for writing codes, but also for writing blogs, creating stories as well as websites and apps. In fact, in recent news, a college student created an entirely fake blog using GPT-3, which created a massive buzz in the ML community and has also been trending on Hacker News.

#opinions #gpt-3 #gpt-3 efficacy #open ai gpt-3 #openai #openai sam altman #openai’s gpt-2 model

Aptron Delhi

Aptron Delhi

1623225899

Why Learn Salesforce? A whole manual to unlock Your Salesforce Career

So you are an IT or Management professional seeing approaches to specialize in a specialty region for fantastic vocation possibilities. Salesforce training would be a characteristic decision, as an ever increasing number of businesses are receiving Salesforce for their Customer Relationship Management(CRM) and marketing plans. You may likewise be an eCommerce professional or deal chief with a stale vocation, investigating an upskilling course. Jump overwhelmed with passion with the Salesforce stage that you have just known about, and get active with this market chief cloud offering through this article. APTRON offers the best Salesforce Training in Delhi as per the current industry standards.

A Salesforce certification is an incredible method to acquire ability on the planet’s main CRM cloud stage that is sought after across businesses, all things considered. In addition, as the quantity of Salesforce stage end-clients increments steeply, organizations face a lack of professionals gifted in Salesforce knowledge. They need Salesforce proficient individuals who know the stage and can utilize its numerous services for business needs.

This is image title

What is Salesforce?

Salesforce is a main cloud technology organization with multiple Software as a Service (SaaS) and stage as an assistance (PaaS) items, and a correlative set-up of big business applications. Its attention on customer administration, marketing computerization, and examination; along with a consistent climate for application development and improvement, has made it a definitive go-to stage for item development around customer needs.

Although Salesforce started as a CRM framework that integrates all aspects of a customer touchpoint in a solitary stage, it differentiated to offer more capabilities. Engineers can construct profoundly altered applications utilizing the Heroku cloud stage for multiple language support. While its Community Cloud empowers outside coordinated effort, a persistent arrangement of continuous criticism through Work.com expects to improve execution. The AppExchange upholds the making of business products and a commercial center for your business products. As a total start to finish arrangement, Salesforce’s myTrailhead permits customization of products to customer needs and the formation of extra applications, utilizing the PaaS Lightning Platform. A new rollout, the Blockchain Platform, even works with building blockchain networks and applications. Salesforce likewise has different non-CRM contributions like Financial Cloud, Health Cloud, IOT Cloud, etc. At last, Salesforce assists with building better businesses with profoundly created and altered applications that coordinate well with the infrastructure. APTRON is Best Salesforce Institute in Delhi.

As a cloud stage, Salesforce offers a wide scope of products and solutions for SMEs (little and medium endeavors) and enormous organizations. Salesforce entered the start- up space through sponsored permit rates and later embraced different charge structures, hence guaranteeing general worldwide adoption of its set-up of services. The highlights incorporate every one of the potential parts of marketing, deals, trade, administration, and tasks.

Motives to Learn Salesforce

The Salesforce stage rules the world market, with more than 150,000 organizations fueling their business development with Salesforce. From independent companies to tech monsters like Google and Facebook, firms are utilizing their set-up of services and products to take care of business problems. Businesses across the range have received Salesforce for their ordinary cycles and work needs. Salesforce occupations are bounty, and the scope for Salesforce vocations is tremendous.

The flexibility of Salesforce to customize, build, and distribute apps within the platform has bred innovation and furthered cloud deployment in an increasingly digital economy.

Worldwide, the work development inside the Salesforce biological system is projected to be the most noteworthy in the financial services area and manufacturing industry. The retail, correspondences, and media industries are additionally expected to be top clients of Salesforce. What’s the significance here? In the event that you are now working in any of these areas, a Salesforce certification can future-verify your profession.

Businesses are in the midst of a significant digital transformation, and the cloud is a crucial factor in its success. So upgrading skills in cloud technologies like the Salesforce will be a springboard for success.

How Can Salesforce Certification Advantage Your Career?

Many companies, who move to Salesforce, face issues in integrating the services inside their IT framework or neglecting to streamline their outreach groups with an incorporated useful arrangement. The result was that numerous highlights and functionalities were missing, and the stage couldn’t be utilized to its maximum capacity. Although Heroku settled the issue by integrating applications and microservices utilizing different techniques, it got officeholders upon the Salesforce wannabe professional to have formal Salesforce training.

There are different ways you can quickly track your career with a Salesforce certification. Look at the many occupation jobs and you can contact for a Salesforce Course in Delhi. Each work job requires a particular Salesforce certification. Outfit yourself with the correct certification to land the position you need. As the interest for any Salesforce work job is high, a certification furnishes you with specialized Salesforce requirements. The privilege of Salesforce training props you ahead in a specialty region where the scope for career development and pay is out of this world.

Also Read: Salesforce Interview Questions Answers

#salesforce training institute in delhi #salesforce training course in delhi #salesforce institute in delhi #salesforce training in delhi #salesforce course in delhi

Mary  Turcotte

Mary Turcotte

1672423500

OpenAI Chat-GPT Application in Salesforce Lighting Experience

OpenAI Chat-GPT application in Salesforce Lighting experience ⚡

Standalone Salesforce lighting-web-components application created levering OpenAI Chat-GPT API.

✨ Features

  • Completions API interface in lighting experience.
    Completions UI
  • Edits API interface in lighting experience.
    Edits UI
  • API settings UI.
    API Settings UI

🚧 Features under development

  • Images API interface in lighting experience.
  • Chat-GPT request settings UI.

🚫 Limitations

  • Apex HTTP Callout timeout Governor Limit (Maximum is set as 120 seconds).
  • It seems that package deployment with external named credentials have some bugs at the moment and Salesforce throws unknown error while trying to deploy.
    • Fortunately, this behavior can be avoided deploying package in stages.
    • Unfortunately, in order to deploy package in stages it has to be managed.

📥 Installation

  1. Install "Pre-Deployment" version (package ID = 04t68000000ko4Z)
  2. Go to OpenAI lighting application and click "Process Pre-Deployment" button.
  3. Upgrade package to "Initial Version" (package ID = 04t68000000koce).
  4. The OpenAI API uses API keys for authentication. Visit your API keys page to retrieve the API key. Save it after generating it, you will need it to complete application setup.
  5. Update API key in OpenAI lighting application's API settings section
  6. If application still do not work, go to OpenAI lighting application's API settings section and click "Grant Access" button.

https://user-images.githubusercontent.com/55427802/208730474-de75819f-d07e-4768-ac3a-c7e34880f803.mp4

🗑️ Uninstalling

  1. Execute anonymous apex block:

 Database.delete([ SELECT Id FROM PermissionSetAssignment WHERE PermissionSet.Name = 'ChatGPT_Access' ]);

  1. Go to Setup → Platform Tools → Apps → Installed Packages
  2. Find and uninstall "Chat-GPT" managed package

🤝 Development

  • If you have suggestions for how this app could be improved, or want to report a bug, open an issue or write me an email! We'd love all and any contributions.
  • In order to run this application as unmanaged package keep in mind that some component's references have managed packaged chatGPT__ namespace. Delete them before deployment.

Download details:

Author: ArnasBaronas
Source code: https://github.com/ArnasBaronas/chat-gpt-sfdc

#openai #chartgpt 

Alex  Sam

Alex Sam

1582207482

The Importance of Security Algorithm in Enterprise Chat Applications

Are you choosing the right secure chat platform or secure messaging provider is critical to successful implementation and adoption of this MirrorFly Solution.

#Enterprise Chat Applications #End-to-end encryption chat app #secure messaging platforms #Enterprise chat applications providers # enterprise chat solution