card · Contexts · OODS Foundry

The same context across several objects

Each is its object's generated screen in this context, in React and Vue, with the calls that made it. Open an object for its other contexts.

React app · sample recordsMaturity: stablesha256:b219ce1b0b27…Open full size

Vue app · sample recordsMaturity: stablesha256:6926a444ef37…Open full size

React app · sample recordsMaturity: betasha256:b36593ed2fe6…Open full size

Vue app · sample recordsMaturity: betasha256:0a33320e888f…Open full size

React app · sample recordsMaturity: betasha256:50c03b1c0cd3…Open full size

Vue app · sample recordsMaturity: betasha256:0838fc45e1e2…Open full size

React app · sample recordsMaturity: betasha256:866a723c1228…Open full size

Vue app · sample recordsMaturity: betasha256:2fde60af3a38…Open full size

The calls that made the User card apps, in React and Vue

3 calls, as the pipeline sent them

design_compose {
  "object": "User",
  "context": "card",
  "preferences": {
    "brand": "Aquex",
    "theme": "light"
  }
}

code_generate {
  "schemaRef": "compose-bc25e7e3",
  "framework": "react",
  "profile": "build",
  "options": {
    "output": "application",
    "brand": "Aquex",
    "theme": "light",
    "payloadMode": "file"
  }
}

code_generate {
  "schemaRef": "compose-bc25e7e3",
  "framework": "vue",
  "profile": "build",
  "options": {
    "output": "application",
    "brand": "Aquex",
    "theme": "light",
    "payloadMode": "file"
  }
}

The React app's content hash: sha256:b219ce1b0b274d1ec7ba8d5fe6d1aa7eee366d841c504acb203b28f9869376eb. Its src/ folder: App.tsx, GeneratedUI.tsx, app.css, main.tsx, oods-brand-aquex.css

The Vue app's content hash: sha256:6926a444ef3777826dfe4eb356e695214d5b0360c6c659f755ca93babd9d5687. Its src/ folder: App.vue, GeneratedUI.vue, app.css, main.ts, oods-brand-aquex.css

What design_compose reported:

OODS-V121 Object 'Invoice' has maturity 'beta' — composed output may change.

The calls that made the Invoice card apps, in React and Vue

3 calls, as the pipeline sent them

design_compose {
  "object": "Invoice",
  "context": "card",
  "preferences": {
    "brand": "Aquex",
    "theme": "light"
  }
}

code_generate {
  "schemaRef": "compose-b71d7dd5",
  "framework": "react",
  "profile": "build",
  "options": {
    "output": "application",
    "brand": "Aquex",
    "theme": "light",
    "payloadMode": "file"
  }
}

code_generate {
  "schemaRef": "compose-b71d7dd5",
  "framework": "vue",
  "profile": "build",
  "options": {
    "output": "application",
    "brand": "Aquex",
    "theme": "light",
    "payloadMode": "file"
  }
}

The React app's content hash: sha256:b36593ed2fe63b1eb4a4fbf11ef17f6866c9160196362462dfef7b16ed7173f2. Its src/ folder: App.tsx, GeneratedUI.tsx, app.css, main.tsx, oods-brand-aquex.css

The Vue app's content hash: sha256:0a33320e888f501a38107bfd22131017c3fdf83f316de953b8093310a24a5803. Its src/ folder: App.vue, GeneratedUI.vue, app.css, main.ts, oods-brand-aquex.css

What design_compose reported:

OODS-V121 Object 'Plan' has maturity 'beta' — composed output may change.

The calls that made the Plan card apps, in React and Vue

3 calls, as the pipeline sent them

design_compose {
  "object": "Plan",
  "context": "card",
  "preferences": {
    "brand": "Aquex",
    "theme": "light"
  }
}

code_generate {
  "schemaRef": "compose-4dba6e5a",
  "framework": "react",
  "profile": "build",
  "options": {
    "output": "application",
    "brand": "Aquex",
    "theme": "light",
    "payloadMode": "file"
  }
}

code_generate {
  "schemaRef": "compose-4dba6e5a",
  "framework": "vue",
  "profile": "build",
  "options": {
    "output": "application",
    "brand": "Aquex",
    "theme": "light",
    "payloadMode": "file"
  }
}

The React app's content hash: sha256:50c03b1c0cd3b2ddf139070acde71e7e5daa3d4a8936cbf0897a950607015a9c. Its src/ folder: App.tsx, GeneratedUI.tsx, app.css, main.tsx, oods-brand-aquex.css

The Vue app's content hash: sha256:0838fc45e1e2dfbff88234c982beafb4d9a476b5f5bb68a220e4a9b133304c3e. Its src/ folder: App.vue, GeneratedUI.vue, app.css, main.ts, oods-brand-aquex.css

What design_compose reported:

OODS-V121 Object 'Subscription' has maturity 'beta' — composed output may change.
OODS-V117 Subscription refines 11 fields its traits define, and its own definitions are used: lifecycle/Stateful (status); lifecycle/Cancellable (cancel_at_period_end, cancellation_reason, cancellation_requested_at); financial/Billable (amount, currency, billing_interval, current_period_start, current_period_end, current_period_progress, next_payment_due_at).

The calls that made the Subscription card apps, in React and Vue

3 calls, as the pipeline sent them

design_compose {
  "object": "Subscription",
  "context": "card",
  "preferences": {
    "brand": "Aquex",
    "theme": "light"
  }
}

code_generate {
  "schemaRef": "compose-a7a13ca7",
  "framework": "react",
  "profile": "build",
  "options": {
    "output": "application",
    "brand": "Aquex",
    "theme": "light",
    "payloadMode": "file"
  }
}

code_generate {
  "schemaRef": "compose-a7a13ca7",
  "framework": "vue",
  "profile": "build",
  "options": {
    "output": "application",
    "brand": "Aquex",
    "theme": "light",
    "payloadMode": "file"
  }
}

The React app's content hash: sha256:866a723c122818699f0fa176f3241a8d621288a23692561416fbd3c27d0f838c. Its src/ folder: App.tsx, GeneratedUI.tsx, app.css, main.tsx, oods-brand-aquex.css

The Vue app's content hash: sha256:2fde60af3a3855e2ee0d09fbee81ad4349842cdeaa5f881c8d7d4b7ebaf209a4. Its src/ folder: App.vue, GeneratedUI.vue, app.css, main.ts, oods-brand-aquex.css

What traits place here

Archivable: ArchivePill
Assessable: StatusBadge
Billable: BillingCardMeta
Cancellable: CancellationBadge
Colorized: ColorizedBadge
Labelled: CardHeader
Ownerable: OwnershipMeta
Priceable: PriceBadge
Provenanced: Text, RelativeTimestamp
SaaSBillingBillable: BillingCardMeta
SaaSBillingPayable: BillingSummaryBadge
Stateful: StatusBadge
Supersedable: StatusBadge
Taggable: TagPills

The same context across several objects

What traits place here

Objects that compose in it