<html lang="en">
<head></head>
<body>

<form id="mainForm" method="post" action="https://stackblitz.com/run" target="_self">
<input type="hidden" name="project[files][.gitignore]" value="# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.

# dependencies
/node_modules
/.pnp
.pnp.js

# testing
/coverage

# next.js
/.next/
/out/

# production
/build

# misc
.DS_Store
*.pem
.idea/
.vscode/

# debug
npm-debug.log*
yarn-debug.log*
yarn-error.log*
.pnpm-debug.log*

# local env files
.env*.local

# vercel
.vercel

# typescript
*.tsbuildinfo
next-env.d.ts

# lock files
package-lock.json
yarn.lock
pnpm-lock.yaml
">
<input type="hidden" name="project[files][README.md]" value="# Farm + React

## Development

```bash
npm install &amp;&amp; npm run dev
```

## Docs

- [Farm](https://farmfe.org/)
- [React](https://react.dev/)
- [Ant Design](https://ant.design/)
">
<input type="hidden" name="project[files][farm.config.ts]" value="import { defineConfig } from &#39;@farmfe/core&#39;;

export default defineConfig({
  plugins: [&#39;@farmfe/plugin-react&#39;]
});
">
<input type="hidden" name="project[files][index.html]" value="&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
  &lt;meta charset=&quot;UTF-8&quot;&gt;
  &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot;&gt;
  &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
  &lt;link rel=&quot;icon&quot; type=&quot;image/svg+xml&quot; href=&quot;/favicon.ico&quot; /&gt;
  &lt;title&gt;Farm + React + TS&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
  &lt;div id=&quot;root&quot;&gt;&lt;/div&gt;
  &lt;script src=&quot;./src/main.tsx&quot;&gt;&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;">
<input type="hidden" name="project[files][package.json]" value="{&quot;name&quot;:&quot;farm-normal&quot;,&quot;version&quot;:&quot;1.0.0&quot;,&quot;private&quot;:true,&quot;scripts&quot;:{&quot;dev&quot;:&quot;farm start&quot;,&quot;start&quot;:&quot;farm start&quot;,&quot;build&quot;:&quot;farm build&quot;,&quot;preview&quot;:&quot;farm preview&quot;,&quot;clean&quot;:&quot;farm clean&quot;},&quot;dependencies&quot;:{&quot;antd&quot;:&quot;https://pkg.pr.new/ant-design/ant-design/antd@ce823de&quot;,&quot;react&quot;:&quot;18&quot;,&quot;react-dom&quot;:&quot;18&quot;},&quot;devDependencies&quot;:{&quot;@farmfe/cli&quot;:&quot;^1.0.2&quot;,&quot;@farmfe/core&quot;:&quot;^1.3.0&quot;,&quot;@farmfe/plugin-react&quot;:&quot;^1.2.0&quot;,&quot;@types/react&quot;:&quot;18&quot;,&quot;@types/react-dom&quot;:&quot;18&quot;,&quot;core-js&quot;:&quot;^3.36.1&quot;,&quot;react-refresh&quot;:&quot;^0.14.0&quot;},&quot;author&quot;:&quot;antd GitHub CI&quot;}">
<input type="hidden" name="project[files][tsconfig.json]" value="{
  &quot;compilerOptions&quot;: {
    &quot;target&quot;: &quot;ES2020&quot;,
    &quot;useDefineForClassFields&quot;: true,
    &quot;lib&quot;: [&quot;ES2020&quot;, &quot;DOM&quot;, &quot;DOM.Iterable&quot;],
    &quot;module&quot;: &quot;ESNext&quot;,
    &quot;skipLibCheck&quot;: true,

    /* Bundler mode */
    &quot;moduleResolution&quot;: &quot;bundler&quot;,
    &quot;allowImportingTsExtensions&quot;: true,
    &quot;resolveJsonModule&quot;: true,
    &quot;isolatedModules&quot;: true,
    &quot;noEmit&quot;: true,
    &quot;jsx&quot;: &quot;react-jsx&quot;,

    /* Linting */
    &quot;strict&quot;: true,
    &quot;noUnusedLocals&quot;: true,
    &quot;noUnusedParameters&quot;: true,
    &quot;noFallthroughCasesInSwitch&quot;: true
  },
  &quot;include&quot;: [&quot;src&quot;],
  &quot;references&quot;: [{ &quot;path&quot;: &quot;./tsconfig.node.json&quot; }]
}">
<input type="hidden" name="project[files][tsconfig.node.json]" value="{
  &quot;compilerOptions&quot;: {
    &quot;composite&quot;: true,
    &quot;skipLibCheck&quot;: true,
    &quot;module&quot;: &quot;ESNext&quot;,
    &quot;moduleResolution&quot;: &quot;bundler&quot;,
    &quot;allowSyntheticDefaultImports&quot;: true,
    &quot;strict&quot;: true
  },
  &quot;include&quot;: [&quot;farm.config.ts&quot;]
}
">
<input type="hidden" name="project[files][public/favicon.ico]" value="https://pkg.pr.new/template/67a22200-77da-4db7-b6d4-4e9ebe650734">
<input type="hidden" name="project[files][src/App.tsx]" value="import { Button, DatePicker } from &#39;antd&#39;;

export default () =&gt; (
  &lt;&gt;
    &lt;Button type=&quot;primary&quot;&gt;PRESS ME&lt;/Button&gt;
    &lt;DatePicker placeholder=&quot;select date&quot; /&gt;
  &lt;/&gt;
);">
<input type="hidden" name="project[files][src/main.tsx]" value="import React from &#39;react&#39;
import { createRoot } from &#39;react-dom/client&#39;;
import App from &#39;./App.tsx&#39;
import &#39;antd/dist/reset.css&#39;


const container = document.querySelector(&#39;#root&#39;);
const root = createRoot(container!);

root.render(
  &lt;React.StrictMode&gt;
    &lt;App /&gt;
  &lt;/React.StrictMode&gt;,
);
">
<input type="hidden" name="project[files][src/typings.d.ts]" value="declare module &#39;*.svg&#39;;
declare module &#39;*.png&#39;;
declare module &#39;*.css&#39;;
">
<input type="hidden" name="project[description]" value="generated by https://pkg.pr.new">
<input type="hidden" name="project[template]" value="node">
<input type="hidden" name="project[title]" value="farm-normal">
</form>
<script>document.getElementById("mainForm").submit();</script>

</body></html>