p5.zine 0.0.1 → 0.0.2

package/package.json

@@ -1,14 +1,31 @@
 {
   "name": "p5.zine",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "p5.zine is an open-sourced and friendly library for anyone curious about creative code and zine-making.",
-  "main": "main.js",
+  "main": "dist/p5.zine.js",
+  "browser": "dist/p5.zine.js",
+  "unpkg": "dist/p5.zine.js",
+  "jsdelivr": "dist/p5.zine.js",
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
   "scripts": {
     "build": "node build.js",
     "dev": "node build.js --watch --serve --dev",
     "preview": "node build.js --serve --dev",
     "test": "node build.js && node scripts/smoke-test.js",
-    "publish": "npm publish --access public"
+    "prepublishOnly": "npm run build",
+    "release": "npm publish"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/munusshih/p5.zine.git"
+  },
+  "homepage": "https://github.com/munusshih/p5.zine",
+  "bugs": {
+    "url": "https://github.com/munusshih/p5.zine/issues"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -21,6 +38,7 @@
     "zine-coding"
   ],
   "author": "Munus Shih, Tuan Huang, Iley Cao",
+  "sideEffects": true,
   "license": "GPL-3.0-only",
   "devDependencies": {
     "esbuild": "^0.24.0"

package/.github/workflows/build.yml

@@ -1,27 +0,0 @@
-name: Build and Deploy
-
-on:
-  push:
-    branches:
-      - main
-  pull_request:
-    branches:
-      - main
-
-jobs:
-  build:
-    runs-on: ubuntu-latest
-
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v3
-
-      - name: Set up Node.js
-        uses: actions/setup-node@v3
-        with:
-          node-version: '16'
-
-      - name: Install dependencies and build
-        run: |
-          npm install
-          npm run build

package/build.js

@@ -1,77 +0,0 @@
-const esbuild = require("esbuild");
-
-// Define the banner content
-const banner = `/* ==========================================================
- *
- * p5.zine
- * Copyright (c) 2026 Munus Shih, Tuan Huang, Iley Cao
- *
- * Licensed under GNU General Public License.
- * https://www.gnu.org/licenses
- ===========================================================*/`;
-
-const args = new Set(process.argv.slice(2));
-const isWatch = args.has("--watch");
-const isServe = args.has("--serve");
-const isDev = args.has("--dev") || isWatch || isServe;
-
-const host = process.env.HOST || "localhost";
-const port = process.env.PORT ? Number(process.env.PORT) : 3000;
-
-const buildOptions = {
-  entryPoints: {
-    "p5.zine": "src/index.modern.js",
-    "p5.zine.legacy": "src/index.legacy.js",
-  },
-  bundle: true,
-  minify: !isDev,
-  sourcemap: isDev ? "inline" : false,
-  outdir: "dist",
-  legalComments: "inline",
-  banner: {
-    js: banner,
-  },
-  logLevel: "info",
-  color: true,
-  loader: {
-    ".html": "text",
-    ".css": "text",
-  },
-};
-
-async function run() {
-  if (!isWatch && !isServe) {
-    try {
-      await esbuild.build(buildOptions);
-      console.log("Build successful! 🎉");
-    } catch (error) {
-      console.error("❌ Build failed: ", error);
-      process.exit(1);
-    }
-    return;
-  }
-
-  const ctx = await esbuild.context(buildOptions);
-
-  if (isServe) {
-    const server = await ctx.serve({
-      servedir: ".",
-      host,
-      port,
-    });
-
-    console.log(
-      `Serving on http://${server.host}:${server.port} (open /test/index.html or /test/index.legacy.html)`,
-    );
-  }
-
-  if (isWatch) {
-    await ctx.watch();
-    console.log("Watching for changes...");
-  }
-}
-
-run().catch((error) => {
-  console.error("❌ Build failed: ", error);
-  process.exit(1);
-});

package/scripts/smoke-test.js

@@ -1,53 +0,0 @@
-const fs = require("fs");
-const path = require("path");
-const assert = require("assert");
-
-const root = path.resolve(__dirname, "..");
-const distModern = path.join(root, "dist", "p5.zine.js");
-const distLegacy = path.join(root, "dist", "p5.zine.legacy.js");
-const testModern = path.join(root, "test", "index.html");
-const testLegacy = path.join(root, "test", "index.legacy.html");
-
-function fileExists(filePath) {
-  try {
-    fs.accessSync(filePath, fs.constants.F_OK);
-    return true;
-  } catch (error) {
-    return false;
-  }
-}
-
-assert.ok(fileExists(distModern), "dist/p5.zine.js does not exist. Run npm run build first.");
-assert.ok(fileExists(distLegacy), "dist/p5.zine.legacy.js does not exist. Run npm run build first.");
-
-const modernStat = fs.statSync(distModern);
-const legacyStat = fs.statSync(distLegacy);
-assert.ok(modernStat.size > 0, "dist/p5.zine.js is empty.");
-assert.ok(legacyStat.size > 0, "dist/p5.zine.legacy.js is empty.");
-
-const modernContent = fs.readFileSync(distModern, "utf8");
-const legacyContent = fs.readFileSync(distLegacy, "utf8");
-assert.ok(
-  modernContent.includes("p5.zine"),
-  "dist/p5.zine.js does not include expected library banner/string."
-);
-assert.ok(
-  legacyContent.includes("p5.zine"),
-  "dist/p5.zine.legacy.js does not include expected library banner/string."
-);
-
-assert.ok(fileExists(testModern), "test/index.html is missing.");
-assert.ok(fileExists(testLegacy), "test/index.legacy.html is missing.");
-
-const testModernHtml = fs.readFileSync(testModern, "utf8");
-const testLegacyHtml = fs.readFileSync(testLegacy, "utf8");
-assert.ok(
-  testModernHtml.includes("../dist/p5.zine.js"),
-  "test/index.html does not reference ../dist/p5.zine.js."
-);
-assert.ok(
-  testLegacyHtml.includes("../dist/p5.zine.legacy.js"),
-  "test/index.legacy.html does not reference ../dist/p5.zine.legacy.js."
-);
-
-console.log("Smoke test passed ✅");

package/src/adapters/p5-1.js

@@ -1,65 +0,0 @@
-import { zineAddon } from "../zine.js";
-import { customAddon } from "../custom.js";
-
-function registerLegacyHooks(lifecycles) {
-  if (typeof p5 === "undefined") {
-    return;
-  }
-  if (typeof p5.prototype.registerMethod !== "function") {
-    return;
-  }
-
-  if (lifecycles.presetup) {
-    p5.prototype.registerMethod("beforeSetup", lifecycles.presetup);
-  }
-  if (lifecycles.postsetup) {
-    p5.prototype.registerMethod("afterSetup", lifecycles.postsetup);
-  }
-  if (lifecycles.predraw) {
-    p5.prototype.registerMethod("pre", lifecycles.predraw);
-  }
-  if (lifecycles.postdraw) {
-    p5.prototype.registerMethod("post", lifecycles.postdraw);
-  }
-  if (lifecycles.remove) {
-    p5.prototype.registerMethod("remove", lifecycles.remove);
-  }
-}
-
-function registerLegacyAddon() {
-  if (typeof p5 === "undefined") {
-    return;
-  }
-
-  const lifecycles = {};
-  zineAddon(p5, p5.prototype, lifecycles);
-  customAddon(p5, p5.prototype);
-  const originalInitZine = p5.prototype.initZine;
-  p5.prototype.initZine = function() {
-    if (typeof originalInitZine === "function") {
-      originalInitZine.call(this);
-    }
-
-    if (typeof window === "undefined") {
-      return;
-    }
-
-    const pages = ["cover", "one", "two", "three", "back"];
-    pages.forEach((key) => {
-      if (this[key]) {
-        window[key] = this[key];
-      }
-    });
-
-    if (this.selfie) {
-      window.selfie = this.selfie;
-    }
-
-    if (this.all) {
-      window.all = this.all;
-    }
-  };
-  registerLegacyHooks(lifecycles);
-}
-
-registerLegacyAddon();

package/src/adapters/p5-2.js

@@ -1,46 +0,0 @@
-import { zineAddon } from "../zine.js";
-import { customAddon } from "../custom.js";
-
-function registerLegacyHooks(lifecycles) {
-  if (typeof p5 === "undefined") {
-    return;
-  }
-  if (typeof p5.prototype.registerMethod !== "function") {
-    return;
-  }
-
-  if (lifecycles.presetup) {
-    p5.prototype.registerMethod("beforeSetup", lifecycles.presetup);
-  }
-  if (lifecycles.postsetup) {
-    p5.prototype.registerMethod("afterSetup", lifecycles.postsetup);
-  }
-  if (lifecycles.predraw) {
-    p5.prototype.registerMethod("pre", lifecycles.predraw);
-  }
-  if (lifecycles.postdraw) {
-    p5.prototype.registerMethod("post", lifecycles.postdraw);
-  }
-  if (lifecycles.remove) {
-    p5.prototype.registerMethod("remove", lifecycles.remove);
-  }
-}
-
-function registerModernAddon() {
-  if (typeof p5 === "undefined") {
-    return;
-  }
-
-  if (typeof p5.registerAddon === "function") {
-    p5.registerAddon(zineAddon);
-    p5.registerAddon(customAddon);
-    return;
-  }
-
-  const lifecycles = {};
-  zineAddon(p5, p5.prototype, lifecycles);
-  customAddon(p5, p5.prototype);
-  registerLegacyHooks(lifecycles);
-}
-
-registerModernAddon();