Skip to content

Instantly share code, notes, and snippets.

@stemcstudio
Created December 10, 2022 20:03
Show Gist options
  • Save stemcstudio/0865cb746afd4e74e010a1a9e91ac887 to your computer and use it in GitHub Desktop.
Save stemcstudio/0865cb746afd4e74e010a1a9e91ac887 to your computer and use it in GitHub Desktop.
Project 1

STEMCstudio Application

Purpose

This application may be used as a starting point for creating new applications in STEMCstudio. The application entrypoint is index.html. A README.md file is provided for documentation.

Application

index.html

This file is the entrypoint for your application.

index.ts

This file will be transpiled into JavaScript and will be used in index.html.

style.ccs

This file is the Cascading Style Sheet (CSS) that will style your application. It is also used to style the README.

Documentation

README.md

This markdown file describes your application. It supports LaTeX using MathJax...

$$E = m c^2$$

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<base href="/">
<style>
body {
background-color: #ffffff;
}
</style>
<script src="http://localhost:4200/assets/js/stemcstudio-systemjs@1.0.0/system.js"></script>
</head>
<body>
<script>
System.config({
"warnings": false,
"map": {
"solid-js": "https://unpkg.com/@geometryzen/solid-js@0.9.9/dist/system/index.js",
"solid-js/web": "https://unpkg.com/@geometryzen/solid-js@0.9.9/dist/system/index.js",
"solid-js/store": "https://unpkg.com/@geometryzen/solid-js@0.9.9/dist/system/index.js",
"solid-js/jsx-runtime": ""
}
});
</script>
<h1 id="title">Hello, World!</h1>
<script>
System.register("./index.js", [], function (exports_1, context_1) {
"use strict";
var titleElement;
var __moduleName = context_1 && context_1.id;
function greeting(name) {
return `Hello, ${name}!`;
}
return {
setters: [],
execute: function () {
titleElement = document.getElementById('title');
if (titleElement) {
titleElement.textContent = greeting("World");
}
window.onunload = function () {
};
}
};
});
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyJpbmRleC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0lBSUEsU0FBUyxRQUFRLENBQUMsSUFBSTtRQUNsQixPQUFPLFVBQVUsSUFBSSxHQUFHLENBQUM7SUFDN0IsQ0FBQzs7OztZQU5LLFlBQVksR0FBRyxRQUFRLENBQUMsY0FBYyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBQ3RELElBQUksWUFBWSxFQUFFO2dCQUNkLFlBQVksQ0FBQyxXQUFXLEdBQUcsUUFBUSxDQUFDLE9BQU8sQ0FBQyxDQUFDO2FBQ2hEO1lBSUQsTUFBTSxDQUFDLFFBQVEsR0FBRztZQUNsQixDQUFDLENBQUM7UUFFRixDQUFDIn0=
</script>
<script>
System.defaultJSExtensions = true
System.import('./index.js').catch(function(e) { console.error(e) })
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<base href="/">
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1 id='title'>Hello, World!</h1>
</body>
</html>
const titleElement = document.getElementById('title')
if (titleElement) {
titleElement.textContent = greeting("World")
}
/**
* Constructs a personalized string that can be used to greet a person.
* @param name The name of the person receiving the greeting.
* @returns a greeting string containing the name of the person receiving the greeting.
*/
function greeting(name: string): string {
return `Hello, ${name}!`
}
window.onunload = function() {
// Write your application cleanup code here.
}
export {}
{
"description": "Project 1",
"dependencies": {
"solid-js": "^1.6.2"
},
"author": "David Geo Holmes",
"keywords": [
"a"
],
"name": "my-name",
"version": "1.0.2",
"noLoopCheck": true,
"hideConfigFiles": true
}
body {
background-color: #ffffff;
}
{
"allowJs": true,
"allowUnreachableCode": false,
"checkJs": false,
"declaration": false,
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"forceConsistentCasingInFileNames": true,
"jsx": "react",
"module": "system",
"noImplicitAny": true,
"noImplicitReturns": true,
"noImplicitThis": true,
"noUnusedLocals": true,
"noUnusedParameters": true,
"preserveConstEnums": true,
"removeComments": true,
"skipLibCheck": true,
"sourceMap": false,
"strict": true,
"strictNullChecks": true,
"suppressImplicitAnyIndexErrors": true,
"target": "es2016",
"traceResolution": true
}
{
"rules": {
"array-type": [
true,
"array"
],
"curly": false,
"comment-format": [
true,
"check-space"
],
"eofline": true,
"forin": true,
"jsdoc-format": true,
"new-parens": true,
"no-conditional-assignment": false,
"no-consecutive-blank-lines": true,
"no-construct": true,
"no-for-in-array": true,
"no-inferrable-types": [
true
],
"no-magic-numbers": false,
"no-shadowed-variable": true,
"no-string-throw": true,
"no-trailing-whitespace": [
true,
"ignore-jsdoc"
],
"no-var-keyword": true,
"one-variable-per-declaration": [
true,
"ignore-for-loop"
],
"prefer-const": true,
"prefer-for-of": true,
"prefer-function-over-method": false,
"prefer-method-signature": true,
"radix": true,
"semicolon": [true, "never"],
"trailing-comma": [
true,
{
"multiline": "never",
"singleline": "never"
}
],
"triple-equals": true,
"use-isnan": true
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment