create-nube-app 0.0.2

package/templates/minimal-ui/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "minimal-ui-app",
+  "version": "1.0.1",
+  "type": "module",
+  "scripts": {
+    "build": "tsup"
+  },
+  "author": "Tiendanube / Nuvemshop",
+  "dependencies": {
+    "@tiendanube/nube-sdk-ui": "0.1.3-alpha"
+  },
+  "devDependencies": {
+    "@tiendanube/nube-sdk-types": "0.2.5-alpha",
+    "tsup": "^8.3.0",
+    "typescript": "^5.6.2"
+  }
+}

package/templates/minimal-ui/src/main.ts

@@ -0,0 +1,28 @@
+import type { NubeSDK } from "@tiendanube/nube-sdk-types";
+import { box, field } from "@tiendanube/nube-sdk-ui";
+
+export function App(nube: NubeSDK) {
+  nube.on("cart:update", ({ cart }) => {
+    console.log(cart);
+  });
+
+  nube.send("ui:slot:set", () => ({
+    ui: {
+      slots: {
+        after_line_items:
+          box({
+            width: 100, height: 200, children: [
+              field({
+                id: "myField",
+                label: "Name",
+                name: "Name",
+                onChange: (e) => {
+                  console.log("User name: " + e.value)
+                }
+              })
+            ]
+          })
+      }
+    }
+  }));
+}

package/templates/minimal-ui/tsconfig.json

@@ -0,0 +1,11 @@
+{
+  "compilerOptions": {
+    "target": "es2022",
+    "module": "commonjs",
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "strict": true,
+    "skipLibCheck": true,
+  },
+  "include": ["./src/**/*"],
+}

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

@@ -0,0 +1,18 @@
+import { defineConfig } from "tsup";
+
+export default defineConfig({
+  entry: ["./src/main.ts"],
+  clean: true,
+  format: ["esm"],
+  dts: false,
+  outDir: "./dist",
+  minify: true,
+  sourcemap: false,
+  noExternal: [
+    "@tiendanube/nube-sdk-ui",
+  ],
+  outExtension: ({ options }) => ({
+    js: options.minify ? ".min.js" : ".js"
+  })
+});
+

package/templates/minimal-ui-jsx/README.md

@@ -0,0 +1,12 @@
+# Minimum setup for UI app development with NubeSDK using JSX
+
+This project uses the type package in version `0.1.2-alpha` and `tsup` to compile typescript to javascript
+
+# How to use
+
+- install the development dependencies with the `npm install` command.
+- Then start the development changing the `src/main.tsx` file.
+- To compile the project use the `npm run build` command.
+- The contents of the `src/jsx` is required for JSX support, in the future we will provide a new `npm` package with the JSX support embedded.
+
+The final script is created in the `dist` folder.