initial commit

apps/studio/src/components/Content.tsx → apps/studio/app/components/Content.tsx

@@ -5,7 +5,7 @@ import { Navigationv3 } from './Navigationv3';
 import { Template } from './Template';
 import { VisualiserTemplate } from './Visualiser';
 
-import { debounce } from '../helpers';
+import { debounce } from '../lib';
 import { usePanelsState, useDocumentsState } from '../state';
 
 import type { FunctionComponent } from 'react';

apps/studio/src/components/Editor/MonacoWrapper.tsx → apps/studio/app/components/Editor/MonacoWrapper.tsx

@@ -1,6 +1,6 @@
 import { useMemo } from 'react';
 import dynamic from 'next/dynamic';
-import { debounce } from '../../helpers';
+import { debounce } from '../../lib';
 import { useServices } from '../../services';
 import { useFilesState, useSettingsState } from '../../state';
 

apps/studio/src/components/Modals/ConvertModal.tsx → apps/studio/app/components/Modals/ConvertModal.tsx

@@ -7,7 +7,7 @@ import { ConfirmModal } from './index';
 import { useServices } from '../../services';
 import { useDocumentsState } from '../../state';
 
-import type { SpecVersions } from '../../types';
+import type { SpecVersions } from '../../../src/types';
 
 export const ConvertModal = create(() => {
   const { editorSvc, specificationSvc } = useServices();

apps/studio/src/components/Terminal/ProblemsTab.tsx → apps/studio/app/components/Terminal/ProblemsTab.tsx

@@ -7,7 +7,7 @@ import { SettingsModal } from '../Modals/Settings/SettingsModal';
 
 import { Tooltip } from '../common';
 import { useServices } from '../../services';
-import { debounce } from '../../helpers';
+import { debounce } from '../../lib';
 import { useDocumentsState, useSettingsState } from '../../state';
 
 import type { FunctionComponent } from 'react';

apps/studio/src/components/common/Dropdown.tsx → apps/studio/app/components/common/Dropdown.tsx

@@ -1,6 +1,6 @@
 import { useState, useRef } from 'react';
 
-import { useOutsideClickCallback } from '../../helpers';
+import { useOutsideClickCallback } from '../../lib';
 
 import type { FunctionComponent, PropsWithChildren, ReactNode } from 'react';
 

apps/studio/app/page.tsx

@@ -4,7 +4,7 @@
 import React, { useEffect, useState } from 'react';
 import { StrictMode } from 'react';
 import { Provider as ModalsProvider } from '@ebay/nice-modal-react';
-import { createServices, Services, ServicesProvider } from '../src/services';
+import { createServices, Services, ServicesProvider } from './services';
 import { App}  from '../src/App';
 
 function configureMonacoEnvironment() {

apps/studio/src/services/monaco.service.ts → apps/studio/app/services/monaco.service.ts

@@ -2,7 +2,7 @@ import { AbstractService } from './abstract.service';
 import YAML from 'js-yaml';
 
 import { documentsState, filesState } from '../state';
-import type { SpecVersions } from '../types';
+import type { SpecVersions } from '../../src/types';
 import type { JSONSchema7 } from 'json-schema';
 
 export class MonacoService extends AbstractService {

apps/studio/src/services/parser.service.ts → apps/studio/app/services/parser.service.ts

@@ -6,7 +6,7 @@ import { AvroSchemaParser } from '@asyncapi/avro-schema-parser';
 import { ProtoBuffSchemaParser } from '@asyncapi/protobuf-schema-parser';
 import { untilde } from '@asyncapi/parser/cjs/utils';
 
-import { isDeepEqual } from '../helpers';
+import { isDeepEqual } from '../lib';
 import { filesState, documentsState, settingsState } from '../state';
 
 import type { Diagnostic, ParseOptions } from '@asyncapi/parser';

apps/studio/src/services/settings.service.ts → apps/studio/app/services/settings.service.ts

@@ -1,6 +1,6 @@
 import { AbstractService } from './abstract.service';
 
-import { isDeepEqual } from '../helpers';
+import { isDeepEqual } from '../lib';
 import { settingsState } from '../state';
 
 import type { SettingsState } from '../state/settings.state';

apps/studio/src/services/specification.service.ts → apps/studio/app/services/specification.service.ts

@@ -7,7 +7,7 @@ import { ConvertToLatestModal } from '../components/Modals';
 
 import { documentsState, settingsState } from '../state';
 
-import type { SpecVersions } from '../types';
+import type { SpecVersions } from '../../src/types';
 
 export class SpecificationService extends AbstractService {
   private keySessionStorage = 'informed-about-latest';
@@ -21,7 +21,7 @@ export class SpecificationService extends AbstractService {
   }
 
   get latestVersion(): SpecVersions {
-    return  Object.keys(this.specs).pop() as SpecVersions;
+    return Object.keys(this.specs).pop() as SpecVersions;
   }
 
   getSpec(version: SpecVersions) {

apps/studio/src/state/files.state.ts → apps/studio/app/state/files.state.ts

@@ -237,10 +237,10 @@ export const filesState = create<FilesState & FilesActions>(set => ({
     asyncapi: {
       uri: 'asyncapi',
       name: 'asyncapi',
-      content: schema,
+      content: schema!!,
       from: 'storage',
       source: undefined,
-      language: schema.trimStart()[0] === '{' ? 'json' : 'yaml',
+      language: schema?.trimStart()[0] === '{' ? 'json' : 'yaml',
       modified: false,
       stat: {
         mtime: (new Date()).getTime(),
@@ -252,4 +252,4 @@ export const filesState = create<FilesState & FilesActions>(set => ({
   }
 }));
 
-export const useFilesState = filesState;
+export const useFilesState = filesState;

apps/studio/scripts/template-parameters.ts

@@ -4,7 +4,7 @@ import fs from 'fs';
 import path from 'path';
 import { JSONSchema7 } from 'json-schema';
 
-const DESTINATION_JSON = path.join(__dirname, '../src/components/Modals/Generator/template-parameters.json');
+const DESTINATION_JSON = path.join(__dirname, '../app/components/Modals/Generator/template-parameters.json');
 const TEMPLATES: Record<string, string> = {
   '@asyncapi/dotnet-nats-template': '.NET Nats Project',
   '@asyncapi/go-watermill-template': 'GO Lang Watermill Project',
@@ -65,12 +65,12 @@ function serializeTemplateParameters(config: TemplateConfig): JSONSchema7 | unde
   const required: string[] = [];
   for (const parameter in configParameters) {
     const configParam = configParameters[String(parameter)];
-    
+
     const param = serializeParam(configParam);
     if (configParam.required) {
       required.push(parameter);
     }
-    
+
     parameters[String(parameter)] = param;
   }
 

apps/studio/src/studio.tsx

@@ -1,10 +1,10 @@
 import React, { useEffect } from 'react';
 import toast, { Toaster } from 'react-hot-toast';
 
-import { Content, Sidebar, Template, Toolbar } from './components';
+import { Content, Sidebar, Template, Toolbar } from '../app/components';
 
-import { afterAppInit, useServices } from './services';
-import { appState } from './state';
+import { afterAppInit, useServices } from '../app/services';
+import { appState } from '../app/state';
 
 export interface AsyncAPIStudioProps {}
 

apps/studio/tsconfig.json

@@ -36,7 +36,7 @@
   "include": [
     "src",
     ".next/types/**/*.ts"
-  ],
+, "app/components", "app/examples", "app/lib", "app/services", "app/state"  ],
   "exclude": [
     "node_modules"
   ]