Feat/support multi languages

.changeset/wet-buttons-cover.md

@@ -0,0 +1,6 @@
+---
+"@kubb/swagger-client": minor
+"@kubb/react": minor
+---
+
+editor component to support multiple languages with Kubb templates

.codesandbox/ci.json

@@ -18,6 +18,7 @@
     "/examples/advanced",
     "/examples/faker",
     "/examples/msw",
+    "/examples/python",
     "/examples/msw-v2",
     "/examples/react-query",
     "/examples/react-query-v5",

docs/.vitepress/config.ts

@@ -163,6 +163,10 @@ const pluginsSidebar = [
                 text: 'Function',
                 link: '/plugins/react/components/function',
               },
+              {
+                text: 'Editor <img src="/icons/experimental.svg"/> <span class="new">new</span>',
+                link: '/plugins/react/components/editor',
+              },
               {
                 text: 'Type',
                 link: '/plugins/react/components/type',
@@ -342,6 +346,10 @@ const examplesSidebar = [
     text: 'Templates <span class="new">new</span>',
     link: '/examples/client',
   },
+  {
+    text: 'Python <span class="new">new</span>',
+    link: '/examples/python',
+  },
 ]
 
 const blogSidebar = [

docs/examples/python.md

@@ -0,0 +1,18 @@
+---
+title: Python PetStore
+aside: false
+---
+
+<iframe
+  src="https://codesandbox.io/embed/github/kubb-project/kubb/tree/main/examples/python?fontsize=14&module=%2Fsrc%2Fgen%2Fmodels%2FPerson.ts&theme=dark&view=editor"
+  :style="{
+    width: '100%',
+    height: '700px',
+    border: 0,
+    borderRadius: '4px',
+    overflow: 'hidden'
+  }"
+  title="python"
+  allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
+  sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
+/>

docs/guide/tutorial/templates.md

@@ -125,7 +125,7 @@ import { defineConfig } from '@kubb/core'
 import createSwagger from '@kubb/swagger'
 import createSwaggerTS from '@kubb/swagger-ts'
 
-import { templates } from './templates/CustomClientTemplates.tsx'
+import { templates } from './templates/CustomClientTemplate.tsx'
 
 export default defineConfig(async () => {
   return {

docs/plugins/react/components/editor.md

@@ -0,0 +1,45 @@
+---
+layout: doc
+
+title: \@kubb/react
+outline: deep
+---
+
+# Editor
+
+::: code-group
+
+```tsx [simple]
+import { createRoot, Editor } from '@kubb/react'
+
+const root = createRoot()
+
+const Component = () => {
+  return (
+    <Editor language="text">
+      export const test = 2
+    </Editor>
+  )
+}
+
+root.render(<Component />)
+
+return root.output
+```
+
+:::
+
+::: code-group
+
+```typescript [simple]
+export const test = 2
+```
+
+:::
+
+## API
+
+| Property | Description                | Type                               | Default |
+| -------- | -------------------------- | ---------------------------------- | ------- |
+| language | Name of the language used. | `typescript' \| 'text' \|  string` | -       |
+| children |                            | `KubbNode \|  undefined`           | -       |

docs/plugins/swagger-client/index.md

@@ -712,7 +712,7 @@ export default defineConfig({
 })
 ```
 
-<<< @/../examples/client/templates/CustomClientTemplates.tsx
+<<< @/../examples/client/templates/CustomClientTemplate.tsx
 
 :::
 

examples/advanced/src/gen/zod/userSchema.ts

@@ -6,7 +6,7 @@ export const userSchema = z.object({
   'username': z.string().optional(),
   'firstName': z.string().optional(),
   'lastName': z.string().optional(),
-  'email': z.string().email().optional(),
+  'email': z.string().optional(),
   'password': z.string().optional(),
   'phone': z.string().optional(),
   'userStatus': z.number().describe(`User Status`).optional(),

examples/client/templates/CustomClientTemplate.tsx

@@ -10,7 +10,7 @@ export const templates = {
       <>
         <File.Import name="axios" path="axios" />
         <Function name={name} async export generics={generics} returnType={returnType} params={params} JSDoc={JSDoc}>
-          {`return axios.${client.method}(${clientParams}`}
+          {`return axios.${client.method}(${clientParams})`}
         </Function>
       </>
     )

examples/python/.prettierrc

@@ -0,0 +1,9 @@
+{
+  "tabWidth": 2,
+  "printWidth": 160,
+  "parser": "typescript",
+  "singleQuote": true,
+  "semi": false,
+  "bracketSameLine": false,
+  "endOfLine": "auto"
+}

examples/python/kubb.config.ts

@@ -0,0 +1,37 @@
+import { defineConfig } from '@kubb/core'
+
+import { templates } from './templates/CustomClientTemplate'
+
+export default defineConfig(async () => {
+  return {
+    root: '.',
+    input: {
+      // path: './test.json',
+      path: './petStore.yaml',
+    },
+    output: {
+      path: './src/gen',
+      clean: true,
+    },
+    hooks: {
+      // done: ['npx eslint --fix ./src/gen', 'prettier --write "**/*.{ts,tsx}"', 'pnpm typecheck'],
+    },
+    plugins: [
+      ['@kubb/swagger', { output: false, validate: true }],
+      [
+        '@kubb/swagger-client',
+        {
+          output: {
+            path: './',
+            exportType: false,
+          },
+          group: { type: 'tag', output: './{{tag}}Service' },
+          templates: {
+            client: templates,
+            operations: false,
+          },
+        },
+      ],
+    ],
+  }
+})

examples/python/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "python-pet-store",
+  "version": "0.0.1",
+  "private": true,
+  "description": "Client PetStore example",
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/kubb-project/kubb.git",
+    "directory": "packages/examples/python"
+  },
+  "license": "MIT",
+  "author": "Stijn Van Hulle <[email protected]",
+  "sideEffects": false,
+  "scripts": {
+    "build": "tsup",
+    "clean": "npx rimraf ./dist",
+    "generate": "kubb generate --config kubb.config.ts",
+    "start": "tsup --watch",
+    "test": "vitest",
+    "typecheck": ""
+  },
+  "dependencies": {
+    "@kubb/cli": "workspace:*",
+    "@kubb/core": "workspace:*",
+    "@kubb/react": "workspace:*",
+    "@kubb/swagger": "workspace:*",
+    "@kubb/swagger-client": "workspace:*",
+    "@kubb/swagger-ts": "workspace:*",
+    "axios": "^1.6.7"
+  },
+  "devDependencies": {
+    "@kubb/ts-config": "workspace:*",
+    "react": "^18.2.0",
+    "tsup": "^8.0.2",
+    "typescript": "^5.3.3"
+  },
+  "packageManager": "[email protected]",
+  "engines": {
+    "node": ">=18",
+    "pnpm": ">=8.3.0"
+  }
+}