tutorial and toolkit done

Author: cblanquera

plugins/docs/components/Layout.tsx

@@ -181,38 +181,43 @@ export function LayoutLeft(props: {
       ]
     },
     {
-      label: 'Tooling',
-      search: '/docs/tooling',
+      label: 'Toolkit',
+      search: '/docs/toolkit',
       children: [
+        {
+          label: 'Toolkit Setup',
+          search: '/docs/toolkit/setup',
+          href: '/docs/toolkit/setup'
+        },
         {
           label: 'Add Translations',
-          search: '/docs/tooling/add-translations',
-          href: '/docs/tooling/add-translations'
+          search: '/docs/toolkit/add-translations',
+          href: '/docs/toolkit/add-translations'
         },
         {
           label: 'Setup Email',
-          search: '/docs/tooling/setup-email',
-          href: '/docs/tooling/setup-email'
+          search: '/docs/toolkit/setup-email',
+          href: '/docs/toolkit/setup-email'
         },
         {
           label: 'Setup Authentication',
-          search: '/docs/tooling/setup-authentication',
-          href: '/docs/tooling/setup-authentication'
+          search: '/docs/toolkit/setup-authentication',
+          href: '/docs/toolkit/setup-authentication'
         },
         {
           label: 'Setup Permissions',
-          search: '/docs/tooling/setup-permissions',
-          href: '/docs/tooling/setup-permissions'
+          search: '/docs/toolkit/setup-permissions',
+          href: '/docs/toolkit/setup-permissions'
         },
         {
           label: 'Setup API',
-          search: '/docs/tooling/setup-api',
-          href: '/docs/tooling/setup-api'
+          search: '/docs/toolkit/setup-api',
+          href: '/docs/toolkit/setup-api'
         },
         {
           label: 'Customize Terminal',
-          search: '/docs/tooling/customize-terminal',
-          href: '/docs/tooling/customize-terminal'
+          search: '/docs/toolkit/customize-terminal',
+          href: '/docs/toolkit/customize-terminal'
         }
       ]
     },
@@ -333,7 +338,7 @@ export function LayoutLeft(props: {
           <i className="fas fa-chevron-left"></i>
         </button>
       </header>
-      <main className="theme-bg-bg1 flex-grow overflow-scroll px-pt-10 px-pb-40">
+      <main className="theme-bg-bg1 flex-grow overflow-auto px-pt-10 px-pb-40">
         {menu.map((section, i) => (
           <div key={i}>
             {section.label.length ? (
@@ -350,7 +355,7 @@ export function LayoutLeft(props: {
             {section.children.map((item, j) => {
               const left = section.label.length ? 'px-pl-40' : 'px-pl-20';
               return pathname.startsWith(section.search) ? (
-                pathname.startsWith(item.search) ? (
+                pathname === item.search ? (
                   <a key={j} className={`theme-tx1 block px-py-10 ${left} font-bold`} href={item.href}>
                     {_(item.label)}
                   </a>

plugins/docs/components/index.tsx

@@ -154,10 +154,19 @@ export function Note({ children }: { children: ReactNode }) {
   );
 }
 
+export function Congrats({ children }: { children: ReactNode }) {
+  return (
+    <Alert success outline curved className="px-lh-28">
+      <i className="inline-block px-mr-5 fas fa-check-circle" /> 
+      <SS>CONGRATS:</SS>&nbsp;{children}
+    </Alert>
+  );
+}
+
 export function Warn({ children }: { children: ReactNode }) {
   return (
-    <Alert info outline curved className="px-lh-24">
-      <i className="inline-block px-mr-5 fas fa-info-circle" /> 
+    <Alert warning outline curved className="px-lh-24">
+      <i className="inline-block px-mr-5 fas fa-exclamation-triangle" /> 
       <SS>WARNING:</SS>&nbsp;{children}
     </Alert>
   );

plugins/docs/plugin.ts

@@ -38,6 +38,7 @@ export default function plugin(server: Server) {
     server.get('/docs', '@/plugins/docs/views/index', -100);
     server.get('/docs/introduction', '@/plugins/docs/views/index', -100);
     server.get('/docs/tutorial', '@/plugins/docs/views/tutorial/index', -100);
+    server.get('/docs/toolkit/setup', '@/plugins/docs/views/toolkit/setup/index', -100);
     [
       'getting-started',
       'deploy/build-project',
@@ -65,26 +66,24 @@ export default function plugin(server: Server) {
       'references/server',
       'references/status-map',
       'references/template-engine',
-      'tooling/add-translations',
-      'tooling/customize-terminal',
-      'tooling/setup-api',
-      'tooling/setup-authentication',
-      'tooling/setup-email',
-      'tooling/setup-permissions',
+      'toolkit/add-translations',
+      'toolkit/customize-terminal',
+      'toolkit/setup-api',
+      'toolkit/setup-authentication',
+      'toolkit/setup-email',
+      'toolkit/setup-permissions',
       'transform/customize-admin',
       'transform/form-idea',
       'transform/generate-idea',
-      'tutorial/plugin-architecture',
-      'tutorial/server-routes',
-      'tutorial/server-props',
-      'tutorial/context-provider',
-      'tutorial/view-engine',
-      'tutorial/client-engine',
-      'tutorial/database-engine',
-      'tutorial/code-engine',
-      'tutorial/authentication',
-      'tutorial/session',
-      'tutorial/api'
+      'tutorial/1-ecmascript',
+      'tutorial/2-plugin-architecture',
+      'tutorial/3-server-routes',
+      'tutorial/4-server-props',
+      'tutorial/5-view-engine',
+      'toolkit/setup/1-project-setup',
+      'toolkit/setup/2-client-engine',
+      'toolkit/setup/3-database-engine',
+      'toolkit/setup/4-context-provider'
     ].map(route => {
       server.get(`/docs/${route}`, `@/plugins/docs/views/${route}`, -100);  
     });