renaming projects

Author: wassfila

Diff for: 04_generic-components/src/libs/utils.js renamed to 01_basics/src/libs/utils.js

@@ -1,15 +1,17 @@
 ---
 import Layout from '../layouts/Layout.astro';
-console.log(`index.astro> node version = ${process.version}`)
+import { project_dir } from '../libs/utils';
 
+const proj = project_dir(import.meta.url)
 const node_version = process.version
+console.log(`index.astro> node version = ${node_version}`)
 
 ---
 
 <Layout title="Welcome to Astro.">
 	<main>
-		<h1>01_basics</h1>
-		<h2>Astro Node version <span class="text-gradient">{node_version}</span></h2>
+		<h1>Astro Node version <span class="text-gradient">{node_version}</span></h1>
+		<a href={`https://github.com/MicroWebStacks/astro-examples/tree/main/${proj}`} target="_blank">github project '{proj}'</a>
 		<p class="instructions">
 			This is a minimal example that shows the node version running
 		</p>

Diff for: 01_basics/src/pages/index.astro

@@ -1,6 +1,9 @@
 ---
 import Layout from '../layouts/Layout.astro';
 import { get_count, increment } from './shared';
+import { project_dir } from '../libs/utils';
+
+const proj = project_dir(import.meta.url)
 
 increment()
 const current_count = get_count()
@@ -10,6 +13,7 @@ const current_count = get_count()
 <Layout title="Welcome to Astro.">
 	<main>
 		<h1>Astro page1 count = <span class="text-gradient">{current_count}</span></h1>
+		<a href={`https://github.com/MicroWebStacks/astro-examples/tree/main/${proj}`} target="_blank">github project '{proj}'</a>
 		<a href="/page2">page2</a>
 		<p>shared global var demo. reload the page to increment the counter. All pages share the same counter</p>
 	</main>

Diff for: 04_uid-components/src/libs/utils.js renamed to 02_ssr-counter/src/libs/utils.js

@@ -1,14 +1,17 @@
 ---
 import Layout from '../layouts/Layout.astro';
 import { get_count } from './events';
+import { project_dir } from '../libs/utils';
 
+const proj = project_dir(import.meta.url)
 const current_count = get_count()
 
 ---
 
 <Layout title="Welcome to Astro.">
 	<main>
 		<h1>Astro SSE Counter <span class="text-gradient">{current_count}</span></h1>
+		<a href={`https://github.com/MicroWebStacks/astro-examples/tree/main/${proj}`} target="_blank">github project '{proj}'</a>
 		<p>SSE: Server Sent Events with Node18 using ReadableStream()</p>
 		<p>Events are coming from a separate file using a timer and Emitter</p>
 		<p>Note that reloading the page has no effect on server counter</p>

Diff for: 02_ssr-counter/src/pages/index.astro

@@ -0,0 +1,37 @@
+import {dirname, normalize, basename, sep,join} from 'path'
+let next_uid = 1
+
+function uid(){
+    return Date.now()+"_"+Math.floor(Math.random() * 10000)
+}
+  
+function suid(){
+    let date = (Date.now()).toString();
+    const sub = date.substring(date.length-6,date.length-1);
+    return sub+"_"+Math.floor(Math.random() * 10000)
+}
+
+function sequence_uid(){
+  const result = next_uid
+  next_uid += 1
+  return result
+}
+
+function rel_to_abs(reference,relative){
+    return join(dirname(normalize(reference)),relative).replace("file:\\","")
+}
+  
+function project_dir(url){
+    let project = rel_to_abs(url,"../..")
+    if(import.meta.env.PROD){
+        project = rel_to_abs(url,"..")
+    }
+    return basename(project)
+}
+
+export{
+    uid,
+    suid,
+    sequence_uid,
+    project_dir
+}

Diff for: 05_astro-xelement/src/libs/utils.js renamed to 03_sse-counter/src/libs/utils.js

@@ -1,9 +1,10 @@
 ---
 import Layout from '../layouts/Layout.astro';
 import Card from '../components/Card.astro'
-import CardUid from '../components/Card_uid.astro'
 import { sequence_uid } from '../libs/utils';
+import { project_dir } from '../libs/utils';
 
+const proj = project_dir(import.meta.url)
 const c1 = sequence_uid()
 const c2 = sequence_uid()
 const c3 = sequence_uid()
@@ -12,6 +13,7 @@ const c3 = sequence_uid()
 <Layout title="Welcome to Astro.">
 	<main>
 		<h1>Astro <span class="text-gradient">UID</span> Scoped Components</h1>
+		<a href={`https://github.com/MicroWebStacks/astro-examples/tree/main/${proj}`} target="_blank">github project '{proj}'</a>
 		<p>Every component has a generated UID to scope its js code</p>
 		<h2>Time+Random UIDs</h2>
 		<p>Easiest variant, decentralized but not reproducible, new ids on reload</p>

Diff for: 03_sse-counter/src/pages/index.astro

@@ -0,0 +1,37 @@
+import {dirname, normalize, basename, sep,join} from 'path'
+let next_uid = 1
+
+function uid(){
+    return Date.now()+"_"+Math.floor(Math.random() * 10000)
+}
+  
+function suid(){
+    let date = (Date.now()).toString();
+    const sub = date.substring(date.length-6,date.length-1);
+    return sub+"_"+Math.floor(Math.random() * 10000)
+}
+
+function sequence_uid(){
+  const result = next_uid
+  next_uid += 1
+  return result
+}
+
+function rel_to_abs(reference,relative){
+    return join(dirname(normalize(reference)),relative).replace("file:\\","")
+}
+  
+function project_dir(url){
+    let project = rel_to_abs(url,"../..")
+    if(import.meta.env.PROD){
+        project = rel_to_abs(url,"..")
+    }
+    return basename(project)
+}
+
+export{
+    uid,
+    suid,
+    sequence_uid,
+    project_dir
+}

Diff for: 04_generic-components/.gitignore renamed to 04_client-counters/.gitignore

@@ -0,0 +1,37 @@
+import {dirname, normalize, basename, sep,join} from 'path'
+let next_uid = 1
+
+function uid(){
+    return Date.now()+"_"+Math.floor(Math.random() * 10000)
+}
+  
+function suid(){
+    let date = (Date.now()).toString();
+    const sub = date.substring(date.length-6,date.length-1);
+    return sub+"_"+Math.floor(Math.random() * 10000)
+}
+
+function sequence_uid(){
+  const result = next_uid
+  next_uid += 1
+  return result
+}
+
+function rel_to_abs(reference,relative){
+    return join(dirname(normalize(reference)),relative).replace("file:\\","")
+}
+  
+function project_dir(url){
+    let project = rel_to_abs(url,"../..")
+    if(import.meta.env.PROD){
+        project = rel_to_abs(url,"..")
+    }
+    return basename(project)
+}
+
+export{
+    uid,
+    suid,
+    sequence_uid,
+    project_dir
+}