codesandbox / codesandbox-templates

Official Sandbox Templates and Utilities Packages for CodeSandbox

codesandbox-templates

codesandbox-templates's Issues

Riot.js Template

Hi there,
I am the Riot.js maintainer and I would like to add an official codesandbox template to bundle a Riot.js application.

I will simply use one of our official templates from https://github.com/riot/webpack-spa-template or https://github.com/riot/rollup-template.

Do you accept PRs?

Thank you and have a nice day

update qwik 0.100 to 1

I haven't found Qwik somewhere else. Could you please update your Qwik template? Especially these packages

"@builder.io/qwik": "^0.100.0",
"@builder.io/qwik-city": "^0.100.0",

Node and Unibit icons not shown properly in Container Templates tab

sandbox start script isn't working

I created a sandbox.config.json with a startscript set to "start" , but code sandbox still runs "serve"
Please can you help me out with this?
Here is a link to my template
https://codesandbox.io/s/docu-test-jv4ir

Sapper on Codesandbox is v2, yet this uses v3.

It seems like this repository has been updated, but not pushed to codesandbox somehow?

What's the process for that to happen?

There's also an existing codesandbox/sapper-template repository which is the old v2 template - should that be archived?

Vue Client Template: Noisy error console with 3.1

https://codesandbox.io/s/noisy-vue-3-js-errors-xi3xi?file=/vue.config.js

You are running the esm-bundler build of Vue. It is recommended to configure your bundler to explicitly replace feature flag globals with boolean literals to get proper tree-shaking in the final bundle. See http://link.vuejs.org/feature-flags for more details.

Sounds like the template needs to be regenerated with vue-cli or this file added...

// vue.config.js

const webpack = require('webpack')

module.exports = {
  configureWebpack: {
    plugins: [
      new webpack.DefinePlugin({
        __VUE_OPTIONS_API__: false,
        __VUE_PROD_DEVTOOLS__: false
      })
    ]
  }
}

Protip: Add console-feed to ignore list to get actually useful logs

Vue Template - App Component Mounting Incorrectly

I've got an very simple Vue app going based on the provided Vue template. As per the default behaviour of the template, a Vue component is being mounted to div#app in the index.html like so:

new Vue({
  render: h => h(App) // The App component is imported at the top of the main.js file.
}).$mount("#app");

The issue is that instead of mounting App into div#app it mounts into the body tag, replacing any other HTML in the body along with the div#app.

The contents of the body looks like this:

<p>Test</p>
  <div id="app"></div>
<p>Test</p>

I put the paragraph tags in there for testing purposes. They disappear when the Vue App component is mounted into the div#app.

The weird thing is that I exported to my machine and it works as expected. When run locally the test paragraphs remain in place when the App component mounts.

Here's a sandbox where this weird behaviour can be seen: https://codesandbox.io/s/green-feather-eoci0

Here's the associated Github repo: https://github.com/stungeye/ToDo-Vue

I don't know where to go from here. The code works correctly locally but incorrectly when run on codesandbox. Thoughts?

NestJS template does not work

The type checker checks node_modules and throws 53 errors when starting up a bare NestJS template (no user modifactions).

[.....]
node_modules/@types/express/index.d.ts:111:54 - error TS2315: Type 'Response' is not generic.

111     export interface Response<ResBody = any> extends core.Response<ResBody> { }
                                                         ~~~~~~~~~~~~~~~~~~~~~~

Found 53 error(s).

problem in previews