Version 0 du site publi.codes

Développé dans le repo mon-entreprise.fr mais publié sur
https://publi.codes

1ère version : afficher un extrait de code des deux applications
d'exemple

Faire un lien vers le wiki, nettoyé.

2ème version : rendre éditable ce code, avec un widget à côté qui est
mis à jour automatiquement quand on change un taux, une formule. C'est
le côté "publi" et moderne de la plateforme.

source/server.js

@@ -15,12 +15,12 @@ const rewrite = basename => ({
 app.get('/', function(req, res) {
 	res.send(`<ul><li><a href="/mon-entreprise">mon-entreprise [fr]</a></li>
 	<li><a href="/infrance">infrance [en]</a></li>
-	<li><a href="/mon-entreprise/dev/integration-test">intégration du simulateur sur site tiers [iframe fr]</a></li></ul>`)
+	<li><a href="/mon-entreprise/dev/integration-test">intégration du simulateur sur site tiers [iframe fr]</a></li><li><a href="/publicodes">publicodes</a></li><</ul>`)
 })
 
 app.use(
 	history({
-		rewrites: ['infrance', 'mon-entreprise'].map(rewrite)
+		rewrites: ['infrance', 'mon-entreprise', 'publicodes'].map(rewrite)
 	})
 )
 

source/sites/publi.codes/App.js

@@ -0,0 +1,55 @@
+import React, { useState, useEffect } from 'react'
+
+let Landing = () => {
+	useEffect(() => {
+		var css = document.createElement('style')
+		css.type = 'text/css'
+		css.innerHTML = `
+		#js {
+			animation: appear 0.5s;
+			opacity: 1;
+		}
+		#loading {
+			display: none !important;
+		}`
+		document.body.appendChild(css)
+	})
+	return (
+		<div>
+			<div css="text-align: center">
+				<h1 css="">
+					<span css="border: 3px solid black; padding: 0.1rem 0.4rem 0.1rem 0.6rem ; width: 5rem">
+						publi
+					</span>
+					<span css="background: black; color: white; padding: 0.1rem 0.6rem 0.1rem 0.4rem; width: 5rem; border: 3px solid black">
+						codes
+					</span>
+				</h1>
+				<p css="width: 28rem; margin: 0 auto">
+					Un lagage de calcul ouvert, lisible en français, contributif, pour
+					encoder les sujets de société.
+				</p>
+			</div>
+			<h2>
+				La sécurité sociale et les impôts -{' '}
+				<a href="https://mon-entreprise.fr">mon-entreprise.fr</a>
+			</h2>
+
+			<h2>
+				L'impact climatique de nos gestes du quotidien - futur.eco-{' '}
+				<a href="https://mon-entreprise.fr">mon-entreprise.fr</a>
+			</h2>
+		</div>
+	)
+}
+
+let ExportedApp = Landing
+
+// Remove loader
+
+if (process.env.NODE_ENV !== 'production') {
+	const { hot } = require('react-hot-loader')
+	ExportedApp = hot(module)(Landing)
+}
+
+export default ExportedApp

source/sites/publi.codes/entry.js

@@ -0,0 +1,8 @@
+import 'core-js/stable'
+import React from 'react'
+import { render } from 'react-dom'
+import 'regenerator-runtime/runtime'
+import App from './App'
+
+let anchor = document.querySelector('#js')
+render(<App />, anchor)

source/webpack.common.js

@@ -22,7 +22,8 @@ module.exports.default = {
 		'mon-entreprise': './source/sites/mon-entreprise.fr/entry.fr.js',
 		infrance: './source/sites/mon-entreprise.fr/entry.en.js',
 		'simulateur-iframe-integration':
-			'./source/sites/mon-entreprise.fr/iframe-integration-script.js'
+			'./source/sites/mon-entreprise.fr/iframe-integration-script.js',
+		publicodes: './source/sites/publi.codes/entry.js'
 	},
 	output: {
 		path: path.resolve('./dist/')
@@ -151,5 +152,17 @@ module.exports.HTMLPlugins = ({ injectTrackingScript = false } = {}) => [
 		filename: 'mon-entreprise.html',
 		shareImage: 'https://mon-entreprise.fr/images/logo-share.png',
 		logo: 'images/logo.svg'
+	}),
+	new HTMLPlugin({
+		template: 'index.html',
+		inject: false,
+		// mon-entreprise.fr :
+		chunks: ['publicodes'],
+		title: 'publicodes - langage et plateforme de pulication de calculs',
+		description:
+			'Un langage de calcul ouvert, lisible en français, contributif pour encoder et publier les sujets de société.',
+		filename: 'publicodes.html',
+		shareImage: 'https://mon-entreprise.fr/images/logo-share.png',
+		logo: 'https://mon-entreprise.fr/images/illustration.svg'
 	})
 ]