Skip to content
Sign UpLog In
Profile icon

Faris Masad

HackerAdmin
@replitfaris
This is my alt account. My real account is here https://replit.com/@masfrost
Website
Repls
Community
replitfaris
replitfaris
published a Repl
2 months ago
0
typescript-prettier-language-service
typescript-prettier-language-serviceTypeScript language service plugin to format using Prettier. Supports range formatting and document formatting.
replitfaris
replitfaris
published an Update
11 months ago
5
Codemirror CSS color picker
Codemirror CSS color pickerA codemirror extension that adds a color picker input next to CSS color values Get it from NPM https://www.npmjs.com/package/@replit/codemirror-css-color-picker
A CodeMirror extension that adds a color picker next to CSS color values
CodeMirror Color Picker A CodeMirror extension that adds a color picker input next to CSS color values. preview Usage import { basicSetup, EditorState } from '@codemirror/basic-setup'; import { EditorView } from '@codemirror/view'; import { css } from '@codemirror/lang-css'; import { cssColorPicker } from '@replit/codemirror-css-color-picker'; new EditorView({ parent: document.querySelector('#editor'), state: EditorState.create({ doc: '.wow {\n color: #fff;\n}', extensions: [ basicSetup, css(), cssColorPicker({ style: { wrapper: { outlineColor: 'transparent', }, }, }), ], }), }); interface CSSColorPickerOptions { /** Additional style-mod style spec providing theme for the color picker. */ style?: { /* Style spec for the color picker `` container / wrapper?: StyleSpec; /* Style spec for the color picker `` element / input?: StyleSpec; }; }
#codemirror
#typescript
#Css
replitfaris
replitfaris
published a Repl
1 year ago
9
node16-with-discord.js-installed
node16-with-discord.js-installedA template for discord.js that works on Replit with all the nodejs Replit features.
zelferry
zelferry
instead of creating a repl with nix language, you can keep the repl with your language and the best and it really works https://replit.com/talk/learn/Easiest-way-to-get-Node-v166-and-NPM-v720-for-your-Discordjs-v13-projects/143841 I'm not criticizing, but it's a better way if you don't want to create a repl with nix language and move all files to new repl1 year ago
keizerwilmer
keizerwilmer
I made a feedback, for a new control function, you can vote here: https://replit.canny.io/general-feedback/p/nodejs-version-control1 year ago
replitfaris
replitfaris
published a Repl
2 years ago
5
Codemirror CSS color picker
Codemirror CSS color pickerA codemirror extension that adds a color picker input next to CSS color values Get it from NPM https://www.npmjs.com/package/@replit/codemirror-css-color-picker
replitfaris
replitfaris
# CodeMirror Color Picker <span><a href="https://replit.com/@util/Codemirror-CSS-color-picker" title="Run on Replit badge"><img src="https://replit.com/badge/github/replit/Codemirror-CSS-color-picker" alt="Run on Replit badge" /></a></span> <span><a href="https://www.npmjs.com/package/@replit/codemirror-css-color-picker" title="NPM version badge"><img src="https://img.shields.io/npm/v/@replit/codemirror-css-color-picker?color=blue" alt="NPM version badge" /></a></span> A CodeMirror extension that adds a color picker input next to CSS color values. ![preview](https://replit.com/cdn-cgi/image/width=3840,quality=80/https://storage.googleapis.com/replit/images/1632627522442_46320608eaa3f0c58bebd5fe4a10efc2.gif) ### Usage ```ts import { basicSetup, EditorState } from '@codemirror/basic-setup'; import { EditorView } from '@codemirror/view'; import { css } from '@codemirror/lang-css'; import { cssColorPicker } from '@replit/codemirror-css-color-picker'; new EditorView({ parent: document.querySelector('#editor'), state: EditorState.create({ doc: '.wow {\n color: #fff;\n}', extensions: [ basicSetup, css(), cssColorPicker({ style: { wrapper: { outlineColor: 'transparent', }, }, }), ], }), }); ``` ```ts interface CSSColorPickerOptions { /** * Additional [`style-mod`](https://github.com/marijnh/style-mod#documentation) * style spec providing theme for the color picker. */ style?: { /** Style spec for the color picker `<div>` container */ wrapper?: StyleSpec; /** Style spec for the color picker `<input>` element */ input?: StyleSpec; }; } ``` 11 months ago