create-nube-app 0.0.2

package/templates/minimal-ui-jsx/package.json

@@ -0,0 +1,16 @@
+{
+  "name": "minimal-jsx-app",
+  "version": "1.0.0",
+  "type": "module",
+  "scripts": {
+    "build": "tsup"
+  },
+  "author": "Tiendanube / Nuvemshop",
+  "devDependencies": {
+    "@tiendanube/nube-sdk-ui": "0.1.3-alpha",
+    "@tiendanube/nube-sdk-jsx": "0.1.0-alpha",
+    "@tiendanube/nube-sdk-types": "0.2.6-alpha",
+    "tsup": "^8.3.0",
+    "typescript": "^5.6.2"
+  }
+}

package/templates/minimal-ui-jsx/src/main.tsx

@@ -0,0 +1,28 @@
+import type { NubeSDK } from "@tiendanube/nube-sdk-types";
+import { Box, Field, Txt } from "@tiendanube/nube-sdk-jsx";
+
+function MyComponent() {
+  return (
+    <Box width={100} height={200}>
+      <Txt>Hello!!</Txt>
+      <Field
+        id="myField"
+        label="Name"
+        name="Name"
+        onChange={(e) => {
+          console.log(`User name: ${e.value}`);
+        }}
+      />
+    </Box>
+  );
+}
+
+export function App(nube: NubeSDK) {
+  nube.send("ui:slot:set", () => ({
+    ui: {
+      slots: {
+        after_line_items: <MyComponent />,
+      },
+    },
+  }));
+}

package/templates/minimal-ui-jsx/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "target": "es2016",
+    "jsx": "react-jsx",
+    "jsxImportSource": "@tiendanube/nube-sdk-jsx/dist",
+    "module": "commonjs",
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "strict": true
+  },
+  "include": [
+    "./src/**/*"
+  ]
+}

package/templates/minimal-ui-jsx/tsup.config.js

@@ -0,0 +1,21 @@
+import { defineConfig } from "tsup";
+
+export default defineConfig({
+  entry: ["src/main.tsx"],
+  format: ["esm"],
+  target: "esnext",
+  clean: true,
+  minify: true,
+  bundle: true,
+  sourcemap: false,
+  splitting: false,
+  skipNodeModulesBundle: false,
+  esbuildOptions(options) {
+    options.alias = {
+      "@tiendanube/nube-sdk-jsx/dist/jsx-runtime": "@tiendanube/nube-sdk-jsx/jsx-runtime",
+    };
+  },
+  outExtension: ({ options }) => ({
+    js: options.minify ? ".min.js" : ".js"
+  })
+});

package/tsconfig.json

@@ -0,0 +1,14 @@
+{
+    "compilerOptions": {
+        "target": "ES2020",
+        "module": "ESNext",
+        "moduleResolution": "node",
+        "esModuleInterop": true,
+        "forceConsistentCasingInFileNames": true,
+        "strict": true,
+        "skipLibCheck": true,
+        "types": [
+            "node"
+        ]
+    }
+}

package/tsup.config.js

@@ -0,0 +1,13 @@
+// tsup.config.js
+import { defineConfig } from 'tsup';
+
+export default defineConfig({
+  entry: ['src/index.ts'], // ponto de entrada do seu projeto
+  format: ['esm'],  // formatos de saída
+  bundle: false,           // não agrupa os módulos em um único arquivo
+  minify: false,           // desabilita a minificação
+  sourcemap: false,         // gera sourcemaps para facilitar o debug
+  clean: true,             // limpa a pasta de saída antes de cada build
+  target: 'node16',        // define o alvo (ajuste conforme sua versão do Node)
+  dts: false,               // gera arquivos de definição TypeScript (.d.ts)
+});