+ vue/node_modules

+ vue/dist

+ FROM fedora:latest

+ 

+ RUN dnf -y upgrade \

+   && dnf -y install \

+   nginx \

+   make \

+   python3-requests \

+   python3-jinja2 \

+   npm \

+   cronie \

+   cronie-anacron

+ 

+ WORKDIR /usr/local/src/packages

+ 

+ RUN mkdir /srv/packages

+ ENV OUTPUT_DIR /srv/packages

+ 

+ RUN mkdir /etc/packages

+ ENV DB_DIR /etc/packages/repositories

+ ENV MAINTAINER_MAPPING /etc/packages/pagure_owner_alias.json

+ 

+ COPY . .

+ RUN chmod -R o+rx assets

+ 

+ RUN make setup-js \

+   && make js

+ 

+ COPY container/nginx.conf /etc/nginx/nginx.conf

+ COPY container/update-packages.sh /etc/cron.weekly/

+ 

+ # TODO: Figure out how to use a read-write volume for

+ #  one container that manages static files

+ #  and just serve from the rest with read-only mounts

+ VOLUME /srv/packages

+ EXPOSE 80

+ 

+ ENTRYPOINT [ "./container/entrypoint.sh" ]

+ 	@echo "js: generate js"

+ 	@echo "setup-js: get js dependencies"

+ all: sync-repositories fetch-maintainers html js

+ 

+ html-only: sync-repositories fetch-maintainers html

+ 	mkdir -p $(OUTPUT_DIR)/assets

+ 	cp -r assets/* $(OUTPUT_DIR)/assets

+ js:

+ 	cd vue && npm run prod

+ 	mkdir -p $(OUTPUT_DIR)/assets/js

+ 	cp vue/dist/* $(OUTPUT_DIR)/assets/js

+ 

+ js-dev:

+ 	cd vue && npm run build

+ 	mkdir -p $(OUTPUT_DIR)/assets/js

+ 	cp vue/dist/* $(OUTPUT_DIR)/assets/js

+ 

+ setup-js:

+ 	cd vue && npm i

+ 

+ * Install npm dependencies: `make setup-js`

+ 

+ .active {

+   background: lightgray;

+ }

+ 

+ ol, ul {

+   padding-left: 1.5em;

+ }

+     elif product == "epel" and int(version) < 8:

+     elif product == "epel" and int(version) >= 8:

+         return [

+                 ('{}/pub/epel/{}/Everything/x86_64/repodata/'.format(MIRROR, version), release),

+                 ('{}/pub/epel/testing/{}/Everything/x86_64/repodata'.format(MIRROR, version), release + "-testing"),

+                 ]

+ DBS_DIR=os.environ.get('DB_DIR') or "repositories"

+ SCM_MAINTAINER_MAPPING=os.environ.get('MAINTAINER_MAPPING') or "pagure_owner_alias.json"

+ #!/bin/sh

+ 

+ anacron -s

+ make html-only

+ nginx

+ user nginx;

+ worker_processes auto;

+ error_log /var/log/nginx/error.log;

+ pid /run/nginx.pid;

+ daemon off;

+ 

+ # Load dynamic modules. See /usr/share/doc/nginx/README.dynamic.

+ include /usr/share/nginx/modules/*.conf;

+ 

+ events {

+     worker_connections 1024;

+ }

+ 

+ http {

+     log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '

+                       '$status $body_bytes_sent "$http_referer" '

+                       '"$http_user_agent" "$http_x_forwarded_for"';

+ 

+     access_log  /var/log/nginx/access.log  main;

+ 

+     sendfile            on;

+     tcp_nopush          on;

+     tcp_nodelay         on;

+     keepalive_timeout   65;

+     types_hash_max_size 4096;

+ 

+     include             /etc/nginx/mime.types;

+     default_type        application/octet-stream;

+ 

+     # Load modular configuration files from the /etc/nginx/conf.d directory.

+     # See http://nginx.org/en/docs/ngx_core_module.html#include

+     # for more information.

+     include /etc/nginx/conf.d/*.conf;

+ 

+     server {

+         listen       80;

+         listen       [::]:80;

+         server_name  _;

+         root         /srv/packages;

+ 

+         # Load configuration files for the default server block.

+         include /etc/nginx/default.d/*.conf;

+ 

+         error_page 404 /404.html;

+             location = /40x.html {

+         }

+ 

+         error_page 500 502 503 504 /50x.html;

+             location = /50x.html {

+         }

+     }

+ 

+ }

+ #!/bin/sh

+ 

+ cd /usr/local/src/packages

+ make html-only

+ 					<a href="/">

+ 						<div class="col-md-6">

+ 							<img src="../../assets/images/logo.png" style="margin-top: -30px;">

+ 						</div>

+ 					</a>

+ 				<li class="list-group-item max-width">

+ 					<a href="https://bodhi.fedoraproject.org/updates/{{ pkg.source() }}">

+ 						<img src="../../assets/images/16_bodhi.png" height="16" width="16">

+ 						Bodhi

+ 					</a>

+ 				</li>

+ 				<li class="list-group-item max-width">

+ 					<a href="https://bugzilla.redhat.com/buglist.cgi?component={{ pkg.source()}}&query_format=advanced&product=Fedora&bug_status=NEW&bug_status=ASSIGNED&bug_status=REOPENED">

+ 						<img src="../../assets/images/16_bugzilla.png" height="16" width="16">

+ 						Bugzilla

+ 					</a>

+ 				</li>

+ 				<li class="list-group-item max-width">

+ 					<a href="https://retrace.fedoraproject.org/faf/problems/?component_pkg.names={{ pkg.source() }}">

+ 						<img src="../../assets/images/16_abrt.png" height="16" width="16">

+ 						FAF

+ 					</a>

+ 				</li>

+ 				<li class="list-group-item max-width">

+ 					<a href="http://koji.fedoraproject.org/koji/search?match=glob&type=package&terms={{ pkg.source() }}">

+ 						<img src="../../assets/images/16_koji.png" height="16" width="16">

+ 						Koji

+ 					</a>

+ 				</li>

+ 				<li class="list-group-item max-width">

+ 					<a href="https://src.fedoraproject.org/rpms/{{ pkg.source() }}">

+ 						<img src="../../assets/images/git-logo.png" height="16" width="16">

+ 						SCM

+ 					</a>

+ 				</li>

+ 			<div id="vue">

+ 				<hr />

+ 						<h3>Releases Overview</h3>

+ 						<datagrepper></datagrepper>

+ 						<b>Package Info</b>

+ 							{% if pkg.maintainers | length == 1 %}

+ 							<li>Maintainer:{% for fas in pkg.maintainers %} {{ fas }}{% endfor %}</li>

+ 							{% else %}

+ 							<li>Maintainers:{% for fas in pkg.maintainers %} {{ fas }}{{ "," if not loop.last }}{% endfor %}</li>

+ 							{% endif %}

+ 						<b>Subpackages</b>

+ 						{% endif %}

+ 						<hr />

+ 						<p>

+ 						You can contact the maintainers of this package at

+ 						<code>{{ pkg.source() }} dash owner at fedoraproject dot org</code>.

+ 						</p>

+ 	<script src="../../assets/js/main.js"></script>

+ module.exports = {

+   root: true,

+   parser: "@typescript-eslint/parser",

+   plugins: ["@typescript-eslint"],

+   parserOptions: {

+     tsconfigRootDir: __dirname,

+     project: ["./tsconfig.json"],

+   },

+   extends: [

+     "eslint:recommended",

+     "plugin:@typescript-eslint/recommended",

+     'plugin:@typescript-eslint/recommended-requiring-type-checking',

+   ],

+ };

+ {

+   "name": "fedora-packages-static",

+   "version": "1.0.0",

+   "description": "",

+   "main": "index.js",

+   "scripts": {

+     "lint": "eslint src/**/*.ts",

+     "build": "webpack-cli",

+     "prod": "webpack-cli --config webpack.prod.js"

+   },

+   "author": "",

+   "repository": "https://pagure.io/fedora-packages-static",

+   "license": "SEE LICENSE IN LICENSE",

+   "devDependencies": {

+     "@typescript-eslint/eslint-plugin": "^4.6.0",

+     "@typescript-eslint/parser": "^4.6.0",

+     "eslint": "^7.12.1",

+     "fork-ts-checker-webpack-plugin": "^5.2.1",

+     "ts-loader": "^8.0.7",

+     "typescript": "^4.0.5",

+     "vue-loader": "^15.9.4",

+     "vue-template-compiler": "^2.6.12",

+     "webpack": "^5.3.2",

+     "webpack-cli": "^4.1.0",

+     "webpack-merge": "^5.3.0"

+   },

+   "dependencies": {

+     "vue": "^2.6.12"

+   }

+ }

+ <template>

+   <div>

+     <h2>Recent Activity</h2>

+     <div v-if="errMsg">{{ errMsg }}</div>

+     <div v-else-if="messages.length">

+       <table class="table">

+         <tbody>

+           <tr v-for="message in messages" :key="message.id">

+             <td><a :href="message.link"><img :src="message.icon" height="30" width="30"></a></td>

+             <td>{{ message.subtitle }} <span style="color: grey;">{{ message.date }}</span></td>

+           </tr>

+         </tbody>

+       </table>

+     </div>

+     <div v-else>Loading...</div>

+     <div id="scrollTrigger"></div>

+   </div>

+ </template>

+ <script lang="ts">

+ import Vue from "vue";

+ import {DgConnector, Messages} from "./datagrepper";

+ 

+ const dgConnector = new DgConnector("https://apps.fedoraproject.org/datagrepper");

+ 

+ export default Vue.extend({

+   data() {

+     return {

+       errMsg: "",

+       messages: [] as Messages[],

+       pages: 0,

+       currentPage: 0

+     };

+   },

+   mounted() {

+     this.loadPage();

+     this.setupObserver();

+   },

+   methods: {

+     async loadPage(page?: number) {

+       const dgData = await dgConnector.getMessages(

+         // @ts-ignore

+         this.$package,

+         { page }

+       );

+       if (typeof dgData !== "object") {

+         this.errMsg = dgData;

+         return;

+       }

+ 

+       this.messages = this.messages.concat(dgData.messages);

+       this.pages = dgData.pages;

+       this.currentPage = dgData.page;

+     },

+     setupObserver() {

+       const observer = new IntersectionObserver(this.loadMore, { threshold: 1 });

+       const scrollTrigger = document.querySelector('#scrollTrigger');

+       if (scrollTrigger) {

+         observer.observe(scrollTrigger);

+       }

+     },

+     async loadMore(entries: IntersectionObserverEntry[]) {

+       if (this.errMsg || !this.messages.length) {

+         return;

+       }

+ 

+       if (this.currentPage === this.pages) {

+         return;

+       }

+ 

+       if (!entries[0].isIntersecting) {

+         return;

+       }

+ 

+       await this.loadPage(this.currentPage + 1);

+     }

+   },

+ });

+ </script>

+ import { DatagrepperResult, Meta } from "./types/datagrepper";

+ 

+ export class DgConnector {

+     endpoint: string;

+ 

+     constructor(dgEndpoint: string) {

+         this.endpoint = dgEndpoint;

+     }

+ 

+     async getMessages(packageName: string, opts?: { page?: number }) {

+         const queryURL = new URL(this.endpoint);

+         queryURL.pathname += "/raw";

+         queryURL.searchParams.append("package", packageName);

+         queryURL.searchParams.append("meta", "subtitle");

+         queryURL.searchParams.append("meta", "link");

+         queryURL.searchParams.append("meta", "icon");

+         queryURL.searchParams.append("meta", "date");

+         queryURL.searchParams.append("not_topic", "org.fedoraproject.prod.mdapi.repo.update");

+         queryURL.searchParams.append("not_topic", "org.fedoraproject.prod.buildsys.rpm.sign");

+         queryURL.searchParams.append("not_topic", "org.fedoraproject.prod.buildsys.tag");

+         queryURL.searchParams.append("not_topic", "org.fedoraproject.prod.buildsys.untag");

+         queryURL.searchParams.append("not_topic", "org.fedoraproject.prod.buildsys.package.list.change");

+         if (opts?.page) {

+             queryURL.searchParams.append("page", String(opts.page));

+         }

+ 

+         try {

+             const request = await fetch(queryURL.href);

+             if (!request.ok) {

+                 console.error("Request error:", request);

+                 return "Error: Could not connect to Datagrepper";

+             }

+             const response = await request.json() as DatagrepperResult;

+ 

+             let messages = [] as Messages[];

+             for (const msg of response.raw_messages) {

+                 messages.push({...msg.meta, id: msg.msg_id});

+             }

+             

+             return {

+                 messages,

+                 pages: response.pages,

+                 page: response.arguments.page,

+             }

+         } catch (e) {

+             return String(e);

+         }

+     }

+ }

+ 

+ export interface Messages extends Meta {

+     id: string;

+ } 

+ import Vue from "vue";

+ import Datagrepper from "./Datagrepper.vue";

+ 

+ function init(): void {

+     const packageName = window.location.pathname.match(/\/pkgs\/(.+)\//);

+     if (!packageName) {

+         console.error("Could not find package name!");

+         return;

+     }

+ 

+     Vue.prototype.$package = packageName[1];

+ 

+     new Vue({

+         el: "#vue",

+         components: {

+             Datagrepper

+         }

+     });

+ }

+ 

+ init();

+ export interface DatagrepperResult {

+     arguments:    Arguments;

+     count:        number;

+     pages:        number;

+     raw_messages: RawMessage[];

+     total:        number;

+ }

+ 

+ export interface Arguments {

+     categories:     string[];

+     contains:       string[];

+     delta?:         number;

+     end?:           number;

+     grouped:        boolean;

+     meta:           string[];

+     not_categories: string[];

+     not_packages:   string[];

+     not_topics:     string[];

+     not_users:      string[];

+     order:          string;

+     packages:       string[];

+     page:           number;

+     rows_per_page:  number;

+     start?:         number;

+     topics:         string[];

+     users:          string[];

+ }

+ 

+ export interface RawMessage {

+     certificate:    string;

+     crypto:         string;

+     headers:        {};

+     i:              number;

+     meta:           Meta;

+     msg:            Msg;

+     msg_id:         string;

+     signature:      string;

+     source_name:    string;

+     source_version: string;

+     timestamp:      number;

+     topic:          string;

+     username:       string;

+ }

+ 

+ export interface Meta {

+     icon:     string;

+     link:     string;

+     subtitle: string;

+     date:     string;

+ }

+ 

+ export interface Msg {

+     [key: string]: any;

+ }

+ declare module "*.vue" {

+     import Vue, { VueConstructor } from "vue";

+     export default Vue;

+ }

+ {

+   "compilerOptions": {

+     /* Basic Options */

+     // "incremental": true,                   /* Enable incremental compilation */

+     "target": "es5",                          /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', or 'ESNEXT'. */

+     "module": "es2015",                     /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */

+     "lib": ["DOM", "ES6"],                             /* Specify library files to be included in the compilation. */

+     // "allowJs": true,                       /* Allow javascript files to be compiled. */

+     // "checkJs": true,                       /* Report errors in .js files. */

+     // "jsx": "preserve",                     /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */

+     // "declaration": true,                   /* Generates corresponding '.d.ts' file. */

+     // "declarationMap": true,                /* Generates a sourcemap for each corresponding '.d.ts' file. */

+     // "sourceMap": true,                     /* Generates corresponding '.map' file. */

+     // "outFile": "./",                       /* Concatenate and emit output to single file. */

+     // "outDir": "./",                        /* Redirect output structure to the directory. */

+     // "rootDir": "./",                       /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */

+     // "composite": true,                     /* Enable project compilation */

+     // "tsBuildInfoFile": "./",               /* Specify file to store incremental compilation information */

+     // "removeComments": true,                /* Do not emit comments to output. */

+     // "noEmit": true,                        /* Do not emit outputs. */

+     // "importHelpers": true,                 /* Import emit helpers from 'tslib'. */

+     // "downlevelIteration": true,            /* Provide full support for iterables in 'for-of', spread, and destructuring when targeting 'ES5' or 'ES3'. */

+     // "isolatedModules": true,               /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */

+ 

+     /* Strict Type-Checking Options */

+     "strict": true,                           /* Enable all strict type-checking options. */

+     // "noImplicitAny": true,                 /* Raise error on expressions and declarations with an implied 'any' type. */

+     // "strictNullChecks": true,              /* Enable strict null checks. */

+     // "strictFunctionTypes": true,           /* Enable strict checking of function types. */

+     // "strictBindCallApply": true,           /* Enable strict 'bind', 'call', and 'apply' methods on functions. */

+     // "strictPropertyInitialization": true,  /* Enable strict checking of property initialization in classes. */

+     // "noImplicitThis": true,                /* Raise error on 'this' expressions with an implied 'any' type. */

+     // "alwaysStrict": true,                  /* Parse in strict mode and emit "use strict" for each source file. */

+ 

+     /* Additional Checks */

+     // "noUnusedLocals": true,                /* Report errors on unused locals. */

+     // "noUnusedParameters": true,            /* Report errors on unused parameters. */

+     // "noImplicitReturns": true,             /* Report error when not all code paths in function return a value. */

+     // "noFallthroughCasesInSwitch": true,    /* Report errors for fallthrough cases in switch statement. */

+ 

+     /* Module Resolution Options */

+     "moduleResolution": "node",            /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */

+     // "baseUrl": "./",                       /* Base directory to resolve non-absolute module names. */

+     // "paths": {},                           /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */

+     // "rootDirs": [],                        /* List of root folders whose combined content represents the structure of the project at runtime. */

+     // "typeRoots": [],                       /* List of folders to include type definitions from. */

+     // "types": [],                           /* Type declaration files to be included in compilation. */

+     // "allowSyntheticDefaultImports": true,  /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */

+     "esModuleInterop": true,                  /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */

+     // "preserveSymlinks": true,              /* Do not resolve the real path of symlinks. */

+     // "allowUmdGlobalAccess": true,          /* Allow accessing UMD globals from modules. */

+ 

+     /* Source Map Options */

+     // "sourceRoot": "",                      /* Specify the location where debugger should locate TypeScript files instead of source locations. */

+     // "mapRoot": "",                         /* Specify the location where debugger should locate map files instead of generated locations. */

+     // "inlineSourceMap": true,               /* Emit a single file with source maps instead of having a separate file. */

+     // "inlineSources": true,                 /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */

+ 

+     /* Experimental Options */

+     // "experimentalDecorators": true,        /* Enables experimental support for ES7 decorators. */

+     // "emitDecoratorMetadata": true,         /* Enables experimental support for emitting type metadata for decorators. */

+ 

+     /* Advanced Options */

+     "forceConsistentCasingInFileNames": true  /* Disallow inconsistently-cased references to the same file. */

+   }

+ }

+ const path = require("path");

+ const VueLoaderPlugin = require("vue-loader/lib/plugin");

+ const ForkTsCheckerWebpackPlugin = require("fork-ts-checker-webpack-plugin");

+ 

+ module.exports = {

+   mode: "development",

+   devtool: "source-map",

+   entry: "./src/index.ts",

+   module: {

+     rules: [

+       {

+         test: /\.tsx?$/,

+         loader: "ts-loader",

+         options: {

+           appendTsSuffixTo: [/\.vue$/],

+           transpileOnly: true

+         },

+         exclude: /node_modules/

+       },

+       {

+         test: /\.vue$/,

+         loader: "vue-loader"

+       }

+     ]

+   },

+   plugins: [

+     new VueLoaderPlugin(),

+     new ForkTsCheckerWebpackPlugin()

+   ],

+   resolve: {

+     extensions: [

+       ".js",

+       ".jsx",

+       ".vue",

+       ".json",

+       ".ts",

+       ".tsx"

+     ],

+     modules: ["node_modules"],

+     alias: {

+       'vue$': 'vue/dist/vue.esm.js'

+     }

+   }

+ };

+ const merge = require('webpack-merge');

+ const common = require('./webpack.config.js');

+ 

+ module.exports = merge(common, {

+   mode: "production",

+   devtool: "none"

+ });