[Contexts](https://oods-foundry.com/contexts) / timeline # timeline An object as a timeline. Generated from @oods/foundry 0.10.1 ## 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. [User timeline screen generated by OODS Foundry in React](https://oods-foundry.com/objects/user/screens/timeline-react) React app · sample records Maturity: stable `sha256:796761663b91…` [Open full size: User timeline screen generated by OODS Foundry in React](https://oods-foundry.com/objects/user/screens/timeline-react) Vue app · sample records Maturity: stable `sha256:52bcac4abf96…` [Open full size: User timeline screen generated by OODS Foundry in Vue](https://oods-foundry.com/objects/user/screens/timeline-vue) React app · sample records Maturity: beta `sha256:d7e39862edb8…` [Open full size: Invoice timeline screen generated by OODS Foundry in React](https://oods-foundry.com/objects/invoice/screens/timeline-react) Vue app · sample records Maturity: beta `sha256:a89fd3acbaf7…` [Open full size: Invoice timeline screen generated by OODS Foundry in Vue](https://oods-foundry.com/objects/invoice/screens/timeline-vue) React app · sample records Maturity: beta `sha256:cdcd891c97c1…` [Open full size: Plan timeline screen generated by OODS Foundry in React](https://oods-foundry.com/objects/plan/screens/timeline-react) Vue app · sample records Maturity: beta `sha256:34ccacfa79c4…` [Open full size: Plan timeline screen generated by OODS Foundry in Vue](https://oods-foundry.com/objects/plan/screens/timeline-vue) React app · sample records Maturity: beta `sha256:a4abb916a117…` [Open full size: Subscription timeline screen generated by OODS Foundry in React](https://oods-foundry.com/objects/subscription/screens/timeline-react) Vue app · sample records Maturity: beta `sha256:9d1e00f71b4c…` [Open full size: Subscription timeline screen generated by OODS Foundry in Vue](https://oods-foundry.com/objects/subscription/screens/timeline-vue) What `design_compose` reported: - `OODS-V119` No view_extensions found for context "timeline" in object "User". Available contexts: list, detail, form, card The calls that made the User timeline apps, in React and Vue 3 calls, as the pipeline sent them ``` design_compose { "object": "User", "context": "timeline", "preferences": { "brand": "Aquex", "theme": "light" } } code_generate { "schemaRef": "compose-8006e53b", "framework": "react", "profile": "build", "options": { "output": "application", "brand": "Aquex", "theme": "light", "payloadMode": "file" } } code_generate { "schemaRef": "compose-8006e53b", "framework": "vue", "profile": "build", "options": { "output": "application", "brand": "Aquex", "theme": "light", "payloadMode": "file" } } ``` The React app's content hash: `sha256:796761663b9196afb1e948ccd81eda0cfdd84029bfb825ed445173344f521ba9`. Its `src/` folder: App.tsx, GeneratedUI.tsx, app.css, main.tsx, oods-brand-aquex.css The Vue app's content hash: `sha256:52bcac4abf96288ae9d532f8c1abadfb146064c2b0321d37a1233f9c524481e9`. 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. - `OODS-V119` No view_extensions found for context "timeline" in object "Invoice". Available contexts: list, card, detail, dashboard The calls that made the Invoice timeline apps, in React and Vue 3 calls, as the pipeline sent them ``` design_compose { "object": "Invoice", "context": "timeline", "preferences": { "brand": "Aquex", "theme": "light" } } code_generate { "schemaRef": "compose-779b9d62", "framework": "react", "profile": "build", "options": { "output": "application", "brand": "Aquex", "theme": "light", "payloadMode": "file" } } code_generate { "schemaRef": "compose-779b9d62", "framework": "vue", "profile": "build", "options": { "output": "application", "brand": "Aquex", "theme": "light", "payloadMode": "file" } } ``` The React app's content hash: `sha256:d7e39862edb83c9d3344616548d04536e584fc75f390ce128a1a588beac136da`. Its `src/` folder: App.tsx, GeneratedUI.tsx, app.css, main.tsx, oods-brand-aquex.css The Vue app's content hash: `sha256:a89fd3acbaf7969dc0f5694ee6064b423e3236ca8f7cedde7a3f00d44987f57f`. 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. - `OODS-V119` No view_extensions found for context "timeline" in object "Plan". Available contexts: list, card, detail The calls that made the Plan timeline apps, in React and Vue 3 calls, as the pipeline sent them ``` design_compose { "object": "Plan", "context": "timeline", "preferences": { "brand": "Aquex", "theme": "light" } } code_generate { "schemaRef": "compose-dab79cb8", "framework": "react", "profile": "build", "options": { "output": "application", "brand": "Aquex", "theme": "light", "payloadMode": "file" } } code_generate { "schemaRef": "compose-dab79cb8", "framework": "vue", "profile": "build", "options": { "output": "application", "brand": "Aquex", "theme": "light", "payloadMode": "file" } } ``` The React app's content hash: `sha256:cdcd891c97c1ee5da073de238f67bab8ae078c18856e2e94375fa8cb34713680`. Its `src/` folder: App.tsx, GeneratedUI.tsx, app.css, main.tsx, oods-brand-aquex.css The Vue app's content hash: `sha256:34ccacfa79c4f52079878fca7a65ae231b81adf0b9cd853e5031150f81fa71b4`. 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 timeline apps, in React and Vue 3 calls, as the pipeline sent them ``` design_compose { "object": "Subscription", "context": "timeline", "preferences": { "brand": "Aquex", "theme": "light" } } code_generate { "schemaRef": "compose-ae55b946", "framework": "react", "profile": "build", "options": { "output": "application", "brand": "Aquex", "theme": "light", "payloadMode": "file" } } code_generate { "schemaRef": "compose-ae55b946", "framework": "vue", "profile": "build", "options": { "output": "application", "brand": "Aquex", "theme": "light", "payloadMode": "file" } } ``` The React app's content hash: `sha256:a4abb916a117de60f7ef389509811db421a54423d5c6599230b1d50eba3cf88c`. Its `src/` folder: App.tsx, GeneratedUI.tsx, app.css, main.tsx, oods-brand-aquex.css The Vue app's content hash: `sha256:9d1e00f71b4cbc7af13e0a52e60ecc43f689b2f4b7b986500633327455a7be09`. Its `src/` folder: App.vue, GeneratedUI.vue, app.css, main.ts, oods-brand-aquex.css ## What traits place here - [Auditable](https://oods-foundry.com/traits/auditable) `AuditTimeline` - [Billable](https://oods-foundry.com/traits/billable) `PaymentEventTimeline` - [Labelled](https://oods-foundry.com/traits/labelled) `TimelineEntryLabel` - [Statusable](https://oods-foundry.com/traits/statusable) `StatusBadge` ## Objects that compose in it - [Article](https://oods-foundry.com/objects/article#screen-timeline) - [Invoice](https://oods-foundry.com/objects/invoice#screen-timeline) - [Media](https://oods-foundry.com/objects/media#screen-timeline) - [Organization](https://oods-foundry.com/objects/organization#screen-timeline) - [Plan](https://oods-foundry.com/objects/plan#screen-timeline) - [Product](https://oods-foundry.com/objects/product#screen-timeline) - [Relationship](https://oods-foundry.com/objects/relationship#screen-timeline) - [Subscription](https://oods-foundry.com/objects/subscription#screen-timeline) - [Transaction](https://oods-foundry.com/objects/transaction#screen-timeline) - [Usage](https://oods-foundry.com/objects/usage#screen-timeline) - [User](https://oods-foundry.com/objects/user#screen-timeline)