{"id":33311735,"url":"https://github.com/yshell-dev/xcss-vscode","last_synced_at":"2025-11-19T06:00:40.036Z","repository":{"id":321020151,"uuid":"1079542542","full_name":"yshell-dev/xcss-vscode","owner":"yshell-dev","description":"The official VSCode extension for XCSS is a feature-rich tool designed to provide comprehensive support for the XCSS DSL compiler ecosystem. It includes syntax highlighting, IntelliSense, commands, and tight integration with the XCSS language server (LSP) for live feedback and tooling.","archived":false,"fork":false,"pushed_at":"2025-11-15T05:06:20.000Z","size":1495,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-11-15T07:08:54.775Z","etag":null,"topics":["language-support","lsp-client","vscode-extension"],"latest_commit_sha":null,"homepage":"https://marketplace.visualstudio.com/items?itemName=yshell-dev.xcss","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/yshell-dev.png","metadata":{"files":{"readme":"README.md","changelog":"changelog.md","contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE.md","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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null},"funding":{"github":"yshell-dev"}},"created_at":"2025-10-20T01:56:47.000Z","updated_at":"2025-11-15T05:06:24.000Z","dependencies_parsed_at":"2025-10-27T11:34:00.553Z","dependency_job_id":"afc46d43-b4c8-42c6-b44c-e8fe7aad6217","html_url":"https://github.com/yshell-dev/xcss-vscode","commit_stats":null,"previous_names":["yshell-dev/xcss-vscode"],"tags_count":2,"template":false,"template_full_name":null,"purl":"pkg:github/yshell-dev/xcss-vscode","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yshell-dev%2Fxcss-vscode","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yshell-dev%2Fxcss-vscode/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yshell-dev%2Fxcss-vscode/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yshell-dev%2Fxcss-vscode/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/yshell-dev","download_url":"https://codeload.github.com/yshell-dev/xcss-vscode/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yshell-dev%2Fxcss-vscode/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":285194194,"owners_count":27130396,"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-11-19T02:00:05.673Z","response_time":65,"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":["language-support","lsp-client","vscode-extension"],"created_at":"2025-11-19T06:00:18.372Z","updated_at":"2025-11-19T06:00:39.989Z","avatar_url":"https://github.com/yshell-dev.png","language":"TypeScript","funding_links":["https://github.com/sponsors/yshell-dev"],"categories":[],"sub_categories":[],"readme":"# XCSS Extension for VS Code\r\n\r\nEssential XCSS developer tooling for VSCode, featuring integrated LSP, bundled binary, and focused support for XCSS workflows.\r\n\r\n## Preview \r\n\r\n### Input \r\n![Preview Input](./preview/input.png)\r\n\r\n### Sandbox\r\n![Preview Sandbox](./preview/sandbox.png)\r\n\r\n### Output\r\n![Preview Output](./preview/output.png)\r\n\r\n## Shortcuts\r\n\r\n### Template Import: `[ alt + x ]` \r\n\r\n- Import available templates for the `symclass` at the active cursor position, appending them to the current HTML tag.\r\n\r\n### Content Formatting: `[ alt + shift + x ]` \r\n\r\n- Format only XCSS-specific blocks. Use repeatedly to toggle folding for the nearest foldable range.\r\n\r\n### Component Sandbox: `[ ctrl + alt + x ]`\r\n\r\n- Open the component sandbox webview for the symclass at the cursor, next to the editor.\r\n\r\n### Source/Target Switch: `[ ctrl + alt + shift + x ]`\r\n\r\n- Toggle between files in the source and target directories with a one-to-one mapping.\r\n\r\n## Features\r\n\r\n### Statusbar Widget\r\n\r\n- Displays file status and error count.\r\n- Quick access to integrated core binary commands  .\r\n\r\n### Developer Assistance\r\n\r\n- Real-time diagnostics.\r\n- Intellisense and autocomplete.\r\n- Tooltips with information.\r\n- Folding range support.\r\n- Attribute detection, decoration, and highlighting.\r\n- Go to definition for `symclasses`.\r\n- Color picker for formats: `rgb`, `rgba`, `hsl`, `hsla`, `lch`, `oklch`, `lab`, `oklab`, `hex`\r\n\r\n## Language Support\r\n\r\n- Files with a `.xcss` extension are treated as Markdown and support all core extension features.\r\n- Recognized extended custom css directives, `@--attach` and `@--assign`.\r\n\r\n## Miscellanious\r\n\r\n### Custom Commands\r\n- Easily invoke important XCSS commands directly from the command palette for quick workflows.\r\n\r\n### Configurable Settings\r\n- Modify extension behavior and features through user and workspace settings to tailor your development experience.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyshell-dev%2Fxcss-vscode","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyshell-dev%2Fxcss-vscode","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyshell-dev%2Fxcss-vscode/lists"}