feat: add rax support

.all-contributorsrc

@@ -317,6 +317,15 @@
         "bug"
       ]
     },
+    {
+      "login": "rax-public",
+      "name": "Rax Team",
+      "avatar_url": "https://avatars3.githubusercontent.com/u/59947214?v=4",
+      "profile": "https://github.com/rax-public",
+      "contributions": [
+        "code"
+      ]
+    },
     {
       "login": "tomkuehl",
       "name": "Tom Kühl",

packages/common/src/components/SandboxCard/fixtures.ts

@@ -129,6 +129,7 @@ export const templates: TemplateType[] = [
   'create-react-app',
   'vue-cli',
   'preact-cli',
+  'rax',
   'svelte',
   'create-react-app-typescript',
   'angular-cli',

packages/common/src/templates/helpers/is-server.ts

@@ -13,6 +13,7 @@ const SERVER_TEMPLATE_NAMES = [
   'node',
   'nuxt',
   'quasar-framework',
+  'rax',
   'sapper',
   'styleguidist',
   'unibit',

packages/common/src/templates/icons.ts

@@ -33,6 +33,7 @@ import {
   ember,
   vue,
   preact,
+  rax,
   reactTs,
   svelte,
   angular,
@@ -68,6 +69,8 @@ export default function getIcon(theme: TemplateType) {
       return VueIcon;
     case preact.name:
       return PreactIcon;
+    case rax.name:
+      return ReactIcon;
     case reactTs.name:
       return ReactIcon;
     case svelte.name:

packages/common/src/templates/iconsDark.ts

@@ -33,6 +33,7 @@ import {
   ember,
   vue,
   preact,
+  rax,
   reactTs,
   svelte,
   angular,
@@ -68,6 +69,8 @@ export default function getIcon(theme: TemplateType) {
       return VueIconDark;
     case preact.name:
       return PreactIconDark;
+    case rax.name:
+      return ReactIconDark; 
     case reactTs.name:
       return ReactIconDark;
     case svelte.name:

packages/common/src/templates/iconsLight.ts

@@ -33,6 +33,7 @@ import {
   ember,
   vue,
   preact,
+  rax,
   reactTs,
   svelte,
   angular,
@@ -68,6 +69,8 @@ export default function getIcon(theme: TemplateType) {
       return VueIconLight;
     case preact.name:
       return PreactIconLight;
+    case rax.name:
+      return ReactIconLight;
     case reactTs.name:
       return ReactIconLight;
     case svelte.name:

packages/common/src/templates/index.ts

@@ -17,6 +17,7 @@ import nuxt from './nuxt';
 import parcel from './parcel';
 import preact from './preact';
 import quasar from './quasar';
+import rax from './rax';
 import react from './react';
 import reactTs from './react-ts';
 import reason from './reason';
@@ -43,6 +44,7 @@ export {
   dojo,
   parcel,
   preact,
+  rax,
   react,
   reactTs,
   reason,
@@ -65,6 +67,7 @@ export type TemplateType =
   | 'create-react-app'
   | 'vue-cli'
   | 'preact-cli'
+  | 'rax'
   | 'svelte'
   | 'create-react-app-typescript'
   | 'angular-cli'
@@ -101,6 +104,8 @@ export default function getDefinition(theme?: TemplateType | null) {
       return vue;
     case preact.name:
       return preact;
+    case rax.name:
+      return rax;
     case reactTs.name:
       return reactTs;
     case svelte.name:

packages/common/src/templates/rax.ts

@@ -0,0 +1,21 @@
+import Template from './template';
+import { decorateSelector } from '../utils/decorate-selector';
+
+export class RaxTemplate extends Template {
+  // The file to open by the editor
+  getDefaultOpenedFiles() {
+    return ['/src/app.js'];
+  }
+}
+export default new RaxTemplate(
+  'rax',
+  'Rax',
+  'https://rax.js.org/',
+  'github/raxjs/rax-codesandbox-template',
+  decorateSelector(() => '#FFB006'),
+  {
+    showOnHomePage: true,
+    distDir: 'build',
+    mainFile: []
+  }
+);