version bump

OSSPhilippines · May 29, 2024 · 3cfb115 · 3cfb115
1 parent 709a904
commit 3cfb115
Show file tree

Hide file tree

Showing 18 changed files with 60 additions and 38 deletions.
diff --git a/examples/with-express/package.json b/examples/with-express/package.json
@@ -7,7 +7,7 @@
     "dev": "ts-node src/index.ts"
   },
   "dependencies": {
-    "@ossph/temple": "0.0.7",
+    "@ossph/temple": "0.0.8",
     "express": "4.19.2"
   },
   "devDependencies": {

diff --git a/examples/with-fastify/package.json b/examples/with-fastify/package.json
@@ -8,7 +8,7 @@
   },
   "dependencies": {
     "@fastify/static": "7.0.4",
-    "@ossph/temple": "0.0.7",
+    "@ossph/temple": "0.0.8",
     "fastify": "4.27.0"
   },
   "devDependencies": {

diff --git a/examples/with-hapi/package.json b/examples/with-hapi/package.json
@@ -9,7 +9,7 @@
   "dependencies": {
     "@hapi/hapi": "21.3.9",
     "@hapi/inert": "7.1.0",
-    "@ossph/temple": "0.0.7"
+    "@ossph/temple": "0.0.8"
   },
   "devDependencies": {
     "@types/node": "20.12.7",

diff --git a/examples/with-koa/package.json b/examples/with-koa/package.json
@@ -7,7 +7,7 @@
     "dev": "ts-node src/index.ts"
   },
   "dependencies": {
-    "@ossph/temple": "0.0.7",
+    "@ossph/temple": "0.0.8",
     "koa": "2.15.3",
     "koa-router": "12.0.1",
     "koa-static": "5.0.0"

diff --git a/examples/with-nest/package.json b/examples/with-nest/package.json
@@ -21,7 +21,7 @@
     "@nestjs/common": "^10.0.0",
     "@nestjs/core": "^10.0.0",
     "@nestjs/platform-express": "^10.0.0",
-    "@ossph/temple": "0.0.7",
+    "@ossph/temple": "0.0.8",
     "reflect-metadata": "^0.2.0",
     "rxjs": "^7.8.1"
   },

diff --git a/examples/with-restify/package.json b/examples/with-restify/package.json
@@ -7,7 +7,7 @@
     "dev": "ts-node src/index.ts"
   },
   "dependencies": {
-    "@ossph/temple": "0.0.7",
+    "@ossph/temple": "0.0.8",
     "restify": "11.1.0"
   },
   "devDependencies": {

diff --git a/examples/with-webpack/package.json b/examples/with-webpack/package.json
@@ -8,8 +8,8 @@
     "build": "webpack"
   },
   "dependencies": {
-    "@ossph/temple": "0.0.7",
-    "@ossph/temple-loader": "0.0.7"
+    "@ossph/temple": "0.0.8",
+    "@ossph/temple-loader": "0.0.8"
   },
   "devDependencies": {
     "@types/node": "20.12.7",

diff --git a/packages/temple-client/package.json b/packages/temple-client/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ossph/temple-client",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "Browser library that Temple scripts can use to manage data in different ways.",
   "license": "Apache-2.0",
   "author": "Chris <chris@incept.asia>",

diff --git a/packages/temple-compiler/package.json b/packages/temple-compiler/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ossph/temple-compiler",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "Compiles Temple markup language files to JavaScript and HTML.",
   "license": "Apache-2.0",
   "author": "Chris <chris@incept.asia>",
@@ -21,9 +21,9 @@
     "test": "nyc ts-mocha tests/*.test.ts"
   },
   "dependencies": {
-    "@ossph/temple-client": "0.0.7",
-    "@ossph/temple-parser": "0.0.7",
-    "@ossph/temple-server": "0.0.7",
+    "@ossph/temple-client": "0.0.8",
+    "@ossph/temple-parser": "0.0.8",
+    "@ossph/temple-server": "0.0.8",
     "esbuild": "0.21.3",
     "typescript": "5.3.3",
     "ts-morph": "22.0.0"

diff --git a/packages/temple-loader/package.json b/packages/temple-loader/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ossph/temple-loader",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "Webpack support for the Temple markup language.",
   "license": "Apache-2.0",
   "author": "Chris <chris@incept.asia>",
@@ -20,7 +20,7 @@
     "build": "tsc"
   },
   "dependencies": {
-    "@ossph/temple-compiler": "0.0.7",
+    "@ossph/temple-compiler": "0.0.8",
     "loader-utils": "3.2.1",
     "schema-utils": "4.2.0"
   },

diff --git a/packages/temple-parser/package.json b/packages/temple-parser/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ossph/temple-parser",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "Parses the Temple markup language to an abstract syntac tree (AST).",
   "license": "Apache-2.0",
   "author": "Chris <chris@incept.asia>",

diff --git a/packages/temple-server/package.json b/packages/temple-server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ossph/temple-server",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "Server library that Temple server uses to manage data in different ways.",
   "license": "Apache-2.0",
   "author": "Chris <chris@incept.asia>",

diff --git a/packages/temple-web/package.json b/packages/temple-web/package.json
@@ -1,14 +1,14 @@
 {
   "name": "temple-web",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "Temple Website",
   "private": true,
   "scripts": {
     "build": "ts-node ./src/build.ts",
     "dev": "ts-node ./src/index.ts"
   },
   "dependencies": {
-    "@ossph/temple": "0.0.7",
+    "@ossph/temple": "0.0.8",
     "express": "4.19.2",
     "fast-glob": "3.3.2"
   },

diff --git a/packages/temple-web/src/index.ts b/packages/temple-web/src/index.ts
@@ -5,6 +5,7 @@ import temple from '@ossph/temple/server';
 
 const engine = temple({ 
   cwd: __dirname, 
+  minify: false,
   build: '../.temple',
   brand: '' 
 });

diff --git a/packages/temple-web/src/templates/components/code-editor.html b/packages/temple-web/src/templates/components/code-editor.html
@@ -1,11 +1,28 @@
-<script>
-  import { props } from '@ossph/temple';
-  const { children } = props();
-  const code = this.querySelector('code');
-  if (window.ace) {
-    const editor = window.ace.edit(code);
-    editor.setTheme('ace/theme/chrome');
-    editor.session.setMode('ace/mode/html');
+<style>
+  :host {
+    border: 1px solid var(--bg-fourth);
+    display: block;
+    height: 300px;
+    position: relative;
+  }
+  pre {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    top: 0;
+    right: 0;
   }
+</style>
+<script>
+  import { props, signal } from '@ossph/temple';
+  const start = e => {
+    if (window.ace) {
+      const editor = window.ace.edit(e.detail);
+      editor.setTheme('ace/theme/monokai');
+      editor.session.setMode('ace/mode/javascript');
+    }
+  };
 </script>
-<pre><code>{children}</code></pre>
+<pre render=start>
+  console.log('Hello, World!');
+</pre>
diff --git a/packages/temple-web/src/templates/components/tui-button.html b/packages/temple-web/src/templates/components/tui-button.html
@@ -143,8 +143,12 @@
   };
 </script>
 <if true={!!href}>
-  <a class={map.classes} style={map.style} href={href} {...attributes}>{children}</a>
+  <a class={map.classes} style={map.style} href={href} {...attributes}>
+    {children}
+  </a>
 </if>
 <if true={!href}>
-  <button class={map.classes} style={map.style} {...attributes}>{children}</button>
+  <button class={map.classes} style={map.style} {...attributes}>
+    {children}
+  </button>
 </if>
diff --git a/packages/temple-web/src/templates/index.html b/packages/temple-web/src/templates/index.html
@@ -45,11 +45,13 @@
     <meta name="twitter:title" content={title} />
     <meta name="twitter:description" content={description} />
     <meta name="twitter:image" content="https://ossphilippines.github.io/temple/temple-logo.png" />
-    <link rel="favicon" href="https://ossphilippines.github.io/temple/favicon.ico" />
-    <link rel="shortcut icon" type="image/png" href="https://ossphilippines.github.io/temple/favicon.png" />
+    <link rel="favicon" href="/temple/favicon.ico" />
+    <link rel="shortcut icon" type="image/png" href="/temple/favicon.png" />
     <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" />
     <link rel="stylesheet" type="text/css" href="/temple/styles/theme.css" />
-    <script src="https://unpkg.com/ace-builds/src-min-noconflict/ace.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.34.2/theme-monokai.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.34.2/mode-javascript.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.34.2/ace.js"></script>
   </head>
   <body class="dark panel panel-head">
     <panel-head class="head panel-head"></panel-head>
@@ -71,9 +73,7 @@ <h1>Temple</h1>
           template engine with a built-in parser/compiler that 
           generates web components and support reactivity.
         </p>
-        <code-editor>
-          console.log('hi')
-        </code-editor>
+        <code-editor class="editor"></code-editor>
       </section>
       <section class="section-bullets">
         Bullets

diff --git a/packages/temple/package.json b/packages/temple/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ossph/temple",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "The reactive web component template engine.",
   "license": "Apache-2.0",
   "author": "Chris <chris@incept.asia>",
@@ -28,7 +28,7 @@
     "test": "nyc cross-env DATABASE_URL=test ts-mocha tests/*.test.ts"
   },
   "dependencies": {
-    "@ossph/temple-compiler": "0.0.7"
+    "@ossph/temple-compiler": "0.0.8"
   },
   "devDependencies": {
     "@types/chai": "4.3.5",