{"id":24073758,"url":"https://github.com/goports/svelte-plus","last_synced_at":"2026-05-16T03:05:39.169Z","repository":{"id":268157450,"uuid":"903467809","full_name":"GoPorts/Svelte-Plus","owner":"GoPorts","description":"Svelte+ is a Svelte tool written in TypeScript to make building a website easier","archived":false,"fork":false,"pushed_at":"2024-12-15T10:16:34.000Z","size":35,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-26T22:18:02.190Z","etag":null,"topics":["developer-tool","svelte","sveltekit","tool","typescript","website","website-tool"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/GoPorts.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2024-12-14T17:19:42.000Z","updated_at":"2024-12-15T10:16:37.000Z","dependencies_parsed_at":"2024-12-14T19:41:45.122Z","dependency_job_id":null,"html_url":"https://github.com/GoPorts/Svelte-Plus","commit_stats":null,"previous_names":["goports/svelte-plus"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GoPorts%2FSvelte-Plus","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GoPorts%2FSvelte-Plus/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GoPorts%2FSvelte-Plus/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GoPorts%2FSvelte-Plus/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/GoPorts","download_url":"https://codeload.github.com/GoPorts/Svelte-Plus/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240941514,"owners_count":19882063,"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":["developer-tool","svelte","sveltekit","tool","typescript","website","website-tool"],"created_at":"2025-01-09T17:56:45.402Z","updated_at":"2026-05-16T03:05:34.137Z","avatar_url":"https://github.com/GoPorts.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![Svelte+](https://github.com/user-attachments/assets/7f66c2e0-a695-4c66-b3ae-236aeb090ea0)\n# About\nPages: \u003cbr /\u003e\n[How to use](https://github.com/GoPorts/Svelte-Plus/README.md#how-to-use) \u003cbr /\u003e\n[Code](https://github.com/GoPorts/Svelte-Plus?tab=readme-ov-file#code) \u003cbr /\u003e \u003cbr /\u003e\nSvelte+ was coded in [StackBlitz](https://stackblitz.com) with its build in Svelte kit. \u003cbr /\u003e\nSvelte plus will create Svelte code with simple and short terms. \u003cbr /\u003e\nSvelte plus is a programming tool made to build a website easier with little to no effort. \u003cbr /\u003e\nSvelte plus is not accosiated in any way with the official Svelte. \u003cbr /\u003e\nSvelte plus is also in development \u003cbr /\u003e\nSvelte plus has been tested and might give you double-code, where it gives you two of the exact same code.\n\n# How to use\n1, 2, 3, 4, 5, stands for h1, h2 and so on. \u003cbr /\u003e\n!addcss, adds css. \u003cbr /\u003e\n!addscript, adds javascript to the Svelte code. \u003cbr /\u003e\nbgc , will add a background color if css code is added. \u003cbr /\u003e\nff , ff is a short term of family font, i recommend sans-serif if you want a nice font. \u003cbr /\u003e\nimg , after typing img, put the image link. \u003cbr /\u003e\n# Code\n```ts\nlet svelte = `\n  1 Thank you for using Svelt-Plus,\n  2 making developing websites easier.\n\n  !addcss\n  ff sans-serif\n  bg grey\n`;\n\nlet imgsrc = '';\nlet font = '';\nlet sveltecss = '';\nlet sveltecode = '';\nlet svelteSCRIPTADD = 'console.log(\"Added script\");';\n\nconst lines = svelte.split('\\n').map(line =\u003e line.trim()).filter(line =\u003e line);\n\nlines.forEach((line) =\u003e {\n  if (line.startsWith('!addscript')) {\n    sveltecode += `\u003cscript\u003e${svelteSCRIPTADD}\u003c/script\u003e\\n`;\n  }\n  \n  if (line.startsWith('1 ')) {\n    const content = line.substring(2).trim();\n    sveltecode += `\u003ch1\u003e${content}\u003c/h1\u003e\\n`;\n  }\n\n  if (line.startsWith('2 ')) {\n    const content = line.substring(2).trim();\n    sveltecode += `\u003ch2\u003e${content}\u003c/h2\u003e\\n`;\n  }\n  \n  if (line.startsWith('img ')) {\n    imgsrc = line.substring(4).trim();\n    sveltecode += `\u003cimg src=\"${imgsrc}\" alt=\"Image\" /\u003e\\n`;\n  }\n\n  if (line.startsWith('bg ')) {\n    const bgColor = line.substring(3).trim();\n    sveltecss += `  background-color: ${bgColor};\\n`;\n  }\n\n  if (line.startsWith('ff ')) {\n    font = line.substring(3).trim();\n    sveltecss += `  font-family: ${font};\\n`;\n  }\n\n  if (line.startsWith('!addcss')) {\n    sveltecode += `\u003cstyle\u003e\\nbody {\\n${sveltecss}}\\n\u003c/style\u003e\\n`;\n  }\n});\n\nconsole.log(sveltecode);\nconsole.log(sveltecss);\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgoports%2Fsvelte-plus","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgoports%2Fsvelte-plus","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgoports%2Fsvelte-plus/lists"}