add setup.sh for github codespaces, fix cloudlink thumbnails, move wi…

…p extensions to livetests, remove unusable extensions, getting ready for snail ide offline

setup.sh

@@ -0,0 +1,5 @@
+#a thing to setup snail ide on gh codespaces
+npm i -g pnpm
+pnpm up
+pnpm i --shamefully-hoist
+webpack-dev-server

src/components/avatar/avatar.jsx

@@ -1,22 +1,22 @@
-const user = {
-    name: 'Me_rudy',
-    imageUrl: 'https://trampoline.turbowarp.org/avatars/by-username/Mr_rudy',
-    imageSize: 90,
-  };
-
-  export default function Profile() {
-    return (
-      <>
-        <h1>{user.name}</h1>
-        <img
-          className="avatar"
-          src={user.imageUrl}
-          alt={'Profile of ' + user.name}
-          style={{
-            width: user.imageSize,
-            height: user.imageSize
-          }}
-        />
-      </>
-    );
+const user = {
+    name: 'Me_rudy',
+    imageUrl: 'https://trampoline.turbowarp.org/avatars/by-username/Mr_rudy',
+    imageSize: 90,
+  };
+
+  export default function Profile() {
+    return (
+      <>
+        <h1>{user.name}</h1>
+        <img
+          className="avatar"
+          src={user.imageUrl}
+          alt={'Profile of ' + user.name}
+          style={{
+            width: user.imageSize,
+            height: user.imageSize
+          }}
+        />
+      </>
+    );
   }

src/components/sn-likebtn/LikeButton.jsx

@@ -1,18 +1,18 @@
-import React, { useEffect } from 'react';
-
-const LikeButton = () => {
-  useEffect(() => {
-    if (document.getElementById("likebtn_wjs")) return;
-    const script = document.createElement("script");
-    script.async = true;
-    script.id = "likebtn_wjs";
-    script.src = "//w.likebtn.com/js/w/widget.js";
-    document.getElementsByTagName("head")[0].appendChild(script);
-  }, []);
-
-  return (
-    <span className="likebtn-wrapper" data-theme="custom" data-vert="true" data-show_like_label="false"></span>
-  );
-};
-
-export default LikeButton;
+import React, { useEffect } from 'react';
+
+const LikeButton = () => {
+  useEffect(() => {
+    if (document.getElementById("likebtn_wjs")) return;
+    const script = document.createElement("script");
+    script.async = true;
+    script.id = "likebtn_wjs";
+    script.src = "//w.likebtn.com/js/w/widget.js";
+    document.getElementsByTagName("head")[0].appendChild(script);
+  }, []);
+
+  return (
+    <span className="likebtn-wrapper" data-theme="custom" data-vert="true" data-show_like_label="false"></span>
+  );
+};
+
+export default LikeButton;

src/components/tw-cloud-variable-badge/cloud-server-button.jsx

@@ -1,39 +1,39 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import styles from './cloud-variable-badge.css';
-import bindAll from 'lodash.bindall';
-import classNames from 'classnames';
-
-class CloudServerButton extends React.Component {
-    constructor (props) {
-        super(props);
-        bindAll(this, [
-            'handleClick'
-        ]);
-    }
-
-    handleClick () {
-        this.props.onClick(this.props.cloudHost);
-    }
-
-    render () {
-        return (
-            <button
-                className={classNames(styles.server, {[styles.selected]: this.props.selected})}
-                onClick={this.handleClick}
-                title={this.props.cloudHost}
-            >
-                {this.props.name}
-            </button>
-        );
-    }
-}
-
-CloudServerButton.propTypes = {
-    cloudHost: PropTypes.string,
-    name: PropTypes.string,
-    selected: PropTypes.bool,
-    onClick: PropTypes.func
-};
-
+import React from 'react';
+import PropTypes from 'prop-types';
+import styles from './cloud-variable-badge.css';
+import bindAll from 'lodash.bindall';
+import classNames from 'classnames';
+
+class CloudServerButton extends React.Component {
+    constructor (props) {
+        super(props);
+        bindAll(this, [
+            'handleClick'
+        ]);
+    }
+
+    handleClick () {
+        this.props.onClick(this.props.cloudHost);
+    }
+
+    render () {
+        return (
+            <button
+                className={classNames(styles.server, {[styles.selected]: this.props.selected})}
+                onClick={this.handleClick}
+                title={this.props.cloudHost}
+            >
+                {this.props.name}
+            </button>
+        );
+    }
+}
+
+CloudServerButton.propTypes = {
+    cloudHost: PropTypes.string,
+    name: PropTypes.string,
+    selected: PropTypes.bool,
+    onClick: PropTypes.func
+};
+
 export default CloudServerButton;