kholid060/snapcode

Snippet code manager

Hi there 👋

snapcode's Issues

very nice snapcode manager platform, but maybe Missing js code hints

very nice snapcode manager platform, but maybe Missing js code hints

Bug: Unshared snippets are still viewable by others

When I share a snippet, I can share the generated link with others so they can see the snippet. But if I turned off sharing for that snippet, other people can still see the snippet.

Expected behaviour: When you unshare a snippet, the link should become invalidated.

Saved snippets not Loading at all

Describe the bug
I have logged in via Google Auth on Chrome and all my saved snippets never load. I see the Sidebar and Avatar Menu, but no content at all.

To Reproduce
Just log in.

Expected behavior
Load and show my folders, list of snippets.

Screenshots

Desktop (please complete the following information):

• OS: macOS Monterey v12.3.1
• Browser: Chrome
• Version: Version 100.0.4896.127 (Official Build) (arm64)

Possibly change from Highlight.js to Prism.js

Is your feature request related to a problem? Please describe.
Currently Snapcode doesn't like React code, specifically JSX within React code. This is a limitation of highlight.js. Looking through issues on that projects Github, someone has suggested Prism.js, as it does support JSX, as well as a tonne more languages.

Describe the solution you'd like
Investigate if changing from Highlight.js to Prism.js is something that Snapcode might benefit from

Describe alternatives you've considered
Sticking with Highlight.js, that doesn't support React/JSX, cuts off a lot of developers from potentially using the platform to store snippets/code.

🤯 Visual Studio Code Extension

Is your feature request related to a problem? Please describe.
It's a feature request.

Describe the solution you'd like
It'd be amazing if you could make a Visual Studio Code extension to upload the selected part of our code to your API. I don't think it'd be that hard to do since you have the API running and you did a great job building the whole system...

Describe alternatives you've considered
I use other extensions but they all export as PNG files, which could also be an option for your extension but I'd prefer a cool webpage like yours current situation.

Additional context
None.

Which database used to store data?

All my Snippets are Gone & the Page Links

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:
Just logged in and everything is gone. I had tons of snippets, organized in folders and snippets that were being shared with people as well. Now links are broken and everything is gone.

Expected behavior
Being able to log in and see all my folders and snippets. Now everything has just vanished.

Screenshots
Here is a screenshot, showing one of my snippets being shared via public link, and the user below saying page doesn't exist.

It used to be here: https://snapcode.vercel.app/snippet/6MJePaXH0HkaukvxV_djJ

I never deleted anything myself.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: Macbook Pro Max — Apple M1 Max
• OS: MacOS Ventura — 13.1
• Browser: Arc — Version 0.80.0
• Chromium Engine Version 108.0.5359.99

Additional context

Copy button is not working..

The copy button to copy the code is not working on shareable links. It works when I am viewing my own code, but as soon as I share it with the generated link, the person receiving it cannot copy the code with the copy button.

Firebase integration

I'm having issues with the lack of instructions for the firebase integration

main.js:239 Uncaught (in promise) Error: In order to use an Identity provider, you should initiate the "Auth" instance with a "redirectUri". at o.signInWithProvider (main.js:239) at Proxy.r (AuthModal.vue:37) at AuthModal.vue:16 at Kt (runtime-core.esm-bundler.js:154) at Dt (runtime-core.esm-bundler.js:163) at HTMLButtonElement.n (runtime-dom.esm-bundler.js:292)

Getting an error toast when saving snippets & 404 for links to snippets

Describe the bug
I am trying to send an already existing snippet to someone that already has a share link and we are getting a 404 error as if the snippet does not exist. Also, when clicking the "Save" button, it is throwing an error toast. No idea why.

To Reproduce
Steps to reproduce the behavior:
Simply try viewing a snippet with a share link. Happens for me on already existing links and any of the new links that I have created for testing. Also, just click the "Save" button in the link menu to see the error toast.

Expected behavior
Being able to view the snippet on the generated link as normal, and being able to save updated snippets tapping the button with no issues.

Screenshots

Desktop (please complete the following information):

• OS: Ventura 13.3.1
• Browser: Arc
• Version: 0.101.2

How are the snippets stored?

I have been thinking of working on this concept my self but snapcode seems to already sum up what I've been looking for and wanting to create! Does this project use localstorage or firebase? Is there a way to run this ourselves locally as well? I see quite a few errors and nothing loads in the browser, and in the console it seems like it is looking for a firebase API that is not in the project for obvious reasons.

starred snippets and folders created don't survive logouts

When you create starred snippets or folders, and then logout, when you log back in, those stars and folders are not persisted. Amazing project by the way, great work!

some useful feature

1. siderBar can hidden
   

2. editor have code hint. https://masscode.io/ have code hint;

3. have button can copy snip code;

4. maybe have shortcuts can search code and to copy;

[BUG] CORS issue on the `.vercel.app` domain

Describe the bug
Looks like you have moved from Heroku to Vercel, but during your requests to your Heroku app, it fails on (my) and some other friends' browsers due to CORS error. You should probably fix this from Heroku side or move your API to the same domain.

To Reproduce
Steps to reproduce the behavior:

1. Go to a snippet link (example)
2. Wait until it tries to fetch the content
3. See error, it will display a 404 error

Expected behavior
Should fetch the content successfully and display it.

Screenshots

Desktop (please complete the following information):

• OS: Windows 10
• Browser Firefox
• Version 87.0

Can't run Snapcode

Describe the bug
when you run "yarn dev" it showed something like:

To Reproduce
Steps to reproduce the behavior:

1. yarn dev
2. See error

Custom directive is missing corresponding SSR transform and will be ignored.
9:01:36 PM [vite] Internal server error: Custom directive is missing corresponding SSR transform and will be ignored.
  Plugin: vite:vue
  File: /app/src/components/ui/InputUi.vue
  12 |        ></v-mdi>
  13 |        <input
  14 |          v-autofocus="autofocus"
     |           ^
  15 |          class="rounded-lg bg-input hover:bg-input-dark w-full focus:bg-input-dark transition"
  16 |          :class="[
      at Object.createCompilerError (/app/node_modules/@vue/compiler-core/dist/compiler-core.cjs.js:19:19)
      at createSSRCompilerError (/app/node_modules/@vue/compiler-sfc/node_modules/@vue/compiler-ssr/dist/compiler-ssr.cjs.js:145:24)
      at Array.ssrPostTransformElement (/app/node_modules/@vue/compiler-sfc/node_modules/@vue/compiler-ssr/dist/compiler-ssr.cjs.js:589:41)
      at traverseNode (/app/node_modules/@vue/compiler-core/dist/compiler-core.cjs.js:2205:19)
      at traverseChildren (/app/node_modules/@vue/compiler-core/dist/compiler-core.cjs.js:2147:9)
      at traverseNode (/app/node_modules/@vue/compiler-core/dist/compiler-core.cjs.js:2198:13)
      at traverseChildren (/app/node_modules/@vue/compiler-core/dist/compiler-core.cjs.js:2147:9)
      at traverseNode (/app/node_modules/@vue/compiler-core/dist/compiler-core.cjs.js:2198:13)
      at traverseChildren (/app/node_modules/@vue/compiler-core/dist/compiler-core.cjs.js:2147:9)
      at traverseNode (/app/node_modules/@vue/compiler-core/dist/compiler-core.cjs.js:2198:13)
Custom directive is missing corresponding SSR transform and will be ignored.

warn - The `purge`/`content` options have changed in Tailwind CSS v3.0.
warn - Update your configuration file to eliminate this warning.
warn - https://tailwindcss.com/docs/upgrade-guide#configure-content-sources

Expected behavior
Launch app

Desktop (please complete the following information):

• OS: MacOS
• Browser Chrome
• vite v2.9.1

How to move in folder?

Describe the bug
Create a folder. I can't understand how to move snippets in appropriate folders

To Reproduce
Create few folders

Expected behavior
Drag and drop in folders

BIG THANKS FOR THIS APP

Authentication option

Is your feature request related to a problem? Please describe.
Anybody can access the snippets which is not good from security and privacy perspective

Describe the solution you'd like
A auth system that can be simple but put the snippets after some password gate

Describe alternatives you've considered
One option is that you can use reverse proxy auth, but it is not very efficient.

Additional context
Add any other context or screenshots about the feature request here.

Import all my gists from github in snapcode

This app is more comfortable instead gists in github, and i want to use it as a store of my code, but, import feature that already exist have long way to import gists one by one

Python language support

Is your feature request related to a problem? Please describe.
I cannot tag my code snippet as a "python" code snippet.

Describe the solution you'd like
Please add python support.

Describe alternatives you've considered
I've tried using another language tag but i dont have the option to select "none".

Additional context
N/A

Keep up the great work.

Horizontal scroll is broken on live shared pages

Describe the bug
Horizontal scroll is broken on live shared pages

To Reproduce
Steps to reproduce the behavior:

1. Go to any shared snippet url
2. No horizontal scroll exists

Sample Link

Expected behavior
View all code from left to right (by horizontal scroll)

Need Docker Image of snapcode

Need Docker Image of snapcode