detail · 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:970963e87082…Open full size

Vue app · sample recordsMaturity: stablesha256:974708009995…Open full size

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

Vue app · sample recordsMaturity: betasha256:f824c0c1f74b…Open full size

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

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

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

Vue app · sample recordsMaturity: betasha256:5f818219f92b…Open full size

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

3 calls, as the pipeline sent them

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

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

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

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

The Vue app's content hash: sha256:974708009995bab63e5deb3593ab7b7f88fdcf6f20884d0e49a5edc05ca30ca0. 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 detail apps, in React and Vue

3 calls, as the pipeline sent them

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

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

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

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

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

What design_compose reported:

OODS-V121 Object 'Plan' has maturity 'beta' — composed output may change.
OODS-V122 Object "Plan" has a single trait category group for context "detail". Consider using a single-section layout instead of tabs.

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

3 calls, as the pipeline sent them

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

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

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

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

The Vue app's content hash: sha256:2d09ebfe461e4d4532f5ed92901bcf13189ff24ac49197bee2fc946b38a29541. 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 detail apps, in React and Vue

3 calls, as the pipeline sent them

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

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

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

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

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

What traits place here

Addressable: AddressCollectionPanel
Archivable: ArchiveSummary
Assessable: StatusBadge
Auditable: AuditSummaryCard
Authable: MembershipPanel
Billable: CycleProgressCard, PaymentTimeline
Cancellable: CancellationSummary
Classifiable: ClassificationPanel
Colorized: StatusColorLegend
Communicable: CommunicationDetailPanel
EncodingColor: VizEncodingBadge
EncodingOpacity: VizOpacitySummary
EncodingPositionX: VizAxisSummary
EncodingPositionY: VizAxisSummary
EncodingSize: VizSizeSummary
Filterable: FilterPanel
Geocodable: GeocodablePreview
Labelled: DetailHeader
MarkArea: VizAreaPreview
MarkBar: VizMarkPreview
MarkGraph: VizGraphPreview
MarkLine: VizLinePreview
MarkPoint: VizPointPreview
MarkRect: VizHeatmapPreview
Ownerable: OwnershipSummary
Preferenceable: PreferencePanel
Priceable: PriceSummary
Provenanced: Text
ScaleLinear: VizScaleSummary
ScaleTemporal: VizScaleSummary
ScatterPlot: VizScatterPreview
Searchable: SearchInput
Stateful: StatusTimeline
Statusable: StatusBadge, Banner
Supersedable: StatusBadge, Text
Taggable: TagSummary
Timestampable: AuditTimeline

The same context across several objects

What traits place here

Objects that compose in it