{"id":20943350,"url":"https://github.com/apillon/apillon-phala-demo","last_synced_at":"2025-03-13T04:14:38.724Z","repository":{"id":185606599,"uuid":"658705918","full_name":"Apillon/apillon-phala-demo","owner":"Apillon","description":null,"archived":false,"fork":false,"pushed_at":"2024-04-09T13:05:22.000Z","size":838,"stargazers_count":3,"open_issues_count":0,"forks_count":4,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-19T21:22:51.277Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"Vue","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/Apillon.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-06-26T10:25:51.000Z","updated_at":"2024-07-26T18:54:21.000Z","dependencies_parsed_at":null,"dependency_job_id":"1c7c7809-0e31-4896-9546-ec90597f9f07","html_url":"https://github.com/Apillon/apillon-phala-demo","commit_stats":null,"previous_names":["apillon-web3/apillon-phala-demo","apillon/apillon-phala-demo"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Apillon%2Fapillon-phala-demo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Apillon%2Fapillon-phala-demo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Apillon%2Fapillon-phala-demo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Apillon%2Fapillon-phala-demo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Apillon","download_url":"https://codeload.github.com/Apillon/apillon-phala-demo/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243335462,"owners_count":20274904,"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-18T23:36:04.085Z","updated_at":"2025-03-13T04:14:38.686Z","avatar_url":"https://github.com/Apillon.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Schrödinger’s-nft-template-vuejs\n\nTemplate will help you set up website, where users can decrypt and download files, that were assigned to their NFTs.\n\nUser flow:\n\n- User connects it's wallet\n- Website lists NFTs in that wallet\n- User selects NFT and uses it to decrypt and download file from IPFS\n\n## Recommended IDE Setup\n\n[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).\n\n## Type Support for `.vue` Imports in TS\n\nTypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) to make the TypeScript language service aware of `.vue` types.\n\nIf the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a [Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps:\n\n1. Disable the built-in TypeScript Extension\n   1. Run `Extensions: Show Built-in Extensions` from VSCode's command palette\n   2. Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)`\n2. Reload the VSCode window by running `Developer: Reload Window` from the command palette.\n\n## Customize configuration\n\nSee [Vite Configuration Reference](https://vitejs.dev/config/).\n\n## Project Setup\n\n```sh\nnpm install\n```\n\n### Compile, Preview and Hot-Reload for Development\n\n```sh\nnpm run dev\n```\n\n### Type-Check, Compile and Minify for Production\n\n```sh\nnpm run build\n```\n\n### Lint with [ESLint](https://eslint.org/)\n\n```sh\nnpm run lint\n```\n\n## Configure\n\nBefore the template can interact with the Phala Schrödinger’s NFT Smart Contract, it needs to be manually configured.\n\nTo configure the template, do the following:\n\n1. Create .env file\n2. Set up configuration as displayed in [env sample](./.env.sample)\n3. VITE_NFT_ADDRESS is address of NFT collection. User needs to have an NFT, and file is linked directly to that NFT.\n4. VITE_CONTRACT_ADDRESS is address of Phala smart contract, visible in Apillon console.\n\nExample:\n\n```sh\n# NFT Collection address\nVITE_NFT_ADDRESS=0xC280459C8C8bd3d1870A69e9b547230C5aFF4022\n\n# NFT Collection CHAIN ID\n# Moonbase\nVITE_NFT_CHAIN_ID=0x507\n# Moonbeam\n#VITE_NFT_CHAIN_ID=0x504\n# Astar\n#VITE_NFT_CHAIN_ID=0x250\n\n# PHALA CONTRACT ADDRESS\nVITE_CONTRACT_ADDRESS=0xd61a5c16cec10ca3ace980388765e5a5fc746e3cddaae3242330ce054c895cb9\n```\n\nOnce you have updated the .env file, save it. Now the website files are ready to be deployed.\n\n## Deploy to Apillon Hosting\n\nTo deploy the website on Apillon hosting you need to build project with a command below:\n\n```sh\nnpm run build\n```\n\nAnd then deploy folder **dist** according to this documentation: [Wiki](https://wiki.apillon.io/build/3-hosting-api.html)\n\n### Basic\n\n1. If not already, register to [Apillon.io](https://app.apillon.io)\n2. Log in to Apillon console and create new website inside your project.\n3. Select all files of your website (as configured in the previous step) and use drag\u0026drop action to pull the files into the Hosting bucket\n4. Once the files are uploaded, push them to Staging and finally to the Production\n5. Add your custom domain (as displayed in the dashboards UI)\n6. Review your newly deployed website\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fapillon%2Fapillon-phala-demo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fapillon%2Fapillon-phala-demo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fapillon%2Fapillon-phala-demo/lists"}