WIP #RI-4943 - move tutorials to database pages

redisinsight/__mocks__/monacoMock.js

@@ -1,4 +1,4 @@
-import React, { useEffect } from 'react';
+import React, { useEffect } from 'react'
 
 export default function MonacoEditor(props) {
   useEffect(() => {
@@ -22,7 +22,7 @@ export default function MonacoEditor(props) {
       },
       // monaco
       {
-        Range: jest.fn().mockImplementation(() => { return {} }),
+        Range: jest.fn().mockImplementation(() => ({})),
         languages: {
           getLanguages: jest.fn(),
           register: jest.fn(),
@@ -35,20 +35,23 @@ export default function MonacoEditor(props) {
           setLanguageConfiguration: jest.fn(),
           setMonarchTokensProvider: jest.fn(),
           json: {
-            jsonDefaults:{
+            jsonDefaults: {
               setDiagnosticsOptions: jest.fn()
             }
           }
         },
         KeyMod: {},
         KeyCode: {}
-      })
+      }
+    )
   }, [])
-  return <textarea
-    {...props}
-    onChange={(e) => props.onChange && props.onChange(e.target.value)}
-    data-testid={props['data-testid'] ? props['data-testid'] : 'monaco'}
-  />;
+  return (
+    <textarea
+      {...props}
+      onChange={(e) => props.onChange && props.onChange(e.target.value)}
+      data-testid={props['data-testid'] ? props['data-testid'] : 'monaco'}
+    />
+  )
 }
 
 export const languages = {
@@ -61,5 +64,10 @@ export const languages = {
 }
 
 export const monaco = {
-  Selection: jest.fn().mockImplementation(() => { return {} })
+  Selection: jest.fn().mockImplementation(() => ({})),
+  editor: {
+    colorize: jest.fn().mockImplementation((data) => Promise.resolve(data)),
+    defineTheme: jest.fn(),
+    setTheme: jest.fn()
+  }
 }

redisinsight/api/config/default.ts

@@ -29,8 +29,6 @@ export default {
     pluginsAssets: join(staticDir, 'resources', 'plugins'),
     commands: join(homedir, 'commands'),
     defaultCommandsDir: join(defaultsDir, 'commands'),
-    guides: process.env.RI_GUIDES_PATH || join(homedir, 'guides'),
-    defaultGuides: join(defaultsDir, 'guides'),
     tutorials: process.env.RI_TUTORIALS_PATH || join(homedir, 'tutorials'),
     defaultTutorials: join(defaultsDir, 'tutorials'),
     content: process.env.RI_CONTENT_PATH || join(homedir, 'content'),
@@ -47,7 +45,6 @@ export default {
     globalPrefix: 'api',
     customPluginsUri: '/plugins',
     staticUri: '/static',
-    guidesUri: '/static/guides',
     tutorialsUri: '/static/tutorials',
     customTutorialsUri: '/static/custom-tutorials',
     contentUri: '/static/content',
@@ -110,23 +107,16 @@ export default {
   plugins: {
     stateMaxSize: parseInt(process.env.RI_PLUGIN_STATE_MAX_SIZE, 10) || 1024 * 1024,
   },
-  guides: {
-    updateUrl: process.env.RI_GUIDES_UPDATE_URL
-      || 'https://github.com/RedisInsight/Guides/releases/download/2.x.x',
-    zip: process.env.RI_GUIDES_ZIP || dataZipFileName,
-    buildInfo: process.env.RI_GUIDES_INFO || buildInfoFileName,
-    devMode: !!process.env.RI_GUIDES_PATH,
-  },
   tutorials: {
     updateUrl: process.env.RI_TUTORIALS_UPDATE_URL
-      || 'https://github.com/RedisInsight/Tutorials/releases/download/2.x.x',
+      || 'https://github.com/RedisInsight/Tutorials/releases/download/2.42',
     zip: process.env.RI_TUTORIALS_ZIP || dataZipFileName,
     buildInfo: process.env.RI_TUTORIALS_INFO || buildInfoFileName,
     devMode: !!process.env.RI_TUTORIALS_PATH,
   },
   content: {
     updateUrl: process.env.RI_CONTENT_UPDATE_URL
-      || 'https://github.com/RedisInsight/Statics/releases/download/latest',
+      || 'https://github.com/RedisInsight/Statics/releases/download/2.42',
     zip: process.env.RI_CONTENT_ZIP || dataZipFileName,
     buildInfo: process.env.RI_CONTENT_INFO || buildInfoFileName,
     devMode: !!process.env.RI_CONTENT_PATH,

redisinsight/api/package.json

@@ -10,10 +10,9 @@
   },
   "scripts": {
     "build:defaults:commands": "ts-node ./scripts/default-commands.ts",
-    "build:defaults:guides": "ts-node ./scripts/default-guides.ts",
     "build:defaults:tutorials": "ts-node ./scripts/default-tutorials.ts",
     "build:defaults:content": "ts-node ./scripts/default-content.ts",
-    "build:defaults": "yarn build:defaults:guides && yarn build:defaults:commands && yarn build:defaults:content && yarn build:defaults:tutorials",
+    "build:defaults": "yarn build:defaults:commands && yarn build:defaults:content && yarn build:defaults:tutorials",
     "prebuild": "rimraf dist",
     "build": "nest build",
     "build:prod": "rimraf dist && nest build -p ./tsconfig.build.prod.json && cross-env NODE_ENV=production",

redisinsight/api/src/__mocks__/custom-tutorial.ts

@@ -74,6 +74,7 @@ export const mockCustomTutorialManifestJson = {
               type: CustomTutorialManifestType.InternalLink,
               id: 'introduction',
               label: 'introduction',
+              summary: 'Introduction summary',
               args: {
                 path: '/ct-folder-1/ct-sub-folder-1/introduction.md',
               },

redisinsight/api/src/init-helper.ts

@@ -38,3 +38,16 @@ export const migrateHomeFolder = async () => {
     // continue initialization even without migration
   }
 };
+
+/**
+ * Remove old guides folder
+ */
+export const removeGuidesFolder = async () => {
+  try {
+    if (await fs.pathExists(PATH_CONFIG.guides)) {
+      await fs.rm(PATH_CONFIG.guides, { recursive: true, force: true });
+    }
+  } catch (e) {
+    // continue initialization even without migration
+  }
+};

redisinsight/api/src/main.ts

@@ -7,7 +7,7 @@ import * as bodyParser from 'body-parser';
 import { WinstonModule } from 'nest-winston';
 import { GlobalExceptionFilter } from 'src/exceptions/global-exception.filter';
 import { get, Config } from 'src/utils';
-import { migrateHomeFolder } from 'src/init-helper';
+import { migrateHomeFolder, removeGuidesFolder } from 'src/init-helper';
 import { LogFileProvider } from 'src/modules/profiler/providers/log-file.provider';
 import { WindowsAuthAdapter } from 'src/modules/auth/window-auth/adapters/window-auth.adapter';
 import { AppModule } from './app.module';
@@ -24,6 +24,7 @@ interface IApp {
 
 export default async function bootstrap(apiPort?: number): Promise<IApp> {
   await migrateHomeFolder();
+  await removeGuidesFolder();
 
   const { port, host } = serverConfig;
   const logger = WinstonModule.createLogger(LOGGER_CONFIG);

redisinsight/api/src/modules/custom-tutorial/models/custom-tutorial.manifest.ts

@@ -62,6 +62,13 @@ export class CustomTutorialManifest {
   @IsNotEmpty()
   label: string;
 
+  @ApiProperty({ type: String })
+  @IsOptional()
+  @Expose()
+  @IsString()
+  @IsNotEmpty()
+  summary?: string;
+
   @ApiPropertyOptional({ type: CustomTutorialManifestArgs })
   @IsOptional()
   @Expose()

redisinsight/api/src/modules/statics-management/providers/auto-updated-statics.provider.spec.ts

@@ -4,7 +4,7 @@ import config from 'src/utils/config';
 import { AutoUpdatedStaticsProvider } from './auto-updated-statics.provider';
 
 const PATH_CONFIG = config.get('dir_path');
-const GUIDES = config.get('guides');
+const TUTORIALS = config.get('tutorials');
 
 jest.mock('axios');
 const mockedAxios = axios as jest.Mocked<typeof axios>;
@@ -26,13 +26,13 @@ describe('AutoUpdatedStaticsProvider', () => {
     jest.mock('adm-zip', () => jest.fn().mockImplementation(() => mockedAdmZip));
 
     service = new AutoUpdatedStaticsProvider({
-      name: 'GuidesProvider',
-      destinationPath: PATH_CONFIG.guides,
-      defaultSourcePath: PATH_CONFIG.defaultGuides,
-      updateUrl: GUIDES.updateUrl,
-      buildInfo: GUIDES.buildInfo,
-      zip: GUIDES.zip,
-      devMode: GUIDES.devMode,
+      name: 'TutorialsProvider',
+      destinationPath: PATH_CONFIG.tutorials,
+      defaultSourcePath: PATH_CONFIG.defaultTutorials,
+      updateUrl: TUTORIALS.updateUrl,
+      buildInfo: TUTORIALS.buildInfo,
+      zip: TUTORIALS.zip,
+      devMode: TUTORIALS.devMode,
     });
   });
 

redisinsight/api/src/modules/statics-management/statics-management.module.ts

@@ -6,20 +6,12 @@ import { AutoUpdatedStaticsProvider } from './providers/auto-updated-statics.pro
 
 const SERVER_CONFIG = config.get('server') as Config['server'];
 const PATH_CONFIG = config.get('dir_path') as Config['dir_path'];
-const GUIDES_CONFIG = config.get('guides') as Config['guides'];
 const TUTORIALS_CONFIG = config.get('tutorials') as Config['tutorials'];
 
 const CONTENT_CONFIG = config.get('content');
 
 @Module({
   imports: [
-    ServeStaticModule.forRoot({
-      serveRoot: SERVER_CONFIG.guidesUri,
-      rootPath: join(PATH_CONFIG.guides),
-      serveStaticOptions: {
-        fallthrough: false,
-      },
-    }),
     ServeStaticModule.forRoot({
       serveRoot: SERVER_CONFIG.tutorialsUri,
       rootPath: join(PATH_CONFIG.tutorials),
@@ -64,15 +56,6 @@ const CONTENT_CONFIG = config.get('content');
     }),
   ],
   providers: [
-    {
-      provide: 'GuidesProvider',
-      useFactory: () => new AutoUpdatedStaticsProvider({
-        name: 'GuidesProvider',
-        destinationPath: PATH_CONFIG.guides,
-        defaultSourcePath: PATH_CONFIG.defaultGuides,
-        ...GUIDES_CONFIG,
-      }),
-    },
     {
       provide: 'TutorialsProvider',
       useFactory: () => new AutoUpdatedStaticsProvider({

redisinsight/ui/src/App.tsx

@@ -6,6 +6,7 @@ import { EuiPage, EuiPageBody } from '@elastic/eui'
 import { store } from 'uiSrc/slices/store'
 import { appInfoSelector } from 'uiSrc/slices/app/info'
 import { PagePlaceholder } from 'uiSrc/components'
+import MonacoLanguages from 'uiSrc/components/monaco-laguages'
 import Router from './Router'
 import { Theme } from './constants'
 import { themeService } from './services'
@@ -14,7 +15,6 @@ import { ThemeProvider } from './contexts/themeContext'
 import MainComponent from './components/main/MainComponent'
 import ThemeComponent from './components/theme/ThemeComponent'
 import GlobalDialogs from './components/global-dialogs'
-import GlobalActionBar from './components/global-action-bar'
 
 import themeDark from './styles/themes/dark_theme/_dark_theme.lazy.scss'
 import themeLight from './styles/themes/light_theme/_light_theme.lazy.scss'
@@ -44,7 +44,6 @@ const App = ({ children }: { children?: ReactElement[] }) => {
         ? <PagePlaceholder />
         : (
           <EuiPage className="main">
-            <GlobalActionBar />
             <GlobalDialogs />
             <GlobalSubscriptions />
             <NavigationMenu />
@@ -56,6 +55,7 @@ const App = ({ children }: { children?: ReactElement[] }) => {
       <Notifications />
       <Config />
       <ShortcutsFlyout />
+      <MonacoLanguages />
       {children}
     </div>
   )