rename project

jmjuanes · jmjuanes · commit 5323d89c27a9 · 2023-11-15T20:10:36.000+01:00
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -6,7 +6,7 @@ on:
 
 jobs:
   deploy:
-    if: ${{ github.repository == 'jmjuanes/viz' }}
+    if: ${{ github.repository == 'jmjuanes/vizjar' }}
     # Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
     permissions:
       pages: write
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
@@ -6,7 +6,7 @@ on:
 jobs:
   release:
     name: Release
-    if: ${{ github.repository == 'jmjuanes/viz' }}
+    if: ${{ github.repository == 'jmjuanes/vizjar' }}
     runs-on: ubuntu-latest
     ## Set permissions to the github token
     ## https://github.com/softprops/action-gh-release#permissions 
@@ -18,7 +18,7 @@ jobs:
 
   publish:
     name: Publish
-    if: ${{ github.repository == 'jmjuanes/viz' }}
+    if: ${{ github.repository == 'jmjuanes/vizjar' }}
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v3
diff --git a/README.md b/README.md
@@ -1,10 +1,10 @@
-# viz
+# VizJar
 
-**Viz** is a JavaScript plotting library for the web, designed to simplify the process of creating visualizations. It follows a declarative approach and is rooted in the principles of the Grammar of Graphics, making it intuitive and powerful for users of all levels.
+**VizJar** is a JavaScript plotting library for the web, designed to simplify the process of creating visualizations. It follows a declarative approach and is rooted in the principles of the Grammar of Graphics, making it intuitive and powerful for users of all levels.
 
 ## Try it
 
-We are working on a playground pp that you can use to try **viz**.
+We are working on a playground app that you can use to try **vizjar**.
 
 ## Getting Started
 
@@ -14,16 +14,16 @@ You can add it to your project using YARN or NPM:
 
 ```bash
 ## Install using NPM
-$ npm install --save viz-js
+$ npm install --save vizjar
 
 ## Install using YARN
-$ yarn add viz-js
+$ yarn add vizjar
 ```
 
 ### Usage
 
 ```javascript
-import viz from "viz-js";
+import viz from "vizjar";
 
 // 1. Get the element where the plot will be displayed
 const parent = document.getElementById("root");
diff --git a/package.json b/package.json
@@ -1,17 +1,17 @@
 {
-    "name": "viz-js",
+    "name": "vizjar",
     "version": "0.0.1",
     "type": "module",
     "description": "Micro visualization toolkit for building interactive graphics for data exploration.",
-    "repository": "https://github.com/jmjuanes/viz.git",
-    "homepage": "https://www.josemi.xyz/viz",
+    "repository": "https://github.com/jmjuanes/vizjar.git",
+    "homepage": "https://www.josemi.xyz/vizjar",
     "author": "Josemi Juanes <hello@josemi.xyz>",
-    "bugs": "https://github.com/jmjuanes/viz/issues",
-    "main": "viz.js",
-    "module": "viz.js",
+    "bugs": "https://github.com/jmjuanes/vizjar/issues",
+    "main": "vizjar.js",
+    "module": "vizjar.js",
     "exports": {
-        ".": "./viz.js",
-        "./viz.js": "./viz.js",
+        ".": "./vizjar.js",
+        "./viz.js": "./vizjar.js",
         "./package.json": "./package.json"
     },
     "scripts": {
@@ -20,7 +20,7 @@
     "files": [
         "README.md",
         "LICENSE",
-        "viz.js"
+        "vizjar.js"
     ],
     "license": "MIT",
     "devDependencies": {
diff --git a/playground.html b/playground.html
@@ -2,7 +2,7 @@
     <head>
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no">
-        <title>Viz Playground</title>
+        <title>VizJar Playground</title>
         <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:wght@700&display=swap">
         <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lato:wght@400;500;700&display=swap">
         <link rel="stylesheet" href="./node_modules/lowcss/dist/low.css">
@@ -24,15 +24,15 @@
         </div>
         <!-- Editor code -->
         <script type="module">
-            import viz from "./viz.js";
+            import vizjar from "./vizjar.js";
             import * as CodeCake from "./node_modules/codecake/codecake.js";
 
             const AsyncFunction = Object.getPrototypeOf(async function (){}).constructor;
             const editorParent = document.getElementById("playground:editor"); 
             const resultParent = document.getElementById("playground:result");
 
             const editor = CodeCake.create(editorParent, {
-                code: window.localStorage.getItem("viz:playground:code") || "",
+                code: window.localStorage.getItem("vizjar:code") || "",
                 language: "javascript",
                 className: `codecake-dark h-full`,
                 readOnly: false,
@@ -42,17 +42,16 @@
 
             // On code change, save data in local storage
             editor.onChange(code => {
-                console.log("save");
-                window.localStorage.setItem("viz:playground:code", code);
+                window.localStorage.setItem("vizjar:code", code);
             });
 
             // Register listener to execute code
             document.getElementById("playground:run").addEventListener("click", async () => {
                 resultParent.replaceChildren();
                 const code = `return (async () => {${editor.getCode()}})();`;
                 try {
-                    const fn = new AsyncFunction("viz", code);
-                    const scene = await fn.call(null, viz);
+                    const fn = new AsyncFunction("vizjar", code);
+                    const scene = await fn.call(null, vizjar);
                     resultParent.appendChild(scene);
                 }
                 catch(error) {
diff --git a/vizjar.js b/vizjar.js
