Colldev in multiple programming languages

package.json

@@ -39,10 +39,10 @@
         "destroyable": "^0.5.0",
         "everstorage": "^1.2.0",
         "express": "^4.17.1",
-        "ink": "^3.0.8",
+        "ink": "^3.2.0",
         "ink-spinner": "^4.0.2",
         "ink-table": "^3.0.0",
-        "localtunnel": "^2.0.1",
+        "localtunnel": "^2.0.2",
         "locate-app": "^1.2.0",
         "node-gzip": "^1.1.2",
         "puppeteer-core": "^10.1.0",

test-samples/programming-languages/TODO

@@ -0,0 +1,2 @@
+TODO: !!! Test modules in multiple programming langiages and make sure they work.
+TODO: Python modules

test-samples/programming-languages/javascript-esm/package.json

@@ -0,0 +1,5 @@
+{
+    "name": "@collboard/sample-colldev-module",
+    "version": "1.0.0",
+    "main": "./src/sampleModule.tsx"
+}

test-samples/programming-languages/javascript-esm/src/sampleModule.tsx

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { declareModule, ExtraJsxPlace, makeExtrajsxModule } from '../../../src/runtime/runtime';
+
+declareModule(
+    makeExtrajsxModule({
+        manifest: {
+            name: '@collboard/sample-colldev-module',
+            title: { en: 'Hello world' },
+            description: {
+                en: 'Simple sample hello world button for Collboard.com',
+            },
+        },
+        place: ExtraJsxPlace.EdgeRight,
+        createExtraJsx() {
+            return (
+                <button
+                    onClick={async () => {
+                        alert(`Hello from testing of Collboard modules SDK!`);
+                    }}
+                    className="button button-primary button-vertical"
+                >
+                    <span>🥑 Hello World!</span>
+                </button>
+            );
+        },
+    }),
+);

test-samples/programming-languages/javascript-esm/tsconfig.json

@@ -0,0 +1,15 @@
+{
+    "compilerOptions": {
+        "target": "es6",
+        "module": "commonjs",
+        "allowJs": true,
+        "moduleResolution": "node",
+        "jsx": "react",
+        "noEmit": false,
+        "downlevelIteration": true,
+        "esModuleInterop": true,
+        "strict": true
+    },
+    "include": ["src"],
+    "exclude": ["node_modules"]
+}

test-samples/programming-languages/javascript/package.json

@@ -0,0 +1,5 @@
+{
+    "name": "@collboard/sample-colldev-module",
+    "version": "1.0.0",
+    "main": "./src/sampleModule.tsx"
+}

test-samples/programming-languages/javascript/src/sampleModule.tsx

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { declareModule, ExtraJsxPlace, makeExtrajsxModule } from '../../../src/runtime/runtime';
+
+declareModule(
+    makeExtrajsxModule({
+        manifest: {
+            name: '@collboard/sample-colldev-module',
+            title: { en: 'Hello world' },
+            description: {
+                en: 'Simple sample hello world button for Collboard.com',
+            },
+        },
+        place: ExtraJsxPlace.EdgeRight,
+        createExtraJsx() {
+            return (
+                <button
+                    onClick={async () => {
+                        alert(`Hello from testing of Collboard modules SDK!`);
+                    }}
+                    className="button button-primary button-vertical"
+                >
+                    <span>🥑 Hello World!</span>
+                </button>
+            );
+        },
+    }),
+);

test-samples/programming-languages/javascript/tsconfig.json

@@ -0,0 +1,15 @@
+{
+    "compilerOptions": {
+        "target": "es6",
+        "module": "commonjs",
+        "allowJs": true,
+        "moduleResolution": "node",
+        "jsx": "react",
+        "noEmit": false,
+        "downlevelIteration": true,
+        "esModuleInterop": true,
+        "strict": true
+    },
+    "include": ["src"],
+    "exclude": ["node_modules"]
+}

test-samples/programming-languages/typescript/package.json

@@ -0,0 +1,5 @@
+{
+    "name": "@collboard/sample-colldev-module",
+    "version": "1.0.0",
+    "main": "./src/sampleModule.tsx"
+}