{"id":16432822,"url":"https://github.com/teles/demo-frontpress","last_synced_at":"2026-03-03T11:35:07.558Z","repository":{"id":144746681,"uuid":"76693730","full_name":"teles/demo-frontpress","owner":"teles","description":"Demo Single Page Application using FrontPress as a library.","archived":false,"fork":false,"pushed_at":"2017-01-11T17:09:25.000Z","size":7,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-17T21:06:38.285Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://jotateles.com.br/demo-frontpress/#!/","language":"HTML","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/teles.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":"2016-12-16T23:58:00.000Z","updated_at":"2016-12-31T11:05:05.000Z","dependencies_parsed_at":"2024-08-18T16:32:08.117Z","dependency_job_id":null,"html_url":"https://github.com/teles/demo-frontpress","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/teles%2Fdemo-frontpress","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/teles%2Fdemo-frontpress/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/teles%2Fdemo-frontpress/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/teles%2Fdemo-frontpress/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/teles","download_url":"https://codeload.github.com/teles/demo-frontpress/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240710061,"owners_count":19845039,"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-10-11T08:44:27.996Z","updated_at":"2026-03-03T11:35:02.517Z","avatar_url":"https://github.com/teles.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Demo para o FrontPress\n\n![Logo do projeto FrontPress](https://cloud.githubusercontent.com/assets/4563634/19937877/0fb7df52-a10a-11e6-944d-0bb641ef2976.png)\n\n\u003e Demo Single Page Application using FrontPress as a library :tada:\n\n[Esse site](http://jotateles.com.br/demo-frontpress/#!/) é uma demonstração de uso do [projeto FrontPress](https://www.github.com/frontpressorg/frontpress) como biblioteca js importável.\n\n## Que API é consumida nesse site?\n\nNesse site para finalidade de demonstração está sendo consumida uma lista de posts vinda da [Revista Viva Decora](https://www.vivadecora.com.br/revista), que é um blog WordPress com **RestApi versão 2**.\n\n## Importação do código do FrontPress\n\nTambém para finalidade de demonstração o FrontPress foi importado através do [cdn do rawgit](https://rawgit.com/frontpressorg/frontpress/master/release/frontpress.min.js).\nEssa utilização através do cdn não é recomendável e aparece aqui apenas para facilitar testes rápidos de alterações do FrontPress.\n\nOutros usuários interessados em utilizar o FrontPress como biblioteca js devem optar pelo comando:\n\n```shell\nnpm install frontpress --save\n``` \n\n## Injeção do FrontPress como dependência e `load` do projeto \n\nApós importado o script do FrontPress o passo seguinte é importar o módulo `frontpress` no módulo da nossa ng-app. Assim:\n\n``` javascript\nangular.module(\"demo-frontpress-app\", [\"frontpress\"]);\nangular.module(\"demo-frontpress-app\").config(DemoFrontPressConfig);\n\nfunction DemoFrontPressConfig($FrontPressProvider){\n\t$FrontPressProvider.configure.load(); // carrega o FrontPress\n}\n``` \n\n## Configurando o FrontPress\n\nO FrontPress possui várias configurações. O exemplo a seguir, extraído do site, mostra uma constante angular de configuração do FrontPress.\n\n\n``` javascript\nangular.module(\"frontpress.components.frontpress-provider\")\n.constant(\"FrontPressConfigurationFile\", {\n    \"restApiUrl\": \"https://www.vivadecora.com.br/revista/wp-json\",\n    \"apiVersion\": \"v2\",\n    \"pageSize\": 5,\n    \"infiniteScroll\": true,\n    \"routes\": {\n        \"post\": \"/:postYear/:postMonth/:postDay/:postId\",\n        \"home.pagination\": \"/pagina/:pageNumber\"\n    },\n    \"titles\": {\n        \"post\": \":postTitle - :siteName\",\n        \"home\": \":siteName - Bem Vindo\"\n    },\n    \"overrides\": {\n        \"siteName\": \"FrontPress Viva Decora Demo SPA\"\n    }\n});\n``` \n[[extraído desse arquivo](http://jotateles.com.br/demo-frontpress/js/frontpress-config.constant.js)]\n\nEsse arquivo foi inserido ali também para finalidade de facilitar testes.\nExiste uma [issue no FrontPress para possibilitar que essas configurações sejam feitas diretamente através do $FrontPressProvider](https://github.com/frontpressorg/frontpress/issues/97).\n\nFuturamente deve haver também a possibilidade de utilizar o [FrontPress CLI](https://github.com/frontpressorg/frontpress-cli) para criar essa configuração através de um prompt interativo.\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fteles%2Fdemo-frontpress","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fteles%2Fdemo-frontpress","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fteles%2Fdemo-frontpress/lists"}