@gjsify/create-app 0.1.7 → 0.1.8

package/lib/create.js

@@ -13,14 +13,14 @@ export async function createProject(projectName) {
     mkdirSync(join(targetDir, 'src'), { recursive: true });
     // Copy template files
     const templatesDir = resolve(__dirname, '..', 'templates');
-    // Generate package.json from template
-    const packageJsonTemplate = readFileSync(join(templatesDir, 'package.json.tmpl'), 'utf-8');
-    const packageJson = packageJsonTemplate.replace(/\{\{projectName\}\}/g, projectName);
+    // Generate package.json from template (replaces sentinel name with project name)
+    const packageJsonTemplate = readFileSync(join(templatesDir, 'package.json'), 'utf-8');
+    const packageJson = packageJsonTemplate.replace(/new-gjsify-app/g, projectName);
     writeFileSync(join(targetDir, 'package.json'), packageJson);
     // Copy tsconfig.json
-    cpSync(join(templatesDir, 'tsconfig.json.tmpl'), join(targetDir, 'tsconfig.json'));
+    cpSync(join(templatesDir, 'tsconfig.json'), join(targetDir, 'tsconfig.json'));
     // Copy src/index.ts
-    cpSync(join(templatesDir, 'src', 'index.ts.tmpl'), join(targetDir, 'src', 'index.ts'));
+    cpSync(join(templatesDir, 'src', 'index.ts'), join(targetDir, 'src', 'index.ts'));
     console.log('');
     console.log('Project created successfully!');
     console.log('');

package/lib/index.d.ts

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-export {};
+export { createProject } from './create.js';

package/lib/index.js

@@ -16,3 +16,4 @@ void yargs(hideBin(process.argv))
 })
     .help()
     .argv;
+export { createProject } from './create.js';

package/package.json

@@ -1,14 +1,22 @@
 {
   "name": "@gjsify/create-app",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "description": "Create a new Gjsify project",
   "type": "module",
-  "main": "lib/index.js",
+  "main": "lib/create.js",
+  "types": "lib/create.d.ts",
+  "exports": {
+    ".": {
+      "types": "./lib/create.d.ts",
+      "import": "./lib/create.js"
+    },
+    "./package.json": "./package.json"
+  },
   "bin": "./lib/index.js",
   "scripts": {
     "clear": "rm -rf lib tsconfig.tsbuildinfo || exit 0",
     "check": "tsc --noEmit",
-    "build": "tsc && chmod +x ./lib/index.js",
+    "build": "node scripts/process-template.mjs && tsc && chmod +x ./lib/index.js",
     "test": "echo 'nothing to do'"
   },
   "keywords": [

package/templates/package.json

@@ -0,0 +1,20 @@
+{
+    "name": "new-gjsify-app",
+    "version": "0.1.8",
+    "type": "module",
+    "private": true,
+    "scripts": {
+        "check": "tsc --noEmit",
+        "build": "gjsify build src/index.ts --outfile dist/index.js --globals fetch,Buffer,process,URL,crypto,structuredClone,AbortController",
+        "start": "gjsify run dist/index.js",
+        "dev": "gjsify build src/index.ts --outfile dist/index.js --globals fetch,Buffer,process,URL,crypto,structuredClone,AbortController && gjsify run dist/index.js"
+    },
+    "devDependencies": {
+        "@gjsify/cli": "^0.1.8",
+        "@types/node": "^25.5.2",
+        "typescript": "^6.0.2"
+    },
+    "dependencies": {
+        "@girs/gtk-4.0": "^4.23.0-4.0.0-rc.1"
+    }
+}

package/templates/src/index.ts

@@ -0,0 +1,66 @@
+import Gtk from 'gi://Gtk?version=4.0'
+
+// Globals injected via --globals in the build script:
+//   process  → Node.js process API   (@gjsify/process)
+//   crypto   → Web Crypto API        (@gjsify/webcrypto)
+//   Buffer   → Node.js Buffer API    (@gjsify/buffer)
+
+const app = new Gtk.Application({
+    applicationId: 'org.gjsify.example',
+})
+
+app.connect('activate', () => {
+    const window = new Gtk.ApplicationWindow({
+        application: app,
+        title: 'new-gjsify-app',
+        defaultWidth: 480,
+        defaultHeight: 280,
+    })
+
+    const box = new Gtk.Box({
+        orientation: Gtk.Orientation.VERTICAL,
+        spacing: 16,
+        margin_top: 24,
+        margin_bottom: 24,
+        margin_start: 24,
+        margin_end: 24,
+    })
+
+    // Node.js — process API
+    const platformLabel = new Gtk.Label({
+        label: `Platform: ${process.platform}  |  PID: ${process.pid}`,
+        xalign: 0,
+    })
+
+    // Web Crypto API — UUID
+    const uuidLabel = new Gtk.Label({
+        label: 'UUID:   —',
+        xalign: 0,
+    })
+
+    // Node.js — Buffer API
+    const base64Label = new Gtk.Label({
+        label: 'Base64: —',
+        xalign: 0,
+    })
+
+    // Button wires everything together
+    const button = new Gtk.Button({ label: '↺  Generate UUID' })
+    button.connect('clicked', () => {
+        const uuid = crypto.randomUUID()                          // Web Crypto
+        const base64 = Buffer.from(uuid).toString('base64')      // Node.js Buffer
+        uuidLabel.set_label(`UUID:   ${uuid}`)
+        base64Label.set_label(`Base64: ${base64}`)
+    })
+
+    box.append(platformLabel)
+    box.append(new Gtk.Separator({ orientation: Gtk.Orientation.HORIZONTAL }))
+    box.append(button)
+    box.append(uuidLabel)
+    box.append(base64Label)
+
+    window.set_child(box)
+    window.present()
+})
+
+app.run([])

package/templates/package.json.tmpl

@@ -1,21 +0,0 @@
-{
-    "name": "{{projectName}}",
-    "version": "0.1.0",
-    "type": "module",
-    "private": true,
-    "scripts": {
-        "build": "gjsify build src/index.ts --outfile dist/index.js",
-        "start": "gjsify run dist/index.js",
-        "dev": "gjsify build src/index.ts --outfile dist/index.js && gjsify run dist/index.js"
-    },
-    "devDependencies": {
-        "@gjsify/cli": "^0.1.0",
-        "@types/node": "^25.5.0",
-        "typescript": "^6.0.2"
-    },
-    "dependencies": {
-        "@girs/gtk-4.0": "^4.22.1-4.0.0-beta.42",
-        "@gjsify/node-globals": "^0.1.0",
-        "@gjsify/node-polyfills": "^0.1.0"
-    }
-}

package/templates/src/index.ts.tmpl

@@ -1,23 +0,0 @@
-import Gtk from 'gi://Gtk?version=4.0'
-
-const app = new Gtk.Application({
-    applicationId: 'org.gjsify.example',
-})
-
-app.connect('activate', () => {
-    const window = new Gtk.ApplicationWindow({
-        application: app,
-        title: 'Hello from Gjsify',
-        defaultWidth: 400,
-        defaultHeight: 300,
-    })
-
-    const label = new Gtk.Label({
-        label: 'Hello from Gjsify!',
-    })
-
-    window.setChild(label)
-    window.present()
-})
-
-app.run([])