starred/hoppscotch

Fork 0

mirror of https://github.com/hoppscotch/hoppscotch.git synced 2026-04-25 16:55:59 +03:00

[GH-ISSUE #467] What about additional loaders: + Pug, TypeScript, SASS, material-vue ? #180

New issue

Closed

opened 2026-03-16 13:53:51 +03:00 by kerem · 13 comments

kerem commented

2026-03-16 13:53:51 +03:00

Owner

Originally created by @ac2epsilon on GitHub (Jan 2, 2020).
Original GitHub issue: https://github.com/hoppscotch/hoppscotch/issues/467

Originally assigned to: @AndrewBastin, @Sn005 on GitHub.

Is your feature request related to a problem? Please describe.
It may be good add some productivity tools to tool chain

Describe the solution you'd like
What about additional loaders: + Pug, TypeScript, SASS, material-vue ? All of these are proven good with both, Vue and Nuxt. I see no point to make branch on this. It is question of one npm -D.

Describe alternatives you've considered
Anything here is not a question at all, excepting vue-material support is newer than vuetify's, and later is more nuxt-ish and have longer nuxt track/ this can be point of discussion but both are stable and no very difference which will be accepted. All of this save on typing with no addition obligations.

Not if no. Let if yes

Originally created by @ac2epsilon on GitHub (Jan 2, 2020). Original GitHub issue: https://github.com/hoppscotch/hoppscotch/issues/467 Originally assigned to: @AndrewBastin, @Sn005 on GitHub. **Is your feature request related to a problem? Please describe.** It may be good add some productivity tools to tool chain **Describe the solution you'd like** What about additional loaders: + Pug, TypeScript, SASS, material-vue ? All of these are proven good with both, Vue and Nuxt. I see no point to make branch on this. It is question of one npm -D. **Describe alternatives you've considered** Anything here is not a question at all, excepting vue-material support is newer than vuetify's, and later is more nuxt-ish and have longer nuxt track/ this can be point of discussion but both are stable and no very difference which will be accepted. All of this save on typing with no addition obligations. Not if no. Let if yes

kerem

2026-03-16 13:53:51 +03:00

closed this issue
added the
help wanted

feature

core
labels

kerem commented

2026-03-16 13:54:07 +03:00

Author

Owner

@liyasthomas commented on GitHub (Jan 3, 2020):

All our components are custom elemnts we built from time to time on request. This kept us to keep the dependency list to the minimum. But seriously, PW do lack a UI library. Vuetify seems like a solid option for that.

Pug, TypeScript, SASS

It's amazing what bare Vue/Nuxt app can do with only SCSS and JS (HTML + CSS + JS). A transpiled TS branch or any other language is good. But nobody requested it so far. I'll wait for a discussion on that.

@liyasthomas commented on GitHub (Jan 3, 2020): All our components are custom elemnts we built from time to time on request. This kept us to keep the dependency list to the minimum. But seriously, PW do lack a UI library. Vuetify seems like a solid option for that. > Pug, TypeScript, SASS It's amazing what bare Vue/Nuxt app can do with only SCSS and JS (HTML + CSS + JS). A transpiled TS branch or any other language is good. But nobody requested it so far. I'll wait for a discussion on that.

kerem commented

2026-03-16 13:54:12 +03:00

Author

Owner

@AndrewBastin commented on GitHub (Jan 6, 2020):

@liyasthomas Actually I have been thinking of requesting a gradual migration to TypeScript as well, having the static types are really helpful to prevent the tiny mistakes we make while coding stuff up and also with the growing complexity of the app, it makes much more sense to have typings.

@AndrewBastin commented on GitHub (Jan 6, 2020): @liyasthomas Actually I have been thinking of requesting a gradual migration to TypeScript as well, having the static types are really helpful to prevent the tiny mistakes we make while coding stuff up and also with the growing complexity of the app, it makes much more sense to have typings.

kerem commented

2026-03-16 13:54:17 +03:00

Author

Owner

@liyasthomas commented on GitHub (Jan 6, 2020):

I'll add a new branch for Typescript

@liyasthomas commented on GitHub (Jan 6, 2020): I'll add a new branch for Typescript

kerem commented

2026-03-16 13:54:22 +03:00

Author

Owner

@liyasthomas commented on GitHub (Jan 6, 2020):

Tada! TypeScript branch: https://github.com/liyasthomas/postwoman/tree/typescript

Initial configs are incomplete and will produce runtime errors.

Nuxt Offical Guide: https://typescript.nuxtjs.org/

@liyasthomas commented on GitHub (Jan 6, 2020): Tada! TypeScript branch: https://github.com/liyasthomas/postwoman/tree/typescript **Initial configs are incomplete and will produce runtime errors.** Nuxt Offical Guide: https://typescript.nuxtjs.org/

kerem commented

2026-03-16 13:54:27 +03:00

Author

Owner

@Sn005 commented on GitHub (Jan 8, 2020):

@liyasthomas
Hi!
I Want to support resolve runtime errors by TypeScript.
If so, what should I do?
Can I create a new branch and send a pull request to the typescript branch?

I look forward to your reply.

@Sn005 commented on GitHub (Jan 8, 2020): @liyasthomas Hi! I Want to support resolve runtime errors by TypeScript. If so, what should I do? Can I create a new branch and send a pull request to the typescript branch? I look forward to your reply.

kerem commented

2026-03-16 13:54:32 +03:00

Author

Owner

@liyasthomas commented on GitHub (Jan 8, 2020):

Actually, configs have been resolved to start a MVP. Now the remaining process is to compile each methods to typed functions / classes, which is a long task.

You can start contributing by:

Git clone https://github.com/liyasthomas/postwoman/tree/typescript
Install dependencies: npm i
Start local dev server: npm run dev
Convert all *.js to typed *.ts files
Convert all *.vue files to typed functions / classes

Official guide: https://typescript.nuxtjs.org/

Don't forget to mention <script lang="ts"> for TypeScript scripts inside *.vue files.

@liyasthomas commented on GitHub (Jan 8, 2020): Actually, configs have been resolved to start a MVP. Now the remaining process is to compile each methods to `typed` functions / classes, which is a long task. You can start contributing by: 1. Git clone https://github.com/liyasthomas/postwoman/tree/typescript 2. Install dependencies: `npm i` 3. Start local dev server: `npm run dev` 4. Convert all `*.js` to typed `*.ts` files 4. Convert all `*.vue` files to typed functions / classes Official guide: https://typescript.nuxtjs.org/ Don't forget to mention `<script lang="ts">` for TypeScript scripts inside `*.vue` files.

kerem commented

2026-03-16 13:54:37 +03:00

Author

Owner

@Sn005 commented on GitHub (Jan 8, 2020):

@liyasthomas

Thank you for your reply.
OK.
I understand how to contribute.
It's a long task, but I'm working on it.

@Sn005 commented on GitHub (Jan 8, 2020): @liyasthomas Thank you for your reply. OK. I understand how to contribute. It's a long task, but I'm working on it.

kerem commented

2026-03-16 13:54:43 +03:00

Author

Owner

@liyasthomas commented on GitHub (Jan 8, 2020):

We've Telegram group: https://t.me/postwoman_app
And Discord server: https://discord.gg/GAMWxmR
for communication outside GitHub.

@liyasthomas commented on GitHub (Jan 8, 2020): We've Telegram group: https://t.me/postwoman_app And Discord server: https://discord.gg/GAMWxmR for communication outside GitHub.

kerem commented

2026-03-16 13:54:48 +03:00

Author

Owner

@AndrewBastin commented on GitHub (Jan 9, 2020):

@Sn005 if you don't mind, I might also be working on this, I kinda know the typescript toolchain inside out as I usually work on TypeScript (gotta love dem type checks) and I would love to get this done ASAP.

@AndrewBastin commented on GitHub (Jan 9, 2020): @Sn005 if you don't mind, I might also be working on this, I kinda know the typescript toolchain inside out as I usually work on TypeScript (gotta love dem type checks) and I would love to get this done ASAP.

kerem commented

2026-03-16 13:54:53 +03:00

Author

Owner

@AndrewBastin commented on GitHub (Jan 9, 2020):

And also since this issue thread mostly focuses on TypeScript support, I would like this issue renamed.

@AndrewBastin commented on GitHub (Jan 9, 2020): And also since this issue thread mostly focuses on TypeScript support, I would like this issue renamed.

kerem commented

2026-03-16 13:54:58 +03:00

Author

Owner

@Sn005 commented on GitHub (Jan 11, 2020):

@AndrewBastin
No problem.
I am grateful because my usual work is busy.
However, I'm curious about how to proceed with long tasks.
I also want to commit to this task.
So, It would be helpful if you could share how to proceed with the task each time.

@Sn005 commented on GitHub (Jan 11, 2020): @AndrewBastin No problem. I am grateful because my usual work is busy. However, I'm curious about how to proceed with long tasks. I also want to commit to this task. So, It would be helpful if you could share how to proceed with the task each time.

kerem commented

2026-03-16 13:55:03 +03:00

Author

Owner

@AndrewBastin commented on GitHub (Jan 11, 2020):

@Sn005 sure, well, right now my PR is up on this repo, we could certainly use your help with making the typings more strong as we still have tons of any's in the project still.

@AndrewBastin commented on GitHub (Jan 11, 2020): @Sn005 sure, well, right now my PR is up on this repo, we could certainly use your help with making the typings more strong as we still have tons of `any`'s in the project still.

kerem commented

2026-03-16 13:55:08 +03:00

Author

Owner

@liyasthomas commented on GitHub (Jan 15, 2020):

TypeScript
SCSS support
~~Pug~~
~~Component Libraries~~

Since:

TypeScript support is added
Already have SCSS support (SASS is no more preferred)
Pug support and component libraries such as Vuetify, Vue Material Kit is not essential at this stage of development

I'm closing this issue.

@liyasthomas commented on GitHub (Jan 15, 2020): - [x] [TypeScript](https://github.com/liyasthomas/postwoman/tree/typescript) - [x] SCSS support - [ ] ~Pug~ - [ ] ~Component Libraries~ Since: - TypeScript support is added - Already have SCSS support (SASS is no more preferred) - Pug support and component libraries such as Vuetify, Vue Material Kit is not essential at this stage of development I'm closing this issue.