Keep in mind there are also other channels you can use to interact with AsyncAPI community. For more details check out [this issue](https://github.com/asyncapi/asyncapi/issues/115).`; + const issueMessage = `Welcome to AsyncAPI. Thanks a lot for reporting your first issue. Please check out our [contributors guide](https://github.com/asyncapi/community/blob/master/CONTRIBUTING.md) and the instructions about a [basic recommended setup](https://github.com/asyncapi/community/blob/master/git-workflow.md) useful for opening a pull request.
Keep in mind there are also other channels you can use to interact with AsyncAPI community. For more details check out [this issue](https://github.com/asyncapi/asyncapi/issues/115).`; const prMessage = `Welcome to AsyncAPI. Thanks a lot for creating your first pull request. Please check out our [contributors guide](https://github.com/asyncapi/community/blob/master/CONTRIBUTING.md) useful for opening a pull request.
Keep in mind there are also other channels you can use to interact with AsyncAPI community. For more details check out [this issue](https://github.com/asyncapi/asyncapi/issues/115).`; if (!issueMessage && !prMessage) { throw new Error('Action must have at least one of issue-message or pr-message set'); @@ -65,7 +65,7 @@ jobs: if (isIssue) { const issueNumber = context.payload.issue.number; console.log(`Adding message: ${message} to issue #${issueNumber}`); - await github.issues.createComment({ + await github.rest.issues.createComment({ owner: context.payload.repository.owner.login, repo: context.payload.repository.name, issue_number: issueNumber, @@ -75,7 +75,7 @@ jobs: else { const pullNumber = context.payload.pull_request.number; console.log(`Adding message: ${message} to pull request #${pullNumber}`); - await github.pulls.createReview({ + await github.rest.pulls.createReview({ owner: context.payload.repository.owner.login, repo: context.payload.repository.name, pull_number: pullNumber, diff --git a/README.md b/README.md index 93d1fc517..6da030d77 100644 --- a/README.md +++ b/README.md @@ -3,7 +3,7 @@ One place that allows you to develop an AsyncAPI document, validate it, convert it to the latest version, preview the documentation and visualize the events flow. -[](#contributors-) +[](#contributors-) --- @@ -83,6 +83,8 @@ Set the environment variable `BASE_URL` to let AsyncAPI Studio know from where t docker run -it -p 8000:80 -e BASE_URL=/a/custom/path asyncapi/studio ``` +Studio is also available as a Docker Desktop Extension. For more information, check [the related repository](https://github.com/thiyagu06/asyncapi-studio-docker-extension). + ## Development 1. Setup project by installing dependencies `npm install` @@ -106,22 +108,25 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
 Maciej Urbańczyk 🚧 💻 📖 🐛 🤔 👀 🎨 ⚠️ 🚇 🧑🏫 |
-  Fran Méndez 🚧 💻 📖 🐛 🤔 👀 🎨 ⚠️ 🚇 🧑🏫 |
-  David Boyne 🚧 💻 📖 🐛 🤔 👀 🎨 ⚠️ 🧑🏫 |
-  Missy Turco 🚧 💻 🤔 👀 🎨 🧑🏫 |
-  Florian Greinacher 💻 🚇 🐛 📖 |
-  Ritik Rawal 💻 |
-  Samriddhi 💻 |
-
 Pauline P. Narvas 💻 🚇 📖 |
-  Jonas Lagoni 🤔 💬 👀 |
-  Sergio Moya 🤔 💬 |
-  David Pereira 🤔 💬 |
-  Nawed Ali 💻 🐛 |
- ||
Maciej Urbańczyk 🚧 💻 📖 🐛 🤔 👀 🎨 ⚠️ 🚇 🧑🏫 |
+ Fran Méndez 🚧 💻 📖 🐛 🤔 👀 🎨 ⚠️ 🚇 🧑🏫 |
+ David Boyne 🚧 💻 📖 🐛 🤔 👀 🎨 ⚠️ 🧑🏫 |
+ Missy Turco 🚧 💻 🤔 👀 🎨 🧑🏫 |
+ Florian Greinacher 💻 🚇 🐛 📖 |
+ Ritik Rawal 💻 |
+ Samriddhi 💻 |
+
Pauline P. Narvas 💻 🚇 📖 |
+ Jonas Lagoni 🤔 💬 👀 |
+ Sergio Moya 🤔 💬 |
+ David Pereira 🤔 💬 |
+ Nawed Ali 💻 🐛 |
+  Viacheslav Turovskyi 💻 |
+
- = () => { // eslint-
diff --git a/src/components/Editor/EditorDropdown.tsx b/src/components/Editor/EditorDropdown.tsx
index 01e8e41de..34cbd5ddf 100644
--- a/src/components/Editor/EditorDropdown.tsx
+++ b/src/components/Editor/EditorDropdown.tsx
@@ -1,26 +1,36 @@
import React from 'react';
import toast from 'react-hot-toast';
+import { show } from '@ebay/nice-modal-react';
import { FaEllipsisH } from 'react-icons/fa';
import {
- ConvertModal,
- GeneratorModal,
- ImportBase64Modal,
ImportURLModal,
+ ImportBase64Modal,
+ GeneratorModal,
+ ConvertModal,
} from '../Modals';
import { Dropdown } from '../common';
-import { EditorService } from '../../services';
-import state from '../../state';
+import { useServices } from '../../services';
+import { useDocumentsState, useFilesState } from '../../state';
interface EditorDropdownProps {}
export const EditorDropdown: React.FunctionComponent = () => {
- const editorState = state.useEditorState();
- const parserState = state.useParserState();
+ const { editorSvc } = useServices();
+ const isInvalidDocument = !useDocumentsState(state => state.documents['asyncapi'].valid);
+ const language = useFilesState(state => state.files['asyncapi'].language);
- const language = editorState.language.get();
- const hasParserErrors = parserState.errors.get().length > 0;
+ const importUrlButton = (
+
+ );
const importFileButton = (