From a2595aff0882bc75755031957c11df08832a5765 Mon Sep 17 00:00:00 2001 From: gatzjames Date: Thu, 21 Mar 2024 00:37:14 +0100 Subject: [PATCH 01/10] init --- .../insomnia/src/ui/routes/onboarding.tsx | 96 ++++++++----------- 1 file changed, 38 insertions(+), 58 deletions(-) diff --git a/packages/insomnia/src/ui/routes/onboarding.tsx b/packages/insomnia/src/ui/routes/onboarding.tsx index b9b97634490..1e435669942 100644 --- a/packages/insomnia/src/ui/routes/onboarding.tsx +++ b/packages/insomnia/src/ui/routes/onboarding.tsx @@ -1,91 +1,71 @@ +import { IconName } from '@fortawesome/fontawesome-svg-core'; import React from 'react'; import { Link, Route, Routes, useLocation } from 'react-router-dom'; import { InsomniaLogo } from '../components/insomnia-icon'; import { TrailLinesContainer } from '../components/trail-lines-container'; -import collaborators_rbac from '../images/onboarding/collaborators_rbac.png'; import insomnia_ai from '../images/onboarding/insomnia_ai.png'; import introducing_organizations from '../images/onboarding/introducing_organizations.png'; -import new_cloud_dashboard from '../images/onboarding/new_cloud_dashboard.png'; import real_time_collaboration from '../images/onboarding/real_time_collaboration.png'; import sharing_projects from '../images/onboarding/sharing_projects.png'; import social_and_enterprise_sso from '../images/onboarding/social_and_enterprise_sso.png'; import sse_api_support from '../images/onboarding/sse_api_support.png'; -import unlimited_projects from '../images/onboarding/unlimited_projects.png'; const features = [ { - id: 'sharing_projects', - icon: 'code-fork', - title: 'Sharing Projects', + id: 'prerequest_scripts', + icon: 'code', + title: 'Pre-request scripting', description: - 'We have entirely reinvented sharing and collaboration in Insomnia. It is now easy and quick to invite as many collaborators as we want to join our projects, collections or design documents.', + 'Insomnia finally ships with pre-request scripting, including Postman compatibility so you can use both "insomnia.*" and "pm.*" to write your scripts.', image: sharing_projects, }, { - id: 'real_time_collaboration', - icon: 'users', - title: 'Real time collaboration', + id: 'api_mocking', + icon: 'clone', + title: 'Native API mocking', description: - 'With the new real time collaboration features, you can be more productive, reduce team coordination and always know in real time who is working with you on the same collections or design documents.', + 'In addition to collections, design documents and tests you can now also create API mocks to accelerate development and simulate APIs.', image: real_time_collaboration, }, { - id: 'introducing_organizations', - icon: 'city', - title: 'Introducing Organizations', + id: 'storage_control', + icon: 'database', + title: 'Storage control', description: - 'Teams have been replaced with Organizations, you can now create as many as you need and invite people to collaborate with them.', + 'With this enterprise capabillity you can mandate that data in an organization is stored only locally, on Git or in the cloud for every collaborator.', image: introducing_organizations, }, { - id: 'social_and_enterprise_sso', - icon: 'user-circle', - title: 'Social and Enterprise SSO', - description: `Organizations now support EE SSO via SAML and OIDC, while other accounts can login via social SSO providers like Google or GitHub, - in addition to the traditional email login.`, + id: 'diff_editor', + icon: 'file-invoice', + title: 'New diff editor', + description: 'When synchronizing your data on Git or in the Cloud, it\'s now very easy to understand all the updates before pushing them.', image: social_and_enterprise_sso, }, { - id: 'sse_api_support', - icon: 'plug', - title: 'Server Side Events API Support', + id: 'global_search', + icon: 'search', + title: 'Global search in command palette', description: - 'Server Side Events APIs are now supported to give you even more ways to debug APIs with Insomnia, in addition to the previously supported REST, GraphQL, gRPC and WebSockets.', + 'You can now search for documents an collections across one or more organizations from one place, simply by using the new global search.', image: sse_api_support, }, { - id: 'insomnia_ai', - icon: 'robot', - title: 'Insomnia AI', + id: 'auto_pull', + icon: 'download', + title: 'Auto-pulling of files', description: - 'With Insomnia Al you can auto-generate API tests based on an OpenAPI specification that you create. Build more reliable APIs and save on development time.', + 'To simplify collaboration in Insomnia, we are introducing auto-pulling of files in the dashboard without having to explicitly pull each file.', image: insomnia_ai, }, - { - id: 'new_cloud_dashboard', - icon: 'cloud', - title: 'New cloud dashboard', - description: 'With an entirely redesigned cloud platform and dashboard at insomnia.rest managing all of your organizations and collaborators is a piece of cake.', - image: new_cloud_dashboard, - }, - { - id: 'collaborators_rbac', - icon: 'user-friends', - title: 'Collaborators RBAC', - description: - 'Inviting users to your personal workspace or organization just got more powerful and intuitive with powerful RBAC rules to determine the level of access.', - image: collaborators_rbac, - }, - { - id: 'unlimited_projects', - icon: 'infinity', - title: 'Unlimited Projects', - description: - 'We removed all limitations to the Insomnia application, you can now create as many projects as you want, with as many files as you want.', - image: unlimited_projects, - }, -]; +] satisfies { + id: string; + icon: IconName; + title: string; + description: string; + image: string; +}[]; const FeatureWizardView = () => { return ( @@ -93,7 +73,7 @@ const FeatureWizardView = () => { +