{"id":18645649,"url":"https://github.com/fliplet/fliplet-widget-record-container","last_synced_at":"2025-11-05T04:30:26.730Z","repository":{"id":158286395,"uuid":"633958867","full_name":"Fliplet/fliplet-widget-record-container","owner":"Fliplet","description":"Data Record container","archived":false,"fork":false,"pushed_at":"2024-05-22T15:06:29.000Z","size":52,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-05-22T16:29:58.527Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Fliplet.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-04-28T17:15:01.000Z","updated_at":"2024-05-22T16:30:00.742Z","dependencies_parsed_at":"2024-04-03T12:43:11.953Z","dependency_job_id":"6c8a10d9-d068-42bd-9468-9e4a1be913e0","html_url":"https://github.com/Fliplet/fliplet-widget-record-container","commit_stats":null,"previous_names":["fliplet/fliplet-widget-record-container"],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Fliplet%2Ffliplet-widget-record-container","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Fliplet%2Ffliplet-widget-record-container/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Fliplet%2Ffliplet-widget-record-container/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Fliplet%2Ffliplet-widget-record-container/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Fliplet","download_url":"https://codeload.github.com/Fliplet/fliplet-widget-record-container/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239449560,"owners_count":19640533,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-07T06:16:45.128Z","updated_at":"2025-11-05T04:30:26.690Z","avatar_url":"https://github.com/Fliplet.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Fliplet Data Single data record Widget\n\n## Development\n\nThis widget is meant to be used with the Fliplet platform.\n\nRun for local development with the [`fliplet-cli`](https://github.com/Fliplet/fliplet-cli):\n\n```\n$ npm install\n$ npm run watch\n```\n\nThen, keep the watcher running and on a new tab run the following command:\n\n```\n$ fliplet run\n```\n\n---\n\n---\n\n## Hooks\n\n### repeaterDataRetrieved\n\nThis hook is triggered when the data is retrieved from the data source.\n\nAttributes returned in the `options` object:\n\n- `container`: the container element\n- `entry`: the data source entry\n- `vm`: the Vue instance of the widget\n\n```js\nFliplet.Hooks.on('repeaterDataRetrieved', function(options) {\n  // options contains \"container\", \"entry\" and \"vm\"\n});\n```\n\n---\n\n### `recordContainerBeforeRetrieveData`\n\nThis hook is triggered before the entry is retrieved from the data source. It can be used to modify the data source query.\n\nAttributes returned in the `options` object:\n\n- `container`: the container element\n- `connection`: the data source connection\n- `vm`: the Vue instance of the widget\n- `dataSourceId`: the data source id used for the connection\n- `dataSourceEntryId`: the data source entry id to be loaded\n\n```js\nFliplet.Hooks.on('recordContainerBeforeRetrieveData', function () {\n  // Modify the data source query used by \"findOne\" to retrieve the data\n  return { where: { name: 'John' } };\n});\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffliplet%2Ffliplet-widget-record-container","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffliplet%2Ffliplet-widget-record-container","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffliplet%2Ffliplet-widget-record-container/lists"}