@tsparticles/template-404 4.1.3

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 Matteo Bruni
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "@tsparticles/template-404",
+  "version": "4.1.3",
+  "private": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "prebuild": "node scripts/prebuild.js",
+    "build": "pnpm run prebuild",
+    "build:ci": "pnpm run prebuild"
+  },
+  "gitHead": "9b666025d968f6551b02397a0c5223766fb14d6b"
+}

package/scripts/prebuild.js

@@ -0,0 +1,64 @@
+const fs = require("fs-extra");
+
+const libPackage = "./template.json";
+
+const workspaceVersions = {
+  "@tsparticles/engine": require("../../../engine/package.json").version,
+  "@tsparticles/slim": require("../../../bundles/slim/package.json").version,
+};
+
+function resolveWorkspaceDependency(name) {
+  const libObj = JSON.parse(fs.readFileSync(libPackage, "utf-8"));
+
+  const allDeps = {
+    ...libObj.package.dependencies,
+    ...libObj.package.devDependencies,
+  };
+
+  const spec = allDeps[name];
+
+  if (!spec?.startsWith("workspace:")) {
+    return spec;
+  }
+
+  const workspaceRange = spec.replace("workspace:", "");
+
+  if (workspaceRange.length > 0 && workspaceRange !== "*" && workspaceRange !== "^" && workspaceRange !== "~") {
+    return workspaceRange;
+  }
+
+  const version = workspaceVersions[name];
+
+  if (!version) {
+    throw new Error(`Cannot resolve workspace dependency version for ${name}`);
+  }
+
+  return workspaceRange === "^" || workspaceRange === "~" ? `${workspaceRange}${version}` : `^${version}`;
+}
+
+fs.readFile(libPackage, function (error, data) {
+  if (error) {
+    throw error;
+  }
+
+  const text = data.toString();
+  const libObj = JSON.parse(text);
+
+  for (const dep of Object.keys(libObj.package.dependencies)) {
+    const resolved = resolveWorkspaceDependency(dep);
+    if (resolved) {
+      libObj.package.dependencies[dep] = resolved;
+    }
+  }
+
+  for (const dep of Object.keys(libObj.package.devDependencies)) {
+    const resolved = resolveWorkspaceDependency(dep);
+    if (resolved) {
+      libObj.package.devDependencies[dep] = resolved;
+    }
+  }
+
+  fs.writeFile(libPackage, JSON.stringify(libObj, undefined, 2), "utf-8", function () {
+    console.log("template.json dependencies updated successfully");
+  });
+});

package/template/vanilla/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 Matteo Bruni
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/template/vanilla/README.md

@@ -0,0 +1,10 @@
+# {{projectName}}
+
+A tsParticles 404 error page scaffolded with [tsparticles-create](https://github.com/tsparticles/tsparticles).
+
+## Getting started
+
+```bash
+npm install
+npm run dev
+```

package/template/vanilla/gitignore

@@ -0,0 +1,14 @@
+# dependencies
+/node_modules
+
+# production
+/dist
+
+# misc
+.DS_Store
+*.local
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

package/template/vanilla/index.html

@@ -0,0 +1,18 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>{{projectName}} - 404 Not Found</title>
+  </head>
+  <body>
+    <div class="container">
+      <div class="content">
+        <p class="error-code">404</p>
+        <p class="message">The page you are looking for was moved, removed, renamed or might never have existed.</p>
+        <a href="/" class="home-link">Go back home</a>
+      </div>
+    </div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

package/template/vanilla/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "{{projectName}}",
+  "private": true,
+  "version": "1.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview"
+  }
+}

package/template/vanilla/src/main.ts

@@ -0,0 +1,48 @@
+import "./style.css";
+import { tsParticles } from "@tsparticles/engine";
+import { loadSlim } from "@tsparticles/slim";
+
+(async () => {
+  await loadSlim(tsParticles);
+
+  await tsParticles.load({
+    id: "tsparticles",
+    options: {
+      fullScreen: { enable: true, zIndex: -1 },
+      particles: {
+        number: { value: 50 },
+        color: {
+          value: [
+            "#3998D0", "#2EB6AF", "#A9BD33", "#FEC73B",
+            "#F89930", "#F45623", "#D62E32", "#EB586E", "#9952CF"
+          ]
+        },
+        shape: { type: "circle" },
+        opacity: {
+          value: 0.8,
+          random: { enable: true, minimumValue: 0.4 }
+        },
+        size: {
+          value: 400,
+          random: { enable: true, minimumValue: 200 },
+          animation: {
+            enable: true,
+            speed: 100,
+            minimumValue: 200,
+            sync: false
+          }
+        },
+        move: {
+          enable: true,
+          speed: 10,
+          direction: "top",
+          random: false,
+          straight: false,
+          outModes: { default: "out" }
+        }
+      },
+      background: { color: "#ffffff" },
+      detectRetina: true
+    }
+  });
+})();

package/template/vanilla/src/style.css

@@ -0,0 +1,63 @@
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+body {
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  min-height: 100vh;
+  position: relative;
+}
+
+.container {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  text-align: center;
+  z-index: 10;
+  width: 100%;
+  padding: 1rem;
+}
+
+.error-code {
+  font-family: "Share Tech Mono", monospace;
+  font-weight: 900;
+  text-transform: uppercase;
+  letter-spacing: 0.7em;
+  font-size: 2rem;
+  padding: 0 0 0 1.4em;
+  color: #000;
+  margin-bottom: 1rem;
+}
+
+.message {
+  font-family: "Space Mono", monospace;
+  line-height: 1.8;
+  font-size: 0.9rem;
+  letter-spacing: 0.15rem;
+  color: #000;
+  max-width: 500px;
+  margin: 0 auto 2rem;
+  padding: 0 1rem;
+}
+
+.home-link {
+  display: inline-block;
+  padding: 0.8em 2em;
+  border: 1px solid #000;
+  color: #000;
+  text-decoration: none;
+  font-family: "Space Mono", monospace;
+  text-transform: uppercase;
+  font-size: 0.75rem;
+  letter-spacing: 0.1rem;
+  transition: all 0.3s;
+  position: relative;
+}
+
+.home-link:hover {
+  background: #000;
+  color: #fff;
+}

package/template/vanilla/tsconfig.json

@@ -0,0 +1,19 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src"]
+}

package/template/vanilla/vite.config.ts

@@ -0,0 +1,5 @@
+import { defineConfig } from "vite";
+
+export default defineConfig({
+  base: "./",
+});

package/template.json

@@ -0,0 +1,12 @@
+{
+  "package": {
+    "dependencies": {
+      "@tsparticles/engine": "^4.1.3",
+      "@tsparticles/slim": "^4.1.3"
+    },
+    "devDependencies": {
+      "typescript": "^6.0.3",
+      "vite": "^8.0.14"
+    }
+  }
+}