@stoplight/elements-dev-portal 3.0.12-beta-0.2 → 3.0.12-beta-0.4

package/jest.config.js

@@ -1,10 +0,0 @@
-module.exports = {
-  ...require('../../jest.config'),
-  reporters: [
-    'default',
-    [
-      'jest-junit',
-      { suiteName: 'elements-dev-portal', outputFile: '<rootDir>/../../test-results/elements-dev-portal/results.xml' },
-    ],
-  ],
-};

package/src/__fixtures__/branches.json

@@ -1,28 +0,0 @@
-{
-  "items": [
-    {
-      "id": "YnI6NDc4MDUy",
-      "name": null,
-      "slug": "master",
-      "is_default": true,
-      "is_published": true,
-      "project_id": "cHJqOjM1ODEw"
-    },
-    {
-      "id": "YnI6OTYwNDM4",
-      "name": null,
-      "slug": "v2",
-      "is_default": false,
-      "is_published": true,
-      "project_id": "cHJqOjM1ODEw"
-    },
-    {
-      "id": "YnI6OTYwNDM5",
-      "name": null,
-      "slug": "feat/toc-file",
-      "is_default": false,
-      "is_published": true,
-      "project_id": "cHJqOjM1ODEw"
-    }
-  ]
-}

package/src/__fixtures__/node-content.json

@@ -1,257 +0,0 @@
-{
-  "id": "b3A6Mzg5NDM2",
-  "branch_node_id": 21,
-  "type": "http_operation",
-  "uri": "/reference/todos/todo.v1.yaml/paths/~1todos/post",
-  "slug": "b3A6Mzg5NDM2-create-todo",
-  "title": "Create Todo",
-  "branch": "master",
-  "summary": "This creates a Todo object\n\n*Markdown is supported in descriptions. Add information here for users to get accustomed to endpoints*",
-  "project_id": "cHJqOjExOTY",
-  "branch_id": "YnI6MTAyODA",
-  "data": {
-    "id": "?http-operation-id?",
-    "iid": "post-todos",
-    "description": "This creates a Todo object\n\n*Markdown is supported in descriptions. Add information here for users to get accustomed to endpoints*",
-    "method": "post",
-    "path": "/todos",
-    "summary": "Create Todo",
-    "responses": [
-      {
-        "code": "201",
-        "description": "New Todo Created",
-        "headers": [],
-        "contents": [
-          {
-            "mediaType": "multipart/form-data",
-            "schema": {
-              "description": "I'm a model's description.",
-              "type": "object",
-              "x-examples": {},
-              "title": "Todo",
-              "properties": {
-                "id": {
-                  "type": "number",
-                  "minimum": 0,
-                  "maximum": 9999,
-                  "description": "ID of the task",
-                  "readOnly": true
-                },
-                "name": { "type": "string", "minLength": 1, "maxLength": 100, "description": "Name of the task" },
-                "completed": {
-                  "type": "boolean",
-                  "default": false,
-                  "description": "Boolean indicating if the task has been completed or not"
-                },
-                "completed_at": {
-                  "type": "string",
-                  "format": "date-time",
-                  "description": "Time when the task was completed",
-                  "readOnly": true
-                },
-                "created_at": {
-                  "type": "string",
-                  "format": "date-time",
-                  "description": "Time when the task was created",
-                  "readOnly": true
-                },
-                "updated_at": {
-                  "type": "string",
-                  "format": "date-time",
-                  "description": "Time when the task was updated",
-                  "readOnly": true
-                }
-              },
-              "required": ["id", "name", "completed_at", "created_at", "updated_at"],
-              "$schema": "http://json-schema.org/draft-07/schema#"
-            },
-            "examples": [
-              {
-                "key": "Example Todo",
-                "value": {
-                  "id": 0,
-                  "name": "string",
-                  "completed": true,
-                  "completed_at": "2019-08-24T14:15:22Z",
-                  "created_at": "2019-08-24T14:15:22Z",
-                  "updated_at": "2019-08-24T14:15:22Z"
-                }
-              }
-            ],
-            "encodings": []
-          }
-        ]
-      },
-      {
-        "code": "403",
-        "description": "Action not allowed",
-        "headers": [],
-        "contents": [
-          {
-            "mediaType": "application/json",
-            "schema": {
-              "type": "object",
-              "properties": { "message": { "type": "string" } },
-              "required": ["message"],
-              "$schema": "http://json-schema.org/draft-07/schema#"
-            },
-            "examples": [],
-            "encodings": []
-          }
-        ]
-      },
-      {
-        "code": "404",
-        "description": "Resource not found",
-        "headers": [],
-        "contents": [
-          {
-            "mediaType": "application/json",
-            "schema": {
-              "title": "Error",
-              "type": "object",
-              "description": "A standard error object.",
-              "x-tags": ["Common"],
-              "properties": { "status": { "type": "string", "description": "A code." }, "error": { "type": "string" } },
-              "required": ["status", "error"],
-              "$schema": "http://json-schema.org/draft-07/schema#"
-            },
-            "examples": [],
-            "encodings": []
-          }
-        ]
-      }
-    ],
-    "servers": [
-      { "description": "Production", "url": "https://todos.stoplight.io" },
-      { "description": "Sandbox", "url": "https://todos-sandbox.stoplight.io" }
-    ],
-    "request": {
-      "body": {
-        "description": "Name of the Todo",
-        "contents": [
-          {
-            "mediaType": "application/json",
-            "schema": {
-              "description": "I'm a model's description.",
-              "type": "object",
-              "x-examples": {},
-              "title": "Todo",
-              "properties": {
-                "id": {
-                  "type": "number",
-                  "minimum": 0,
-                  "maximum": 9999,
-                  "description": "ID of the task",
-                  "readOnly": true
-                },
-                "name": { "type": "string", "minLength": 1, "maxLength": 100, "description": "Name of the task" },
-                "completed": {
-                  "type": "boolean",
-                  "default": false,
-                  "description": "Boolean indicating if the task has been completed or not"
-                },
-                "completed_at": {
-                  "type": "string",
-                  "format": "date-time",
-                  "description": "Time when the task was completed",
-                  "readOnly": true
-                },
-                "created_at": {
-                  "type": "string",
-                  "format": "date-time",
-                  "description": "Time when the task was created",
-                  "readOnly": true
-                },
-                "updated_at": {
-                  "type": "string",
-                  "format": "date-time",
-                  "description": "Time when the task was updated",
-                  "readOnly": true
-                }
-              },
-              "required": ["id", "name", "completed_at", "created_at", "updated_at"],
-              "$schema": "http://json-schema.org/draft-07/schema#"
-            },
-            "examples": [],
-            "encodings": []
-          }
-        ]
-      },
-      "headers": [
-        {
-          "name": "Content-Type",
-          "required": true,
-          "description": "application/json",
-          "schema": {
-            "type": "string",
-            "default": "application/json",
-            "$schema": "http://json-schema.org/draft-07/schema#"
-          },
-          "examples": []
-        }
-      ],
-      "query": [],
-      "cookie": [],
-      "path": []
-    },
-    "tags": [],
-    "security": [
-      [
-        {
-          "key": "API Key",
-          "description": "Just use `123`. It's super secure ;)",
-          "type": "apiKey",
-          "name": "apikey",
-          "in": "query"
-        }
-      ]
-    ]
-  },
-  "links": { "mock_url": "https://stoplight.io/mocks/demo/studio-demo/389434/todos" },
-  "outbound_edges": [
-    {
-      "id": "c2NoOjkxNDY1MDA",
-      "type": "model",
-      "slug": "c2NoOjkxNDY1MDA-todo",
-      "title": "Todo",
-      "uri": "/reference/todos/todo.v1.yaml/components/schemas/Todos"
-    },
-    {
-      "id": "YXBpOjM4OTQzNA",
-      "type": "http_service",
-      "slug": "YXBpOjM4OTQzNA-to-dos",
-      "title": "To-dos",
-      "uri": "/reference/todos/todo.v1.yaml"
-    },
-    {
-      "id": "YXBpOjM4OTQzNA",
-      "type": "http_service",
-      "slug": "YXBpOjM4OTQzNA-to-dos",
-      "title": "To-dos",
-      "uri": "/reference/todos/todo.v1.yaml"
-    },
-    {
-      "id": "YXBpOjM4OTQzNA",
-      "type": "http_service",
-      "slug": "YXBpOjM4OTQzNA-to-dos",
-      "title": "To-dos",
-      "uri": "/reference/todos/todo.v1.yaml"
-    },
-    {
-      "id": "c2NoOjkxNDY1MDA",
-      "type": "model",
-      "slug": "c2NoOjkxNDY1MDA-todo",
-      "title": "Todo",
-      "uri": "/reference/todos/todo.v1.yaml/components/schemas/Todos"
-    },
-    {
-      "id": "YXBpOjM4OTQzNA",
-      "type": "http_service",
-      "slug": "YXBpOjM4OTQzNA-to-dos",
-      "title": "To-dos",
-      "uri": "/reference/todos/todo.v1.yaml"
-    }
-  ],
-  "inbound_edges": []
-}

package/src/__fixtures__/table-of-contents.json

@@ -1,144 +0,0 @@
-{
-  "showPoweredBy": true,
-  "items": [
-    { "id": "ZG9jOjE", "title": "Introduction", "type": "article", "slug": "ZG9jOjE-introduction", "meta": "" },
-    { "id": "ZG9jOjI", "title": "UI Overview", "type": "article", "slug": "ZG9jOjI-ui-overview", "meta": "" },
-    { "title": "markdown" },
-    { "id": "ZG9jOjM", "title": "Markdown Basics", "type": "article", "slug": "ZG9jOjM-markdown-basics", "meta": "" },
-    {
-      "id": "ZG9jOjQ",
-      "title": "Stoplight Flavored Markdown (SMD)",
-      "type": "article",
-      "slug": "ZG9jOjQ-stoplight-flavored-markdown-smd",
-      "meta": ""
-    },
-    { "title": "APIS" },
-    {
-      "id": "YXBpOjEy",
-      "title": "Swagger Petstore",
-      "type": "http_service",
-      "slug": "YXBpOjEy-swagger-petstore",
-      "meta": "",
-      "items": [
-        {
-          "title": "pets",
-          "items": [
-            {
-              "id": "b3A6MTU",
-              "title": "Create a pet",
-              "type": "http_operation",
-              "slug": "b3A6MTU-create-a-pet",
-              "meta": "post"
-            },
-            {
-              "id": "b3A6MTY",
-              "title": "Info for a specific pet",
-              "type": "http_operation",
-              "slug": "b3A6MTY-info-for-a-specific-pet",
-              "meta": "get"
-            },
-            {
-              "id": "b3A6MTQ",
-              "title": "List all pets",
-              "type": "http_operation",
-              "slug": "b3A6MTQ-list-all-pets",
-              "meta": "get"
-            }
-          ]
-        },
-        {
-          "title": "Schemas",
-          "items": [{ "id": "c2NoOjg", "title": "Pets", "type": "model", "slug": "c2NoOjg-pets", "meta": "" }]
-        }
-      ]
-    },
-    {
-      "id": "YXBpOjM4OTQzNA",
-      "title": "To-dos",
-      "type": "http_service",
-      "slug": "YXBpOjM4OTQzNA-to-dos",
-      "meta": "",
-      "items": [
-        {
-          "id": "b3A6Mzg5NDM1",
-          "title": "List Todos",
-          "type": "http_operation",
-          "slug": "b3A6Mzg5NDM1-list-todos",
-          "meta": "get"
-        },
-        {
-          "id": "b3A6Mzg5NDM2",
-          "title": "Create Todo",
-          "type": "http_operation",
-          "slug": "b3A6Mzg5NDM2-create-todo",
-          "meta": "post"
-        },
-        {
-          "id": "b3A6Mzg5NDM4",
-          "title": "Get Todo",
-          "type": "http_operation",
-          "slug": "b3A6Mzg5NDM4-get-todo",
-          "meta": "get"
-        },
-        {
-          "id": "b3A6OTE0NjUxMA",
-          "title": "Replace Todo",
-          "type": "http_operation",
-          "slug": "b3A6OTE0NjUxMA-replace-todo",
-          "meta": "put"
-        },
-        {
-          "id": "b3A6Mzg5NDM5",
-          "title": "Delete Todo",
-          "type": "http_operation",
-          "slug": "b3A6Mzg5NDM5-delete-todo",
-          "meta": "delete"
-        },
-        {
-          "id": "b3A6Mzg5NDQw",
-          "title": "Update Todo",
-          "type": "http_operation",
-          "slug": "b3A6Mzg5NDQw-update-todo",
-          "meta": "patch"
-        },
-        {
-          "title": "Users",
-          "items": [
-            {
-              "id": "b3A6OTE0NjUxMw",
-              "title": "Get User",
-              "type": "http_operation",
-              "slug": "b3A6OTE0NjUxMw-get-user",
-              "meta": "get"
-            },
-            {
-              "id": "b3A6OTE0NjUxNA",
-              "title": "Delete User",
-              "type": "http_operation",
-              "slug": "b3A6OTE0NjUxNA-delete-user",
-              "meta": "delete"
-            },
-            {
-              "id": "b3A6OTE0NjUxNQ",
-              "title": "Create User",
-              "type": "http_operation",
-              "slug": "b3A6OTE0NjUxNQ-create-user",
-              "meta": "post"
-            }
-          ]
-        },
-        {
-          "title": "Schemas",
-          "items": [
-            { "id": "c2NoOjkxNDY1MDA", "title": "Todo", "type": "model", "slug": "c2NoOjkxNDY1MDA-todo", "meta": "" },
-            { "id": "c2NoOjkxNDY1MDE", "title": "User", "type": "model", "slug": "c2NoOjkxNDY1MDE-user", "meta": "" }
-          ]
-        }
-      ]
-    },
-    { "title": "Schemas" },
-    { "id": "c2NoOjU", "title": "Error", "type": "model", "slug": "c2NoOjU-error", "meta": "" },
-    { "id": "c2NoOjY", "title": "Category", "type": "model", "slug": "c2NoOjY-category", "meta": "" },
-    { "id": "c2NoOjc", "title": "Pet", "type": "model", "slug": "c2NoOjc-pet", "meta": "" }
-  ]
-}

package/src/components/BranchSelector/BranchSelector.spec.tsx

@@ -1,61 +0,0 @@
-import { Provider as MosaicProvider } from '@stoplight/mosaic';
-import { screen } from '@testing-library/dom';
-import { render } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import * as React from 'react';
-
-import { Branch } from '../../types';
-import { BranchSelector } from './BranchSelector';
-
-export const branches: Branch[] = [
-  {
-    id: 0,
-    slug: 'main',
-    is_default: true,
-    is_published: false,
-    name: 'main-name',
-  },
-  {
-    id: 1,
-    slug: 'beta',
-    is_default: false,
-    is_published: false,
-  },
-  {
-    id: 2,
-    slug: 'feature-branch',
-    is_default: false,
-    is_published: false,
-  },
-];
-
-const BranchSelectorWrapper: React.FC = () => {
-  const [branchSlug, setBranchSlug] = React.useState('main');
-
-  return (
-    <MosaicProvider>
-      <BranchSelector branchSlug={branchSlug} branches={branches} onChange={branch => setBranchSlug(branch.slug)} />
-    </MosaicProvider>
-  );
-};
-
-function getBranchSelector() {
-  return screen.getByRole('button');
-}
-
-describe('Branch selector', () => {
-  it('shows the default branch by default', () => {
-    render(<BranchSelectorWrapper />);
-
-    expect(getBranchSelector()).toHaveTextContent('main-name');
-  });
-
-  it('selects a branch', () => {
-    render(<BranchSelectorWrapper />);
-
-    userEvent.click(getBranchSelector());
-    userEvent.click(screen.getByRole('menuitemradio', { name: 'beta' }));
-
-    expect(getBranchSelector()).toHaveTextContent('beta');
-  });
-});

package/src/components/BranchSelector/BranchSelector.stories.tsx

@@ -1,41 +0,0 @@
-import { Box } from '@stoplight/mosaic';
-import { Story } from '@storybook/react';
-import * as React from 'react';
-
-import { useGetBranches } from '../../hooks/useGetBranches';
-import { BranchSelector } from './';
-
-// Wrapper to show how to use the node content hook
-const BranchSelectorWrapper = ({ projectId }: { projectId: string }) => {
-  const [branchSlug, setBranchSlug] = React.useState('master');
-  const { data } = useGetBranches({ projectId });
-
-  if (data) {
-    return (
-      <Box mt={10} w={40}>
-        <BranchSelector branchSlug={branchSlug} branches={data.items} onChange={branch => setBranchSlug(branch.slug)} />
-      </Box>
-    );
-  }
-
-  return <Box>Loading</Box>;
-};
-
-export default {
-  title: 'Public/BranchSelector',
-  component: BranchSelectorWrapper,
-  argTypes: {
-    projectId: { table: { category: 'Input' } },
-    platformUrl: { table: { category: 'Input' } },
-  },
-  args: {
-    projectId: 'cHJqOjYwNjYx',
-    platformUrl: 'https://stoplight.io',
-  },
-};
-
-export const Playground: Story<{ nodeSlug: string; projectId: string; branchSlug?: string }> = args => (
-  <BranchSelectorWrapper {...args} />
-);
-
-Playground.storyName = 'Studio Demo';

package/src/components/BranchSelector/BranchSelector.tsx

@@ -1,50 +0,0 @@
-import { FieldButton, Menu } from '@stoplight/mosaic';
-import * as React from 'react';
-
-import { Branch } from '../../types';
-
-export type BranchSelectorProps = {
-  branchSlug: string;
-  branches: Branch[];
-  onChange: (branch: Branch) => void;
-};
-
-export const BranchSelector = ({ branchSlug, branches, onChange }: BranchSelectorProps) => {
-  const currentBranch = branches.find(branch => (!branchSlug ? branch.is_default : branch.slug === branchSlug));
-  const handleChange = React.useCallback(
-    (selectedSlug: React.ReactText) => {
-      const selectedBranch = branches.find(branch => branch.slug === selectedSlug);
-      if (selectedBranch) {
-        onChange(selectedBranch);
-      }
-    },
-    [onChange, branches],
-  );
-
-  return (
-    <Menu
-      aria-label="Versions"
-      placement="bottom left"
-      closeOnPress
-      matchTriggerWidth
-      renderTrigger={({ isOpen }) => (
-        <FieldButton w="full" icon="layer-group" px={4} h="md" active={isOpen} borderR={0} roundedR="none">
-          {currentBranch?.name || currentBranch?.slug || 'Choose a version'}
-        </FieldButton>
-      )}
-      items={[
-        {
-          type: 'option_group',
-          title: 'Versions',
-          onChange: handleChange,
-          value: currentBranch?.slug || '',
-          children: branches.map(branch => ({
-            title: branch.name || branch.slug,
-            value: branch.slug,
-            meta: branch.is_default ? 'Default' : undefined,
-          })),
-        },
-      ]}
-    />
-  );
-};

package/src/components/BranchSelector/index.tsx

@@ -1 +0,0 @@
-export * from './BranchSelector';

package/src/components/DevPortalProvider/index.tsx

@@ -1,25 +0,0 @@
-import { withMosaicProvider, withPersistenceBoundary, withQueryClientProvider } from '@stoplight/elements-core';
-import * as React from 'react';
-
-export type DevPortalProviderProps = {
-  platformUrl?: string;
-  platformAuthToken?: string;
-  isLoggedIn?: boolean;
-};
-
-export const PlatformContext = React.createContext<DevPortalProviderProps>({ platformUrl: 'https://stoplight.io' });
-
-const PlatformProvider: React.FC<DevPortalProviderProps> = ({
-  platformUrl = 'https://stoplight.io',
-  platformAuthToken,
-  isLoggedIn,
-  children,
-}) => {
-  return (
-    <PlatformContext.Provider value={{ platformUrl, platformAuthToken, isLoggedIn }}>
-      {children}
-    </PlatformContext.Provider>
-  );
-};
-
-export const DevPortalProvider = withPersistenceBoundary(withQueryClientProvider(withMosaicProvider(PlatformProvider)));

package/src/components/Forbidden.tsx

@@ -1,11 +0,0 @@
-import { Box, Flex, Heading, VStack } from '@stoplight/mosaic';
-import React from 'react';
-
-export const Forbidden = () => (
-  <Flex align="center" justify="center" flexGrow>
-    <VStack spacing={4} align="center">
-      <Heading size={1}>Forbidden</Heading>
-      <Box as="p">You don't have permission to access this resource</Box>
-    </VStack>
-  </Flex>
-);

package/src/components/Loading.tsx

@@ -1,9 +0,0 @@
-import { faCircleNotch } from '@fortawesome/free-solid-svg-icons';
-import { Flex, Icon } from '@stoplight/mosaic';
-import React from 'react';
-
-export const Loading = () => (
-  <Flex justify="center" alignItems="center" w="full" minH="screen" color="muted">
-    <Icon icon={faCircleNotch} size="3x" spin />
-  </Flex>
-);