{"id":31482192,"url":"https://github.com/flatfilers/angular-adapter","last_synced_at":"2025-10-02T07:43:36.342Z","repository":{"id":38469689,"uuid":"298079254","full_name":"FlatFilers/angular-adapter","owner":"FlatFilers","description":"Angular library to upload CSV files into your Angular applications effortlessly","archived":false,"fork":false,"pushed_at":"2024-07-25T15:39:40.000Z","size":757,"stargazers_count":1,"open_issues_count":25,"forks_count":6,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-09-13T22:46:18.917Z","etag":null,"topics":["angular","csv-import","data-import","excel-import"],"latest_commit_sha":null,"homepage":"https://flatfile.io/blog/how-to-create-an-angular-csv-importer-in-2-minutes/","language":"TypeScript","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/FlatFilers.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-09-23T19:53:08.000Z","updated_at":"2022-04-11T05:55:52.000Z","dependencies_parsed_at":"2023-02-14T01:45:43.582Z","dependency_job_id":null,"html_url":"https://github.com/FlatFilers/angular-adapter","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/FlatFilers/angular-adapter","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FlatFilers%2Fangular-adapter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FlatFilers%2Fangular-adapter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FlatFilers%2Fangular-adapter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FlatFilers%2Fangular-adapter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/FlatFilers","download_url":"https://codeload.github.com/FlatFilers/angular-adapter/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FlatFilers%2Fangular-adapter/sbom","scorecard":{"id":50860,"data":{"date":"2025-08-11","repo":{"name":"github.com/FlatFilers/angular-adapter","commit":"455b60cdd6c8569633bc0b8794a9af042631a167"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":1.6,"checks":[{"name":"Code-Review","score":2,"reason":"Found 2/9 approved changesets -- score normalized to 2","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Token-Permissions","score":-1,"reason":"No tokens found","details":null,"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"Maintained","score":0,"reason":"0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"Dangerous-Workflow","score":-1,"reason":"no workflows found","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"Pinned-Dependencies","score":-1,"reason":"no dependencies found","details":null,"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"License","score":0,"reason":"license file not detected","details":["Warn: project does not have a license file"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Branch-Protection","score":0,"reason":"branch protection not enabled on development/release branches","details":["Warn: branch protection not enabled for branch 'master'"],"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}},{"name":"SAST","score":0,"reason":"SAST tool is not run on all commits -- score normalized to 0","details":["Warn: 0 commits out of 24 are checked with a SAST tool"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}},{"name":"Vulnerabilities","score":0,"reason":"79 existing vulnerabilities detected","details":["Warn: Project is vulnerable to: GHSA-c75v-2vq8-878f","Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8","Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92","Warn: Project is vulnerable to: GHSA-whgm-jr23-g3j9","Warn: Project is vulnerable to: GHSA-qwcr-r2fm-qrc7","Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw","Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg","Warn: Project is vulnerable to: GHSA-x9w5-v3q2-3rhw","Warn: Project is vulnerable to: GHSA-pxg6-pf52-xh8x","Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275","Warn: Project is vulnerable to: GHSA-gxpj-cx7g-858c","Warn: Project is vulnerable to: GHSA-w573-4hg7-7wgq","Warn: Project is vulnerable to: GHSA-434g-2637-qmqr","Warn: Project is vulnerable to: GHSA-49q7-c7j4-3p7m","Warn: Project is vulnerable to: GHSA-977x-g7h5-7qgw","Warn: Project is vulnerable to: GHSA-f7q4-pwc6-w24p","Warn: Project is vulnerable to: GHSA-fc9h-whq2-v747","Warn: Project is vulnerable to: GHSA-vjh7-7g9h-fjfh","Warn: Project is vulnerable to: GHSA-r7qp-cfhv-p84w","Warn: Project is vulnerable to: GHSA-4gmj-3p3h-gm8h","Warn: Project is vulnerable to: GHSA-rv95-896h-c2vc","Warn: Project is vulnerable to: GHSA-qw6h-vgh9-j6wx","Warn: Project is vulnerable to: GHSA-jchw-25xp-jwwc","Warn: Project is vulnerable to: GHSA-cxjh-pqwp-8mfp","Warn: Project is vulnerable to: GHSA-fjxv-7rqg-78g4","Warn: Project is vulnerable to: GHSA-rc47-6667-2j5j","Warn: Project is vulnerable to: GHSA-c7qv-q95q-8v27","Warn: Project is vulnerable to: GHSA-qqgx-2p2h-9c37","Warn: Project is vulnerable to: GHSA-78xj-cgh5-2h22","Warn: Project is vulnerable to: GHSA-2p57-rm9w-gvfp","Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h","Warn: Project is vulnerable to: GHSA-7x7c-qm48-pq9c","Warn: Project is vulnerable to: GHSA-rc3x-jf5g-xvc5","Warn: Project is vulnerable to: GHSA-76p3-8jx3-jpfq","Warn: Project is vulnerable to: GHSA-3rfm-jhwj-7488","Warn: Project is vulnerable to: GHSA-hhq3-ff78-jv3g","Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv","Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3","Warn: Project is vulnerable to: GHSA-5rrq-pxf6-6jx5","Warn: Project is vulnerable to: GHSA-8fr3-hfg3-gpgp","Warn: Project is vulnerable to: GHSA-gf8q-jrpm-jvxq","Warn: Project is vulnerable to: GHSA-2r2c-g63r-vccr","Warn: Project is vulnerable to: GHSA-cfm4-qjh2-4765","Warn: Project is vulnerable to: GHSA-x4jg-mjrx-434g","Warn: Project is vulnerable to: GHSA-rp65-9cf3-cjxr","Warn: Project is vulnerable to: GHSA-cwx2-736x-mf6w","Warn: Project is vulnerable to: GHSA-v39p-96qg-c8rf","Warn: Project is vulnerable to: GHSA-8v63-cqqc-6r2c","Warn: Project is vulnerable to: GHSA-76c9-3jph-rj3q","Warn: Project is vulnerable to: GHSA-6fx8-h7jm-663j","Warn: Project is vulnerable to: GHSA-9wv6-86v2-598j","Warn: Project is vulnerable to: GHSA-rhx6-c78j-4q9w","Warn: Project is vulnerable to: GHSA-h7cp-r72f-jxh6","Warn: Project is vulnerable to: GHSA-v62p-rq8g-8h59","Warn: Project is vulnerable to: GHSA-566m-qj78-rww5","Warn: Project is vulnerable to: GHSA-hwj9-h5mp-3pm3","Warn: Project is vulnerable to: GHSA-7fh5-64p2-3v2j","Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6","Warn: Project is vulnerable to: GHSA-gcx4-mw62-g8wm","Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw","Warn: Project is vulnerable to: GHSA-m6fv-jmcg-4jfg","Warn: Project is vulnerable to: GHSA-cm22-4g7w-348p","Warn: Project is vulnerable to: GHSA-25hc-qcg6-38wj","Warn: Project is vulnerable to: GHSA-qm95-pgcg-qqfq","Warn: Project is vulnerable to: GHSA-cqmj-92xf-r6r9","Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36","Warn: Project is vulnerable to: GHSA-4wf5-vphf-c2xc","Warn: Project is vulnerable to: GHSA-52f5-9888-hmc6","Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3","Warn: Project is vulnerable to: GHSA-662x-fhqg-9p8v","Warn: Project is vulnerable to: GHSA-394c-5j6w-4xmx","Warn: Project is vulnerable to: GHSA-78cj-fxph-m83p","Warn: Project is vulnerable to: GHSA-fhg7-m89q-25r3","Warn: Project is vulnerable to: GHSA-wr3j-pwj9-hqq6","Warn: Project is vulnerable to: GHSA-4v9v-hfq4-rm2v","Warn: Project is vulnerable to: GHSA-9jgg-88mc-972h","Warn: Project is vulnerable to: GHSA-4fc4-chg7-h8gh","Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q","Warn: Project is vulnerable to: GHSA-776f-qx25-q3cc"],"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}}]},"last_synced_at":"2025-08-14T23:40:31.756Z","repository_id":38469689,"created_at":"2025-08-14T23:40:31.757Z","updated_at":"2025-08-14T23:40:31.757Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":277974424,"owners_count":25908396,"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","status":"online","status_checked_at":"2025-10-02T02:00:08.890Z","response_time":67,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["angular","csv-import","data-import","excel-import"],"created_at":"2025-10-02T07:43:34.777Z","updated_at":"2025-10-02T07:43:36.335Z","avatar_url":"https://github.com/FlatFilers.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Flatfile Angular Component - @flatfile/angular\n\n[![npm](https://img.shields.io/npm/v/@flatfile/angular.svg?label=npm%20version\u0026color=2EBF6A\u0026style=for-the-badge)](https://www.npmjs.com/@flatfile/angular)\n[![Minzipped Size](https://img.shields.io/bundlephobia/minzip/@flatfile/angular?color=794cff\u0026style=for-the-badge)](https://bundlephobia.com/result?p=@flatfile/angular)\n[![NPM Downloads](https://img.shields.io/npm/dw/@flatfile/angular.svg?color=8c66ff\u0026style=for-the-badge)](https://www.npmjs.com/@flatfile/angular)\n[![MIT License](https://img.shields.io/badge/license-MIT-blue.svg?style=for-the-badge\u0026color=794cff)](/LICENSE)\n\n---\n\n\u003e NOTE: If you upgrading from previous versions (2.x), v3+ comes with some updates \u0026 breaking changes\n\n#### BREAKING CHANGES:\n\nNote that the latest version of `@flatfile/angular` 3+ uses the new `@flatfile/sdk` underneath which changes the API surface of interacting with the flatfile adapter entirely.\n\n[Read more about these changes here](https://flatfile.com/docs/implementing-embeds/)\n\nThere is now only 1 required input, and that is `[token]` (which you must receive from your backend).\n\n[Read more about generating a Token here](https://flatfile.com/docs/sdk/)\n\n## Getting Started with Flatfile \u0026 Angular\n\nWe've made it really simple for you to get started with Flatfile with our new Flatfile Component. Here's what you'll need to know to get started.\n\nFirst, install the dependency via npm:\n\n`npm install @flatfile/angular`\n\nThis will give you access to the `\u003cflatfile-button /\u003e` component as well as the same basic functionality as our Adapter.\n\n---\n\n#### Changelog\n\nTo view information about the latest releases and any minor/major changes, check out the [changelog here](./CHANGELOG.md).\n\n---\n\n\u003c!-- ## Codesandbox Demo\n\nTry it for yourself in the [CodesandBox here](https://codesandbox.io/s/flatfile-angular-demo-w10yx?file=/src/app/app.component.ts). --\u003e\n\n---\n\n## Getting Started with \u003cflatfile-button\u003e\n\n```ts\nimport { FlatfileAdapterModule } from '@flatfile/angular';\n\n// Add to your Modules imports: []\nimports: [\n  FlatfileAdapterModule\n]\n```\n\n#### Within a Components template use the flatfile-button:\n\nThe only thing **REQUIRED** for `\u003cflatfile-button\u003e` is the Input **`[token]`**, which you must retrieve from your backend.\n\n**More information [here](https://flatfile.com/docs/implementing-embeds/)**\n\nNow let's look at a simple example of getting everything up and running.\n\n```ts\nimport {\n  // This interface is optional, but helpful to show you all the available required \u0026 optional inputs/outputs available to you\n  FlatfileMethods,\n  // The \"Params\" interfaces are useful to strongly type your output methods\n  CompleteParams, \n  ErrorParams,\n} from \"@flatfile/angular\";\n\n@Component({\n  template: `\n    \u003cflatfile-button\n      [token]=\"token\"\n      (onComplete)=\"onComplete($event)\"\n      (onError)=\"onError($event)\"\n      class=\"flatfile-button\"\n    \u003e\n      Text you want to show for the button\n    \u003c/flatfile-button\u003e\n  `,\n}) export class MyDemoComponent implements FlatfileMethods {\n  /**\n   * @NOTE - Call your backend \u0026 retrieve your Token, and pass down the license key\n   * 👇👇👇\n   */\n  token = 'YOUR_TOKEN_HERE';\n  results;\n\n  onComplete(event: CompleteParams) {\n    console.log(`onComplete`);\n    console.log(event);\n\n    // Your data!\n    this.results = event.data;\n  }\n  onError(event: ErrorParams) {\n    console.log(`onError`);\n    console.log(event);\n  }\n  \n}\n```\n\n---\n\n### More advanced use-case example (kitchen sink)\n\nThis is an example showcase all of the other additional (and optional) `@Output()` methods you could subscribe to.\n\nWe're also showcasing how you can **style** your flatfile-button as well!\n\nNotice we're using all the Params interface (`InitParams` | `LaunchParams` etc to strongly type our Output method return values).\n\nWithin a Components template use the flatfile-button\n\n```ts\nimport {\n  // This interface is optional, but helpful to show you all the available required \u0026 optional inputs/outputs available to you\n  FlatfileMethods,\n  // The \"Params\" interfaces are useful to strongly type your output methods\n  InitParams,\n  LaunchParams,\n  CompleteParams,\n  ErrorParams,\n  UploadParams,\n} from \"@flatfile/angular\";\n\n@Component({\n  template: `\n    \u003cflatfile-button\n      [token]=\"token\"\n      [mountUrl]=\"mountUrl\"\n      [apiUrl]=\"apiUrl\"\n      (onInit)=\"onInit($event)\"\n      (onLaunch)=\"onLaunch($event)\"\n      (onComplete)=\"onComplete($event)\"\n      (onUpload)=\"onUpload($event)\"\n      (onError)=\"onError($event)\"\n      (onClose)=\"onClose()\"\n      class=\"flatfile-button\"\n    \u003e\n      Text you want to show for the button\n    \u003c/flatfile-button\u003e\n  `,\n  /**\n   * @note IMPORTANT if you want to style the child component\n   * from this \"parent\" component\n   */\n  encapsulation: ViewEncapsulation.None,\n  /**\n   * @note We gave our \u003cflatfile-button class=\"flatfile-button\"\u003e a class,\n   * and if we access the \"button\" inside of that, we can style it however we want!\n   */\n  styles: [`\n    .flatfile-button button {\n      border: 0;\n      border-radius: 3px;\n      padding: 1rem;\n      background: #794cff;\n      color: #fff;\n    }\n  `,\n}) export class MyDemoComponent implements FlatfileMethods {\n  \n  /**\n   * @NOTE - Call your backend \u0026 retrieve your Token, and pass down the license key\n   * 👇👇👇\n   */\n  token = 'YOUR_TOKEN_HERE';\n\n  /** optional **/\n  mountUrl = '';\n  /** optional **/\n  apiUrl = '';\n\n  results;\n\n  /*\n   * @Output() methods, make sure they are passed down to \u003cflatfile-button\u003e\n   */\n  onInit(event: InitParams) {\n    console.log(`onInit`);\n    console.log(event);\n  }\n  onUpload(event: UploadParams) {\n    console.log(`onUpload`);\n    console.log(event);\n  }\n  onLaunch(event: LaunchParams) {\n    console.log(`onLaunch`);\n    console.log(event);\n  }\n  onClose() {\n    console.log(`onClose`);\n  }\n  onComplete(event: CompleteParams) {\n    console.log(`onComplete`);\n    console.log(event);\n\n    this.results = event.data;\n  }\n  onError(event: ErrorParams) {\n    console.log(`onError`);\n    console.log(event);\n  }\n  \n}\n```\n\n#### Styling the component\n\nAs mentioned above, note that in order to style this child-component (from the parent), simply supply a `class=\"\"` to the `\u003cflatfile-button class=\"some_class_name\"\u003e`, and ensure that your parent component has `encapsulation` set to `ViewEncapsulation.None` (showcased above in this advanced demo). \n\nThen you can style it with css via:\n\n```css\n.some_class_name button { \n  /* my styles */ \n  background: #000;\n  border: 0;\n  color: #fff;\n}\n```\n\n---\n\n### Running the sample application\n\n```bash\nnpm i \u0026\u0026 npm start\n```\n\nThe same application will be fired up at `http://localhost:4200`.\n\n\u003e Ensure that you've entered in a valid `token` in the `AppComponent` file (`projects/sample/app.component.ts`).\n\n---\n\n### Publishing\n\nEnsure that the correct semantic version has been updated in the `projects/angular-adapter/package.json` version.\n\nMake sure that if you're updating the (base package) `@flatfile/adapter` version, to update it within the dependencies array of the `package.json` within the projects/angular-adapter/ library as well.\n\nThen run:\n\n```bash\nnpm run build:prod\nnpm run publish:pkg\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fflatfilers%2Fangular-adapter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fflatfilers%2Fangular-adapter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fflatfilers%2Fangular-adapter/lists"}